بهینه سازی حجم تصاویر در وردپرس با EWWW Image Optimizer

کم کردن حجم تصاویر در وردپرس با EWWW Image Optimizer

کم کردن حجم تصاویر در وردپرس

سلام دوستان؛

در بین تمام فایل‌هایی که ما در وردپرس بارگزاری و استفاده می‌کنیم، عکس‌ها بیشترین تعداد (و در نتیجه بیشترین حجم) را دارند و جزء مهم‌ترین عوامل کاهش سرعت سایت هستند.وقتی صفحه‌ای می‌خواهد Load شود، عکس‌ بعد از قالب سایت و متن نمایش داده می‌شوند و چون می‌توان در هر صفحه‌ای یکی دو عکس پیدا کرد؛ پس به راحتی می‌توان فهمید با بهینه سازی و کاهش حجم تصاویر وردپرس چه خدمتی به افزایش سرعت سایت وردپرسی و حتی سئو سایتمان می‌کنیم. بین افزونه‌های رایگان کاهش حجم عکس، افزونه EWWW Image Optimizer یک انتخاب مناسب از نظر خیلی از مدیران سایت‌های وردپرس در جهان است.

اگر با فرمت تصاویر آشنایی داشته باشید، احتمال کلمه  lossless را شنیده اید. افزونه EWWW Image Optimizer دقیقا از همین فرایند‌ها برای کاهش حجم تصاویر وردپرس استفاده می‌کند. با دو ابزار TinyJPG و TinyPNG بهترین بهینه سازی را برای فرمت‌های JPG و PNG انجام داده و با کمک گرفتن از کلاس معروف wp_image_editor هر پوشه‌ای در وردپرس را برای بهینه سازی تصاویر اسکن می‌کند.


آموزش کاهش حجم تصاویر در وردپرس با EWWW Image Optimizer

  1. از بخش افزونه‌ها > افزودن راحتی افزونه را نصب می‌کنیم.
  2. قبل از همه چیز باید دقت کنیم،این افزونه نیاز به تابع exec دارد که احتمالا سرور شما این تابع را بسته است و باید با هاستیگ در مورد باز کردن این بخش مکاتبه کنید.
  3. بعد از نصب در قسمت تنظیمات > EWWW Image Optimizer صفحه تنظیمات افزونه قابل مشاهده است.

این افزونه ۴ تب دارد. تب اول مروبط به نسخه پریمیوم است و پروسه کار را روی سرور خود شرکت انجام می‌دهد.مهمترین بخش افزونه Basic Settings است. ما در اصل با این بخش کار داریم

ewww-image-optimizer-hamyarw.com-1

Debugging: با فعال کردن این گزینه اگر مشکلی رخ دهد، پیغام‌های خطا و راهنما را برای کمک به حل مشکل نشان می‌دهد.

Remove metadata: شاید بدانید که در هر عکس، اطلاعاتی مثل زمان ثبت عکس، نوع دوربین و حتی گاهی اطلاعات مکان ثبت عکس یا نرم افزار ویرایش‌گر و … در داخل عکس ذخیره می‌شود. آیا واقعا ما به این اطلاعات نیاز داریم؟ معلوم است که خیر! پس این تیک را می‌زنیم.

Lossy JPG optimization و Lossy PNG optimization: این دو گزینه فرایند اصلی کم حجم کردن تصاویر را انجام می‌دهند.

اخطار:دقت کنید که ممکن است این فرایند به کیفیت عکس‌ها صدمه بزند. پس توصیه می‌کنم حتما در شرایط تستی یک بار این گزینه‌ها را آزمایش کنید.

Bulk Delay: این گزینه برای کم کردن فشار افزونه روی هاست است. اگر ما این گزینه را خالی بگذاریم فرایند افزونه بی توقف از عکسی به عکس دیگر ادامه پیدا می‌کند. اما با زدن مقداری(به ثانیه) بین هر عکس یه همان میزان افزونه صبر می‌کند و بعد ادامه می‌دهد.

با ذخیره تغییرات، از این به بعد تصاویر جدید به صورت خودکار بهینه شده و تصاویر قدیمی را نیز می‌توانیم بایک کلیک بهینه سازی کنیم.

در  بخش رسانه، دو گزینه جدید دیده می‌شود.

ewww-image-optimizer-hamyarw.com-2

Bulk Optimize: برای بهینه سازی تمام عکس‌های است که تا به حال داشته‌ایم. کافیست در این بخش گزینه start optimizing را بزنیم

Unoptimized Images: در این بخش نیز می‌توانیم عکس‌هایی که بهینه‌سازی نشده اند را ببینیم.

