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

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

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

Robin image optimizer

Wp compress image

Wp smush

imagify

Compress JPEG & PNG images

Robin image optimizer

معرفی افزونه Robin image optimizer
کاهش حجم تصاویر از موثرترین روش های کم کردن سایز صفحات و در نتیجه افزایش سرعت بارگذاری سایت است. و از میان همه افزونه های کاهش حجم تصاویر ، این افزونه می تواند حجم تصاویر را بدون افت کیفیت تا 80 % کاهش دهد .

✓ این افزونه تا کنون حدود 100 هزار نصب فعال در مخزن وردپرس به خود اختصاص داده است .
✓ در دو نسخه رایگان و پولی ارائه شده است . ( نسخه پولی را در ایران نمیشود تهیه کرد.)
✓ کسب امتیاز 4.5 از امتیازات این افزونه می باشد.

ویژگی های افزونه Robin image optimizer

1. بهینه سازی تصاویر با فرمت JPG، PNG و GIF
2. کاهش ابعاد تصاویر
بعضا به علت بی توجهی ما تصاویر در ابعاد بزرگ و غیر استاندارد آپلود می شوند. با استفاده ازRobin image optimizer می توان این تصاویر
را به طور اتوماتیک شناسایی و کاهش ابعاد داد. این امکان در هنگام آپلود تصاویر نیز به طور اتوماتیک وجود دارد.
3. تنظیمات ساده
هیچ تنظیم پیچیده ای در این افزونه وجود ندارد. کافیست میزان فشرده سازی را از بین سه گزینه موجود (و گزینه چهارم سفارشی) انتخاب نمایید. تنظیم کل افزونه شاید دو دقیقه هم به طول نینجامد.
4. حذف متا دیتاهای تصاویر
این افزونه به طور پیشفرض قادر به حذف داده های( Exif مختصات مکان عکاسی ، نوع دوربین ، زمان عکاسی و ….) است . با این حال اگر سایت شما به طور تخصصی بر روی عکس کار می کند می توانید این گزینه را غیرفعال کنید.
5. بهینه سازی Cron
در هنگام بهینه سازی اتوماتیک تصاویر کافیست بر روی گزینه بهینه سازی کلیک کنید و بعد پنجره را ببندید. در حال عملیات بهینه سازی متوقف نخواهد شد.
6. بهینه سازی اتوماتیک
آیا به طور پیوسته تصاویر جدید در سایت آپلود میکنید؟
افزونه Robin image optimizer می تواند آنها را به طور اتوماتیک در هنگام آپلود بهینه سازی کند. این کار توسط Cron انجام شده و نیازی به صبر کردن برای اتمام فشرده سازی نیست.
7.گزارشات جامع
8.فشرده سازی تصاویر تمامی فولدرها

ویژگی های نسخه pro این افزونه :

1. فشرده سازی WebP :
می توانید به طور اتوماتیک نسخه های WebP تصاویر را تولید کند. این گونه در مرورگرهایی که از WebP پشتیبانی می کنند تصاویر در همین فرمت بارگذاری می شود و در سایر مرورگرها هم تصاویر با فرمت اصلیشان به نمایش در می آیند.

2. انطباق با افزونه گالری سازی NextGEN

Wp compress image

معرفی افزونه wp compress image
یک افزونه بسیار کارآمد و فوق‌العاده حرفه‌ای در زمینه بهینه‌سازی تصاویر است. با استفاده از این افزونه مدیران وب‌ سایت‌های وردپرسی امکان این را دارند تصاویر آپلود شده خود را بهینه‌سازی کنند و حجم آن را کاهش دهند که این فرایند ارتباط مستقیمی با افزایش سرعت وب‌سایت خواهد داشت.

✓ این افزونه تا کنون حدود 6 هزار نصب فعال در مخزن وردپرس به خود ا ختصاص داده است .
✓ در دونسخه رایگان و پولی ارائه شده است . ( نسخه پولی را در ایران میشود تهیه کرد.)
✓ کسب امتیاز 4.5 از امتیازات این افزونه می باشد.

ویژگی های افزونه wp compress image

1. امکان بهینه‌سازی کامل دامنه
2. ارائه quotas ماهانه برای کاربران خود
3. ارائه گزارش از انجام بهینه‌سازی تصاویر
4. دارای پیشخوان مدیریت
5. امکان قرارگیری بر روی حالت‌های بی‌حرکت ، هوشمند سازی و بسیار فشرده‌سازی
6. امکان فشرده‌سازی تصاویر به‌صورت تک‌ به‌ تک
7. امکان بازگردانی تصویر فشرده‌سازی بصورت اولیه
8. امکان تغییر اندازه تصویر بصورت خودکار
9. ارائه بروزرسانی‌های منظم و امکانات جدید

راه اندازی افزونه و شروع به کار
پس از فعال‌سازی این افزونه بخش جدیدی در پیشخوان وردپرس شما با عنوان wp compress ظاهر خواهد شد.
این افزونه دارای بخش‌های مختلفی است که در ادامه آن‌ها را نیز بررسی خواهیم کرد.

