آنچه که در این جمع بندی می خواهیم به آن نگاه کنیم، بهترین بهینه سازهای تصویر وردپرس است.

هر یک از آنها ادعا می کنند که بهترین ابزار برای این منظور هستند. بنابراین ما آنها را در زندگی واقعی آزمایش کردیم تا ببینیم واقعاً چگونه عمل می کنند.

نتایج آزمایشات ما واقعاً ما را شگفت زده کرد. در ادامه بخوانید تا دقیقاً آنچه را که ما کشف کردیم، به خصوص در مورد پلاگین های "محبوب" بیابید.

چرا برای بهینه سازی تصاویر زحمت می کشیم؟

تصاویر نشان دهنده تقریبا 21٪ از اندازه یک صفحه معین .

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

اما نیاز به کار زیاد و مقدار معینی دانش دارد. خوشبختانه، طیف وسیعی از افزونه های بهینه سازی تصویر برای وردپرس وجود دارد که این کار را برای شما انجام می دهند.

در اینجا افزونه هایی است که ما آزمایش کردیم.

بهترین افزونه های بهینه سازی تصویر وردپرس

تصور کنید 

صفحه اصلی را تصور کنید

تصور کنید یک افزونه رایگان برای وردپرس است، اما برای دریافت API مورد نیاز برای کارکرد افزونه باید یک حساب Imagify.io ایجاد کنید.

اتصال API را تصور کنید

Imagify از همان افرادی است که خلق کردند موشک WP ، بنابراین از نظر امکانات و قابلیت ها انتظارات زیادی داشتیم.

Imagify Interface

شما نیازی به نگرانی در مورد چندین تب، منوهای جانبی یا هر چیز دیگری نخواهید داشت - رابط Imagify یک صفحه را اشغال می کند:

بهترین بهینه ساز تصویر وردپرس

در نگاه اول کمی ترسناک است، اما واقعاً فقط تعداد انگشت شماری از تنظیمات وجود دارد که باید نگران آنها باشید، مانند "سطح بهینه سازی" و فعال کردن پشتیبانی از تصویر. WebP.

کم و بیش همین است.

یک ویژگی واقعا جالب این است که می توانید تصاویر خود را بهینه کنید تم وردپرس، یا فقط یک پوشه کامل از تصاویر را به جای آن اضافه کنید:

بهترین بهینه ساز تصویر وردپرس

ابزار «مقایسه بصری» لمس خوبی است: می‌توانید سطوح مختلف فشرده‌سازی تصویر موجود در افزونه را پیش‌نمایش کنید:

بهینه سازی تصویر

شما می توانید سه نوع مختلف فشرده سازی تصویر را انتخاب کنید:

  • نرمال - حداقل فشرده سازی
  • تهاجمی - فشرده سازی متوسط ​​(تنظیم پیش فرض)
  • حداکثر فشرده سازی فوق العاده

مانند بسیاری از این افزونه‌ها، می‌توانید «بهینه‌سازی انبوه» را برای تصاویر موجود انجام دهید، اما ما می‌خواستیم آزمایش کنیم که چگونه بهینه‌سازی تصاویر جدید را انجام می‌دهد.

نحوه انجام این کار خیلی واضح نبود - آزمون و خطا در آن وجود داشت.

ابتدا باید تصویر را آپلود کنید، سپس به کتابخانه رسانه خود در وردپرس بروید تا تنظیمات بهینه سازی را پیدا کنید:

تنظیمات بهینه سازی را در کتابخانه رسانه WP تصور کنید

تصویر شما با توجه به تنظیمات پیش فرض افزونه Imagify بهینه شده است و در این مورد این تنظیم "Aggressive" بود که اندازه فایل را یک بار کاهش داد. فوق العاده 95,34٪ .

به طور واقعی، این بدان معنی است که حجم فایل از 555 کیلوبایت به 25 کیلوبایت کاهش یافته است.

نتیجه بهینه سازی تنظیمات تهاجمی را تصور کنید

می‌توانید از این صفحه تا «Ultra» یا «Normal» را بهینه کنید، و همچنین فایل تصویر را به حالت اولیه بازگردانید.

حتی می توانید قبل از انتشار فایل اصلی، کیفیت آن را با نسخه جدید بهینه سازی شده مقایسه کنید:

Imagify نسخه اصلی و بهینه شده را مقایسه می کند

فواید

  • فشرده سازی تصویر بسیار چشمگیر
  • طرح رایگان آنها 25 مگابایت پهنای باند تصویر در هر ماه را پوشش می دهد
  • حداقل رابط کاربری بسیار آسان برای استفاده است