اما اگر نگران کیفیت عکس‌ها هستیم و می‌خواهیم محدودیت بیشتری بر روی افزونه اعمال کنیم. باید به بخش Advanced Settings مراجعه کنیم.

ewww-image-optimizer-hamyarw.com-3

در این بخش می‌توانیم محدودیت‌های متفاوتی را قرار دهیم. به عنوان مثال در بخش Disable Automatic Optimization حالت اتوماتیک را برداشته و از این پس در بخش رسانه عکس‌های دلخواه را انتخاب و منوی  “کارهای دسته جمعی”  Bulk Optimize را می‌زنیم.

ewww-image-optimizer-hamyarw.com-4

یک قسمت جالب دیگر Disable Resizes است. خود وردپرس از هر تصویر سه اندازه مختلف می‌سازد و اگر از قالب یا افزونه خاصی استفاده کنیم انی تعداد بیشتر می‌شود. در این قسمت در بخش Disable Creation می توانیم با زدن تیک‌های مختلف اجازه ساخت اندازه‌های مختلف را ندهیم همچنین از بخش Disable Optimization افزونه را محدود کنیم که بهینه سازی روی این اندازه خاص انجام نشود.

بخش نهایی نیز با نام Conversion Settings وظیفه تبدیل فرمت‌های مختلف به هم را دارد. پیشنهاد می‌کنم از این بخش استفاده نکنید. چون تبدیل فرمت jpg به png بی‌هوده است و تبدیل فرمت png به jpg نیز به معنای از بین رفتن کیفیت و حتی ظاهر عکس می‌شوند.(معمولا زمانی از عکس png استفاده می‌کنیم که نیاز به زمینه عکس شفاف داشته باشیم.با تغییر فرمت این زمینه سفید می‌شود)

 


با بهینه سازی حجم تصاویر در وردپرس:

پنهای باند کمتری از هاستیگ شما استفاده می‌شود،سرعت بارگزاری صفحات سایت شما افزایش پیدا می‌کن،سئو سایت شما بصورت غیر مستفیم بهتر می‌شود، حجم کمتری صرف Back up  گرفتن از سایت شما  می‌شود. اگر با دقت تنظیمات را انجام دهیم، تصاویر بصورت خودکار در سایت ما بهینه شده و افرایش سرعت محسوسی را شاهد خواهیم بود.

دانلود افزونه EWWW Image Optimizer – نسخه ۲٫۵٫۲

دانلود صفحه افزونه
راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) کانال تلگرام همیار وردپرس

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

۲۶۵,۸۴۶ نفر

دیدگاهتان را بنویسید