1. Activate
بخش Activate در ارتباط با فعال‌سازی تکمیلی است که بایستی کلید یا کد را از طریق کلیک بر روی get your api key که از سوی افزونه برای شما ارسال شده است دریافت نمایید و در محل لازم آن را وارد نمایید. با انجام این فرایند افزونه به سرور ارائه‌دهنده خدمات بهینه‌سازی وصل خواهد شد.

2. تنظیمات wp compress image
Retina : فعال سازی تصاویر به روش Retina
Adaptive Images : این گزینه مربوط به تطبیق دادن تصاویر با هم است.
webp : امکان این را خواهید داشت که تصاویر را با فرمت webp بهینه سازی نمایید.
Lazyoad : میتوانید گزینه بارگذاری آهسته تصاویر را فعال نمایید.
و در نهایت نیز گزینه‌ای با عنوان Preserve EXIF Data وجود دارد که در ارتباط به اطلاعات exif است. exif اطلاعاتی شامل تاریخ، نام تصویر و … است.

برای تنظیمات پیشرفته تر نیاز به تهیه نسخه pro این افزونه را خواهیم داشت.

Wp smush

معرفی افزونه wp smush
افزونه ای است که به شما امکان بهینه سازی تصاویر سایتتان را بدون تغییر دادن کیفیت آنها می دهد. کار با این افزونه بسیار راحت است و به محض آپلود تصاویر، آنها را بهینه و فشرده سازی می کند. افزونه WP Smush ساده ترین و آسان ترین روش برای فشرده سازی تصاویر و بالا بردن عملکرد وب سایت برای مبتدی ها است.

✓ این افزونه تا کنون بیش از 1 میلیون نصب فعال در مخزن وردپرس ،به خود ا ختصاص داده است .
✓ در دونسخه رایگان و پولی اریه شده است . ( نسخه پولی را در ایران میشود تهیه کرد.)
✓ کسب امتیاز 4.8از امتیازات این افزونه می باشد.

ویژگی های افزونه wp smush

1. توسط تیم WPMU Dev که یک تیم قدرتمند و قوی است، توسعه داده شده است. بنابراین قابلیت اطمینان بسیار بالایی دارد.
2.داده های بدون استفاده را بدون تأثیر گذاری بر کیفیت تصویر از بین می برد.
3. فشرده سازی دسته جمعی تصاویر قبلی وب سایت را ارائه می دهد. این افزونه می تواند تا 50 تصویر را به یکباره فشرده سازی کند.
4. فشرده سازی خودکار تصاویر به محض آپلود کردن در سایت
5. شناسایی خودکار تصاویر با اندازه نادرست و تصاویری که تأثیر بدی بر عملکرد وب سایت دارند
6. اندازه تصاویری که این افزونه می تواند فشرده سازی کند محدود به 1MB است.

اگر می خواهید تصاویر با اندازه بزرگتر را نیز فشرده سازی کنید باید نسخه Pro آن را خریداری نمایید.

معایب افزونه wp smush
1. احتمال دارد تصاویر بعداز پایان بهینه سازی به حالت اولیه برگردند.
2. به دلیل حجم بالا بعضی از سرورها نمیتوانند قبول کنند.
3. در کنار اسماش پرو نیاز است پلاگین دیگه ای نصب شود و این مورد یعنی دو پلاگین به جای یک پلاگین نصب شود.
4. برای انجام کار حتما باید صفحه باز بمونه
5. این افزونه بهینه سازی تصاویر را روی یک قسمت که سرور ما هست انجام میدهد و به همین دلیل حجم زیادی از سرور ما را میگیرد.

آموزش تنظیمات افزونه WP Smush
اندازه تصویر

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

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

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

افزونه WP Smush دارای این قابلیت است که تصاویر بیش از حد بزرگ را تشخیص داده و اندازه آنها را کاهش می دهد. برای استفاده از این قابلیت دکمه تغییر اندازه تصویر را فعال کنید. اگر به تصاویر بزرگتر از 2560 پیکسل نیاز دارید می توانید این تنظیم را در فعال نکنید.

Imagify

معرفی افزونه imagify
یکی از بهترین افزونه های فشرده سازی تصاویر است که تمام تصاویر سایت شامل تصاویر بندانگشتی را به طور خودکار بهینه می کند.
✓ این افزونه تا کنون بیش از 500 هزار نصب فعال در مخزن وردپرس به خود ا ختصاص داده است .
✓ در دونسخه رایگان و پولی ارائه شده است . ( نسخه پولی را در ایران میشود تهیه کرد.)
✓ کسب امتیاز 4.5 از امتیازات این افزونه می باشد.

ویژگی های افزونه imagify