مزایا

  • یک برگه جداگانه برای تنظیمات "Administrator" خوب خواهد بود، اما ما اینجا را انتخاب می کنیم

خلاصه بازی Imagify:

  • سهولت نصب: برای دسترسی به کلید API باید ثبت نام کنید
  • اخرین بروزرسانی :  2 هفته پیش
  • پشتیبانی از تصویر WebP: بله
  • تست فشرده سازی تصویر:  95,34٪

دود کردن 

فشرده سازی و بهینه سازی تصویر Smush

دود کردن (WP Smush سابق) یکی از محبوب ترین پلاگین های فشرده سازی تصویر است.

در واقع، اگر از اکثر صاحبان وب سایت بپرسید که از چه چیزی برای فشرده سازی تصویر استفاده می کنند، احتمالاً می گویند "Smush". این همچنین توضیح می دهد که چرا این افزونه 1 نصب فعال دارد.

اما بیایید ببینیم آیا او شایسته شهرت است؟

رابط Smush

داشبورد بسیار واضح است و به شما می گوید که چند تصویر رونویسی کرده اید و در حال حاضر چند تصویر باید رونویسی شوند:

بقیه عملکردهای Smush از منوی سمت چپ صفحه قابل دسترسی هستند:

  • فست فود - تمام تصاویر خود را به یکباره فشرده کنید
  • دایرکتوری Smush - تمام تصاویر موجود در یک فهرست مشخص را فشرده می کند
  • یکپارچگی – گوتنبرگ، آمازون S3 NextGen Gallery و WP Bakery صفحه ساز
  • بار تنبل - بارگذاری تصاویر را در زیر صفحه به تعویق بیندازید
  • CDN – CDN توسعه دهنده WPMU را برای Smush فعال کنید
  • ابزارهای – تشخیص و نمایش تصاویر با اندازه نادرست
  • پارامترهای - قابلیت دسترسی، ترجمه ها، ردیابی استفاده، داده های برنامه و وضعیت API

اگر منصف باشیم، تنها تنظیماتی که احتمالاً باید به آنها نگاه کنید عبارتند از Bulk Smush و Lazy Load.

بهینه سازی تصویر

Smush به طور خودکار تصاویر جدید را به طور پیش فرض فشرده می کند، بنابراین ما مجبور شدیم این تنظیمات را خاموش کنیم تا واقعا ببینیم Smush چه کار می کند.

فشرده سازی اتوماسیون Smush

و به همین دلیل است که می بینید این تنظیمات پیش فرض است ... زیرا هیچ تنظیمات فشرده سازی تصویر دیگری برای بازی وجود ندارد:

تصویر در کتابخانه رسانه بدون Smush فشرده سازی

Smush، یا نه Smush... مسئله این است!

و هنگامی که Smush را انجام می دهید، نتایج دقیقاً شگفت انگیز نیستند:

Smush Image Optimization Results

اسموش به ما یک کاهش 3,7 درصدی سایز برای تصویر آزمایشی ما

برای اینکه واقعاً منصف باشیم، تصویر بزرگتر دیگری را آزمایش کردیم تا ببینیم آیا به خوبی همه چیز است:

این بار کاهش 86,1 درصدی در اندازه تصویر داشتیم. Smush در فشرده سازی یک فایل 1,5 مگابایتی بسیار بهتر از یک فایل 555 کیلوبایتی عمل کرد و پس از مقایسه تصاویر، متوجه شدیم که چرا: تصویر بزرگتر رنگ کمتری داشت و پیچیدگی کمتری داشت.

این بدان معناست که الگوریتم فشرده سازی Smush تا حد امکان ابتدایی است.

فواید

  • داشبورد Smush یک نمایش بصری واضح از شما می دهد statistiques و وظایف
  • این یک افزونه 100% رایگان است

مزایا

  • 3٪ "بهبود" در اندازه فایل رقت انگیز است
  • شما نمی توانید سطوح فشرده سازی را تغییر دهید

خلاصه ای از اسموش:

  • سهولت نصب: از وردپرس نصب و فعال کنید
  • آخرین به روز رسانی افزونه: 1 ماه پیش
  • تست فشرده سازی تصویر: 3,7٪
  • پشتیبانی وب پی؟  غیر

ShortPixel 

ShortPixel نامی است که ممکن است بلافاصله ندانید، اما آنها به عنوان یکی از بهترین CDN های تصویر در اطراف شهرت دارند.