دیدگاه‌های این نوشته جدید شاخص

  1. […] رزولوشن بالا استفاده می‌کنید؟ پس باید انتظار کند شدن سرعت بارگذاری را داشته باشید! نه اشتباه برداشت نکنید; منظورم این نیست […]

  2. 4 ماه عضو همیار وردپرس

    سلام
    من وقتی سایت خودم رو توسط gtmetrix.com چک می کنم بخش PageSpeed Score رو صفر نشون می ده و مشخصات زیر رو نشون میده

    Optimize images
    F (0)

    Enable gzip compression
    F (0)
    Enable Keep-Alive
    F (0)
    Leverage browser caching
    F (0)
    می شه راهنمایی کنید باید چی کار کنم ؟

  3. درود
    من از وقتی این پلاگین رو نصب کردم دیگه صفحا تنضیمات اصلی تو وردپرس نمیاد بالا
    ینی فقط صفحه سفیده.چیکار کنم ؟از یک طرفم حجم عکس ها بسیار بالاست و به این افزونه نیاز دارم
    شما راه کاری دارید؟

    • 5 سال عضو همیار وردپرس

      با احترام
      از طریق هاست، پوشه wp-content > plugins پوشه مربوط به این افزونه را پاک کنید و به جای آن از افزونه tinypng استفاده کنید.

  4. با سلام و احترام

    آیا استفاده از افزونه هایی که حجم عکس ها رو بدون افت کیفیت کم میکنند برای سایت کافیه و یا استفاده از هاست دانلود مجزا برای آپلود عکس ها و استفاده از لینک اونها در سایت اصلی به سرعت بالا آمدن سایت اصلی کمک بیشتری میکنه؟ مخصوصا سایت های فروشگاهی که هزاران عکس باید در اون جای داد.

    با تشکر

  5. با فعال کردن تابع exec از طرف سرور ، عملا امکان هک شدن سایت رو بالا میبریم ، پس معقول نیست که بخاطر بالا بردن سرعت ، امنیت سایت رو به مشکل بندازیم.
    ظاهرا به جز این تابع از طریف api key هم میشه ازش استفاده کرد ، در این زمینه راهنمایی خاصی میتونید بکنید که بشه از این افزونه استفاده بکنیم؟

  6. سلام
    با توجه به اینکه من از دو سه تا افزونه برای سازماندهی تصاویرم استفاده کردم، الان تصاویر همه محصولاتم (با ووکامرس) به شکل کاملا شدید افت کیفیت پیدا کردند.
    سوالم اینه که چطوری می تونم فایلهای تصاویر جنریت شده را از هاست پاک کنم بطوریکه مسیر عکس های محصولات درست باشه.
    مثلاً فرض کنیم که اسم فایل اصلی من asd.jpg است که پس از جنریت شدن توسط افزونه به شکلهای asd-75*75.jpg و asd-150*150.jpg و … تکثیر شده و الان هم همین ها در سایت نمایش داده می شن!
    من می خوام که این دو مورد که بعداً اضافه شدن رو پاک کنم و مسیر عکسها هم فایل اصلی asd.jpg باشه!
    نمیدونم تونستم درست توضیح بدم مشکلم رو یا نه؟

  7. 3 سال عضو همیار وردپرس

    سلام
    تابع مورد نیاز جزو تابع های خطرناک محسوب میشه و با فعال شدنش در هاست میشه دستوراتی رو اجرا کرد که نباید اجرا بشه

    افزونه‌ی دیگه‌ای که کارکرد مشابه این داشته باشه رو میتونید معرفی کنید که با lossless کار کنه؟
    یا به روش همین سایت TinyPNG فشرده کنه؟

  8. خیلی ممنون بابت توضیح کامل. فقط یه مسئله ذهنمو درگیر کرده!
    خانم کوهستانی تو یه مطلب از بهترین راه ها برای بهینه سازی تصاویر گفتن که تعدادی پلاگین از جمله همین افزونه رو معرفی کردن.
    سوال اینکه این پلاگین با حجم ۷مگ کمی زیاد نیست؟ افزونه های مشابه زیر ۱۰۰کیلوبایت! تفاوت در این حد؟ واقعا دلم نمیاد پلاگین ۷مگی نصب کنم 🙂

    • 5 سال عضو همیار وردپرس

      با احترام
      حقیقت امر بقیه پلاگین ها هم خوب هستند اما متاسفانه بیشتر امکانات خود رو در نسخه پریمیوم ارائه داده یا برای ip ایران کار نمی کنند ولی این افزونه (البته با درنظر گرفتن توضیحاتی که گفته شد) کاربردی است.

  9. من یک بار از ین استفاده کردم اما نمیدونم چرا هیچ تاثیری نمیدیدم !!!

    • 5 سال عضو همیار وردپرس

      با احترام
      این افزونه ها به تنظیمات خیلی وابسته هستند همچنین نیاز به باز بودن دستوری خاص دارند که در مطلب گفته شده است.

مطالب زیر را حتما بخوانید

محبوبترین‌های آموزش آنلاین

  • دوره ۱۳ جامع وبمستران هوشمند

    ۶.۸ میلیون تومان
    ساخت کسب‌و‌کار اینترنتی امروزه یکی از اساسی‌ترین کارها برای ایجاد یا توسعه درآمدزایی میباشد. هر ایده‌ای که دارید میتوانید آنلاین در فضای اینترنتی راه اندازی نمایید فقط کافیست که بخواهید. یا اگر چندین سال...
  • دوره جامع ۰ تا ۱۰۰ آموزش طراحی سایت و آموزش طراحی فروشگاه اینترنتی

    ۱.۹ میلیون تومان
    آموزش صفر تا صد دوره طراحی سایت یاد میدهد به شما که چگونه یک طرح گرافیکی بزنید‌‌‌‌‌‌ ،‌کد نویسی کنید و یاد بگیرید که چگونه آن را تبدیل به قالب وردپرس و ووکامرس کنید .با این آموزش میتوانید ،هر نوع سایت خبری و...
  • کسب‌ و کارهای اینستاگرامی

    ۲۹۰ هزار تومان
    اینستاگرام فرصتی فوق‌العاده است. با توجه به اینکه هر روز آمار استفاده کنندگان ایرانی از اینستاگرام افزوده می‌شود و واقعا خود اینستاگرام هم به شدت قوی و مرتب بروزرسانی می‌کند، بازار خیلی خوبی برای تجارت...
مشاهده همه آموزش‌های آنلاین