1. می توانید از Imagify برای تبدیل تصاویر WebP استفاده کنید.
2. با افزونه ووکامرس و افزونه NextGen سازگار است و شما می توانید تصاویر محصولات و تصاویر موجود در گالری NextGen را فشرده سازی کنید.
3. افزایش سرعت سایت با فشرده سازی تصاویر وردپرس بدون افت کیفیت
4. فشرده سازی تصاویر در همه اندازه ها از جمله بندانگشتی و…
6. امکان شخصی سازی تنظیمات افزونه Imagify
7. تعیین مقدار فشرده سازی در 3 سطح معمولی : بدون افت کیفیت – متوسط: کمی افت کیفیت و فشرده سازی عالی – حداکثر: بیشترین فشرده سازی
8. بکاپ گیری از تصاویر اصلی جهت بازگردانی نسخه اصلی تصاویر
9. این افزونه بهینه سازی تصاویر را روی دو قسمت که انجام میدهد.
قسمت اول سرور مرجع : بیشترین بهینه سازی روی این سرور انجام میشود و همین باعث میشود حجم زیادی از سرور ما استفاده نکند.
قسمت دوم سروری که برای ما است..
10. محدودیت حداکثر فشرده سازی 25 مگابایت یا حدود 250 تصویر در ماه برای نسخه رایگان

تنظیمات افزونه Imagify
⦁ تنظیمات عمومی
گزینه هایی که در بخش General Settings صفحه تنظیمات افزونه Imagifyمی توانید پیکربندی کنید.
⦁ Auto-Optimize images on upload : این گزینه به صورت پیش فرض فعال است و باعث می شود عکس‌هایی که در وردپرس آپلود می کنید، به صورت خودکار بهینه‌سازی شوند.
⦁ Backup original images : فعال بودن این گزینه باعث می شود افزونه Imagify قبل از فرآیند بهینه سازی، عکس‌های اصلی را در یک پوشه جداگانه قرار دهد و به این ترتیب از آنها پشتیبان تهیه کند.
⦁ Keep all EXIF data from your images :  با فعال کردن این گزینه داده‌های EXIF عکس‌ها یعنی اطلاعات ذخیره شده در تصاویر مانند مدل دوربین، سرعت شاتر و غیره ذخیره ‌می شوند.

فولدر سفارشی
در قسمت Custom Folders می توانید یک فولدر را انتخاب کرده و تصاویر موجود در آن را فشرده سازی کنید. انتخاب یک
فولدر باعث می شود که تصاویر در زیرفولدرها هم بهینه شوند

Compress JPEG & PNG images

معرفی افزونه Compress JPEG & PNG images
با فشرده سازی تصاویری سایت که با فرمت JPEG و  PNG بارگذاری می شوند به کاهش حجم آن ها و در نتیجه افزایش سرعت لود سایت کمک می کند و این کار را بدون افت کیفیت تصاویر انجام می‌دهد که این موضوع قابل ارزش می باشد.

مکانیزم عمل افزونه Compress JPEG & PNG images
پس از اینکه شما تصاویر مورد نظرتان را روی قالب وردپرس آپلود کردید این تصاویر به سرویس  TinyJPG و TinyPNG فرستاده می‌شوند .
آنگاه تصاویر شما تجزیه و تحلیل شده و در بهترین حالت ممکن فشرده سازی می شوند . براساس محتوا تصاویر شما در حالت بهینه قرار می گیرند.

✓ این افزونه تا کنون بیش از 200 هزار نصب فعال در مخزن وردپرس ،به خود ا ختصاص داده است .
✓ در دونسخه رایگان و پولی اریه شده است .
✓ کسب امتیاز 4.5 از امتیازات این افزونه می باشد.

ویژگی های افزونه Compress JPEG & PNG images

1. فشرده سازی تصاویر پس از آپلود به صورت خودکار
2. قابلیت تنظیم سایز Thumbnail
3. پشتیبانی از چند وب سایت با استفاده از یک کد API
4. بهینه سازی تصاویر برای استفاده در موبایل
5. جست وجوی خودکار تصاویر

آموزش افزونه Compress JPEG & PNG images و نحوه کم حجم کردن تصاویر در وردپرس
پس از نصب  افزونه باید  API را که برای فعال سازی آن نصب کنید.
پس نصب شما API  اختصاصی خود را دریافت میکنید سپس کد دریافت شده را  در کادر زیر وارد میکنید.
یکی دیگر از ویژگی های افزونه  Compress JPEG & PNG images فشرده سازی فایل است .که این قسمت شامل گزینه های فعال / غیرفعال است که در حالت ایده آل بهتر است همه گزینه هارا فعال کنیم اما چون در فشرده سازی تصاویر با محدودیت مواجه هستیم پس تنها گزینه هایی را انتخاب میکنیم که بیشترین کاربرد را در سایت دارد.

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

جدول مقایسه افزونه های بهینه سازی تصاویر

جدول مقایسه نسخه رایگان و pro افزونه های بهینه سازی تصاویر

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

نام نویسنده : آویده مستعان