اولین چیزی که در اینجا باید به آن بپردازیم این است که در واقع دو افزونه ShortPixel مختلف وجود دارد:

  • ShortPixel Image Optimizer (SIO)
  • تصاویر تطبیقی ​​ShortPixel (SAI)

پس تفاوت آنها چیست؟

ShortPixel Image Optimizer انتخاب بهتری برای سایت ها است انتشار داده ها به مخاطبان محلی و ShortPixel Adaptive Images برای سایت هایی که به مخاطبان بین المللی خدمات ارائه می دهند مناسب است.

به همین دلیل است که ما فقط افزونه «تصاویر تطبیقی» را آزمایش کردیم.

نصب افزونه ساده است، اما برای اینکه همه چیز به درستی کار کند، باید یک API درخواست کنید.

رابط ShortPixel

آنها به سمت یک رویکرد مینیمالیستی برای رابط کاربری خود رفته اند، که در مقایسه با برخی از افزونه های دیگر، هوای تازه است:

پارامترهای ShortPixel Ai

در برگه "عمومی"، می توانید از بین سه سطح فشرده سازی انتخاب کنید:

  1. با ضرر - فشرده سازی بیشتر، کیفیت تصویر پایین تر
  2. بریلانته - تقریباً مشابه تصویر اصلی است
  3. بدون ضرر : فشرده سازی کمتر، کیفیت تصویر بالاتر

پشتیبانی WebP به طور پیش فرض فعال است، همانطور که بارگذاری تنبل تصویر نیز فعال است. تنها چیزی که باید انتخاب کنید نوع فشرده سازی است که می خواهید استفاده کنید.

برگه "پیشرفته" حاوی URL API و تعدادی تنظیمات است که 99٪ از شما هرگز به آنها نیاز نخواهید داشت.

باز هم، تقریباً هیچ پیکربندی درگیر نیست.

فشرده سازی تصویر

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

در واقع، تنها راه برای پیدا کردن statistiques فشرده سازی تصویر از طریق وب سایت آنها انجام می شود.

و باید یک گزارش جداگانه دانلود کنید که فقط یک بار در ساعت به روز می شود:

اما نتایج چشمگیر بود ... زمانی که آنها را پیدا کردیم:

ما یک کاهش 94,36 درصدی حجم فایل ، بدون هیچ گونه تنظیم، دستکاری یا دستکاری پارامترهای مختلف به دست آمده است.

این امتیاز ShortPixel را در جایگاه سوم قرار می دهد، اما تنها با کمترین حاشیه.

فواید

  • بهینه سازی تصویر را تنظیم و فراموش کنید
  • کاهش حجم فایل تصویری عالی
  • بدون دستکاری تنظیمات پیچیده
  • حساب رایگان در دسترس (100 تصویر در ماه)

مزایا

  • آنها به یک داشبورد گزارش در افزونه نیاز دارند
  • چندین پلاگین موجود گیج کننده هستند

خلاصه ShortPixel:

  • نصب و راه اندازی: از وردپرس نصب و فعال کنید
  • آخرین به روز رسانی افزونه: 16 ساعت وجود دارد
  • تست فشرده سازی تصویر: 94,36٪
  • پشتیبانی وب پی؟ بله

بهینه ساز EWWW 

پلاگین بهینه سازی تصویر Ewww

با 700 نصب فعال و امتیاز 000 ستاره، EWWW به نظر می رسد به عنوان یک افزونه فشرده سازی تصویر، انتخاب خوبی باشد.

به هر حال، اگر چند صد هزار صاحب سایت از آن راضی هستند، پس باید کاری را درست انجام دهند.

رابط

EWWW Image Optimizer دارای یک داشبورد بسیار بصری است که میزان فشرده سازی تصویر را که می توانید انتظار داشته باشید و همچنین میزان فضای فایلی که تاکنون ذخیره کرده اید را نمایش می دهد.

ممکن است متوجه شده باشید که سطح فشرده سازی آن روی 20٪ تنظیم شده است که هنوز خیلی بد به نظر نمی رسد.

تا زمانی که در منوی "Basic" متوجه شوید که در واقع نمی توانید سطوح بهینه سازی را برای هر نوع تصویر تغییر دهید:

منوی اولیه بهینه سازی تصویر Ewww

برای دسترسی به «Pixel Perfect Plus» یا ابزارهای فشرده‌سازی بهتر، باید یک کلید API خریداری کنید.

در بخش بعدی این شکست را با جزئیات بیشتری بررسی می کنیم.

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

فشرده سازی تصویر

مانند Smush، EWWW Image Optimizer به طور خودکار تمام تصاویر جدید آپلود شده در کتابخانه رسانه WP شما را فشرده می کند.

متأسفانه، تنها راه برای انجام این کار ویرایش دستی فایل wp_config.php یا همان چیزی است که آنها می‌گویند. گزینه های جایگزین '.

این نظارت باعث می شود که این افزونه بلافاصله برای تعداد بسیار زیادی از افراد غیر قابل دسترس باشد.

ما آزمایش خود را از افزونه با استفاده از تنظیمات بهینه سازی پیش فرض آن انجام دادیم و به این نتیجه رسیدیم:

نتایج بهینه سازی تصویر Ewww

این کاهش 9 درصدی در اندازه فایل (58,8 کیلوبایت) اندازه تصویر آزمایشی ما را از 555 کیلوبایت به 496,2 کیلوبایت کاهش داد. این عملکرد کمی بهتر از Smush است، اما بسیار کمتر از پلاگین های دیگر این ترکیب است.

تنها راه برای بهبود این نتیجه، خرید یک API است که برای هر تصویر 0,0003 دلار هزینه دارد. یا می توانید به جای آن، ماهانه 9 دلار برای CDN تصویر ExactDN آنها بپردازید.

ممکن است به نظر یک حرکت بازاریابی هوشمند باشد، اما به طور موثر افزونه رایگان آنها را بی فایده می کند.

این فقط یک ابزار تولید سرنخ است که به عنوان یک افزونه بهینه سازی تصویر پوشیده شده است.

فواید

  • EWWW Image Optimizer رایگان است

مزایا

  • رابط کاربری یک فاجعه واقعی است
  • فشرده سازی تصویر بسیار ضعیف است
  • نسخه رایگان این افزونه از نظر عملکرد بسیار محدود است

خلاصه ای از EWWW

  • نصب و راه اندازی: از وردپرس نصب و فعال کنید
  • آخرین به روز رسانی افزونه: 2 هفته پیش
  • فشرده سازی تصویر: 9٪
  • پشتیبانی وب پی؟ بله

Optimole

Optimole

Optimole  محصولی است که شباهت های زیادی به Imagify و ShortPixel دارد زیرا بهینه سازی و فشرده سازی تصویر مبتنی بر ابر را ارائه می دهد.

یا به قول خودشان، «…یک پردازش تصویر و CDN بی‌درنگ تصویر برای وردپرس».

و مانند سایر ابزارهای بهینه سازی تصویر مبتنی بر ابر، برای استفاده از این افزونه باید یک حساب کاربری رایگان ایجاد کنید. حساب Optimole شما "رایگان برای همیشه" نیست: محدودیت تصویر 1 گیگابایت بر آن تحمیل شده است.

رابط

ما رابط Optimole را دوست داشتیم - آنها توانستند آن را به طرز فریبنده ای ساده نگه دارند، در حالی که تمام تنظیماتی را که نیاز دارید در دسترس شما قرار می دادند.

شما می توانید بین "داشبورد" و "تنظیمات" انتخاب کنید:

در قسمت تنظیمات، دو گزینه اصلی دارید:

  1. جایگزینی تصویر را فعال کنید
  2. مقیاس تصاویر و بارگذاری تنبل
تنظیمات عمومی Optimole

و در زیر منوی "پیشرفته"، می توانید یکی از موارد زیر را انتخاب کنید:

  • سطح فشرده سازی - کم، متوسط ​​یا زیاد
  • تغییر اندازه تصویر - اندازه تصاویر بزرگ را به تناسب تغییر دهید
  • تنبل بارگیری (فعال کردن مکان یاب عمومی)
  • محرومیت – فایل هایی که نمی خواهید بهینه شوند
  • تعیین میزان مد آب - یک واترمارک به تصاویر خود اضافه کنید تا از زالو/سرقت جلوگیری کنید

اگر یک خطای فاحش وجود نداشت، آن را بصری ترین رابط این دسته می دانستند.

دسترسی به افزونه به معنای رفتن به پلاگین -> افزونه های نصب شده است، سپس به پایین اسکرول کنید تا روی "تنظیمات" افزونه کلیک کنید.

ما امیدواریم که آنها این مشکل را در به روز رسانی آینده با نوعی نوار مدیریت یا سیستم منوی زمینه برطرف کنند.

فشرده سازی تصویر

بنابراین رابط کاربری عالی است، اما چقدر می تواند اندازه فایل تصویر را کاهش دهد؟

خب، اینجا بود که همه چیز کمی به هم ریخت. با کتابخانه رسانه ادغام نمی شود، بنابراین ما هیچ گونه کوچک شدن فایل های تصویری را در آنجا مشاهده نکردیم. پس از کمی دستکاری و تازه کردن، به داشبورد برگشتیم و نتیجه را در آنجا پیدا کردیم:

نتایج بهینه سازی تصویر Optimole

تصویر آزمایشی ما اکنون 21,8 برابر کوچکتر از قبل است که بسیار عالی به نظر می رسد. اما هنوز داشتیم ایده ای نیست معنای آن در کیلوبایت/مگابایت چیست. بنابراین ما داشبورد وب حساب Optimole خود را به عنوان آخرین راه حل بررسی کردیم:

آخرین تصاویر بهینه سازی شده با Optimole

26 کیلوبایت یک نتیجه شگفت‌انگیز است، اما حلقه‌های بسیار زیادی برای به دست آوردن این اطلاعات وجود دارد. Optimole کار خود را به خوبی انجام می دهد، اما آنها باید روی UX خود کار کنند.

شما همچنین باید هزینه های خود را پس از استفاده از 1 گیگابایت تصاویر رایگان در ماه (5 گیگابایت پهنای باند مشاهده) در نظر بگیرید.

فواید

  • قابلیت کاهش تصویر چشمگیر
  • ویژگی واترمارک بسیار جالب است
  • رابط کاربری ساده و شهودی
  • 5 گیگابایت پهنای باند تصویر رایگان در ماه

مزایا

  • در واقع دسترسی به افزونه یک کار طاقت فرسا است
  • گزارش ها دست کم پیچیده هستند

خلاصه ای از Optimole

  • سهولت نصب: برای دسترسی به کلید API باید ثبت نام کنید
  • آخرین به روز رسانی افزونه: 1 روز پیش
  • فشرده سازی تصویر: 95٪
  • پشتیبانی وب پی؟ بله

نتایج فشرده سازی تصویر

تمام نتایج زیر بر اساس این تصویر آزمایشی است:

بهترین بهینه ساز تصویر وردپرس چیست؟
  • حجم تصویر اصلی: 555 کیلوبایت
  • فرمت تصویر: JPEG
  • ابعاد تصویر: 1 در 000 پیکسل
پلاگیناندازه فشردهدرصد کاهش
تصور کنید25,8 Ko٪۱۰۰
دود کردن554,8 Ko3%
ShortPixel 31,2 Ko٪۱۰۰
EWWW 496,2 Ko9%
Optimole26 Ko٪۱۰۰

افزونه ای که بهترین نتیجه بهینه سازی تصویر را دارد تصور کنید .io با Optimole در جایگاه دوم و ShortPixel در جایگاه سوم بسیار بسیار نزدیک است.

آنچه در تست‌های ما جالب‌تر بود، عملکرد ضعیف Smush و EWWW بود، اما اعداد دروغ نمی‌گویند.

استفاده از پلاگین هایی که به معنای واقعی کلمه آنچه را که می گویند انجام نمی دهند، فایده ای ندارد.

نتیجه

و این ما را به پایان مقایسه بهینه‌ساز تصویر وردپرس می‌رساند و Imagify به وضوح برنده می‌شود.

ما واقعاً از عملکرد شگفت زده شدیم توسط Imagify و Optimole در تست های ما.

با این حال، این بر اساس این واقعیت بود که ما چیز زیادی در مورد هر یک از این افزونه ها نمی دانستیم، و نه بر اساس برداشت های منفی از طرف ما.

ShortPixel ابزار انتخابی ما است، صرفاً به این دلیل که تقریباً خودکار است: ما فقط به آن اجازه می دهیم کار خود را انجام دهد.

همانطور که احتمالاً می دانید، ما دوست داریم تقریباً هر کاری را که انجام می دهیم سیستماتیک کنیم. اما همانطور که گفته شد، ما می‌توانیم آزمایش‌های بیشتری را با Imagify در سایت‌های زنده انجام دهیم تا ببینیم چگونه کار می‌کند.

نظر خود را در مورد این جمع بندی با یک نظر به ما اطلاع دهید و فراموش نکنید اگر این مقاله را مفید دیدید به اشتراک بگذارید.

برو جلو، میدونی که میخوای!