تصاویر از جمله اِلِمان هایی در سایت هستند که می توانند تجربه کاربری را بهبود ببخشند، هویت برند را ارتقا دهند و اطلاعات را به شیوه ای جذاب تر و گویاتر منتقل کنند. اما نکته بسیار مهمی که در استفاده از تصاویر باید مد نظر قرار گیرد، بهینه سازی آنهاست. خوشخبتانه بهینه سازی تصاویر نیز جزو اقداماتی است که افزونه ها به راحتی مسئولیت انجام آن را به عهده می گیرند. اگر شما هم مشتاقید با بهترین افزونه های بهینه سازی تصاویر سایت آشنا شوید، تا انتهای این مطلب از استورمانستر ما را همراهی کنید. در ادامه 6 تا از بهترین های این افزونه ها را با هم بررسی می‌ کنیم.

چرا باید تصاویر را بهینه کنیم؟

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

در این مطلب روش بهینه سازی تصاویر برای موتورهای جستجو آموزش داده شده است.

بهینه سازی تصاویر توسط افزونه ها چگونه انجام می شود؟

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

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

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

1/ WP Smush؛ رتبه اول در لیست بهترین افزونه های بهینه سازی تصاویر سایت

به عنوان اولین گزینه باید Smush را معرفی کنیم که در حال حاضر یکی از محبوب ترین افزونه های بهینه سازی تصویر در وردپرس است. این افزونه می تواند بدون هیچ آسیبی به کیفیت تصاویر، آنها را تا 5 مگابایت به صورت تکی یا جمعی فشرده کند. علاوه بر این Smush با قابلیت Lazy load و حذف کردن متادیتاهای EXIF  کمک زیادی به سرعت سایت می کند.

استفاده از افزونه Smush

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

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

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

در قدم بعدی قابلیت Lazy-load معرفی شده است. با فعال بودن این قابلیت، تصاویر به خودی خود برای کاربران لود نمی شوند؛ بلکه تصاویر زمانی لود خواهند شد که کاربر تا محل تصویر اسکرول کند. با این کار سرعت سایت با لود نکردن تصاویر غیر ضروری، افزایش پیدا خواهد کرد.

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

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

2/ Optimus

اگر دغدغه ویژه ای از بابت پهنای باند سایت دارید، می توانید از افزونه Optimus استفاده کنید. این افزونه تصاویر آپلود شده را تا 70% بهینه خواهد کرد. روش کار این افزونه به این ترتیب است که تصاویر را به سرور خود فرستاده و آنها را با حجم کمتر و به صورت فشرده بر می گرداند. این افزونه هم صدمه ای به کیفیت تصاویر وارد نمی کند. ضمناً در نسخه رایگان این افزونه سقف تصاویر قابل قبول، 100 کیلو بایت است.

استفاده از افزونه Optimus

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

• Ignore Original Images: بهینه نکردن تصاویر اورجینال (با فعال کردن آن فقط Thumbnailها بهینه می شوند)
• Manual Optimization: بهینه سازی تصاویر بعد از آپلود و در کتابخانه (تصاویر هنگام آپلود بهینه نمی شوند)

3/ EWWW Image Optimizer

افزونه EWWW Image Optimizer تصاویر را به طور خودکار و در زمان آپلود، بهینه می کند. همینطور به کمک این افزونه می توانید تصاویری که از قبل در کتابخانه دارید را نیز بهینه کنید. این افزونه هم از فشرده سازی بدون ضرر برای تصاویر استفاده می کند. لازم به ذکر است که نسخه رایگان EWWW Image Optimizer محدودیتی برای حجم تصاویر ندارد. این یک امتیاز برجسته محسوب می شود؛ چرا که در نسخه رایگان سایر افزونه ها، گاهی محدودیت هایی از این بابت وجود دارد.

استفاده از افزونه EWWW Image Optimizer

این افزونه نیز بعد از نصب، کار خود را شروع می کند. اما برای تغییر تنظیمات آن می توانید روی نام افزونه در منوی اصلی کلیک کنید تا به صفحه Settings بروید. مهم ترین گزینه های این صفحه شامل موارد زیر هستند:

• Remove Metadata: حذف متادیتاهای اضافه تصاویر
• Resize Images: تغییر اندازه تصاویر طبق مینیمم و ماکزیمم انتخابی
• Lazy load: قابلیت Lazy mode (که بالاتر درباره آن توضیح دادیم)
• WebP Conversion: ایجاد فرمت WebP از تصاویر
• WebP Delivery Method: روش تبدیل به فرمت WebP
• JS WebP Rewriting: وارد کردن کد جاوا اسکریپت برای تعیین روش تبدیل به WebP
• WebP Rewriting: تعیین روش تبدیل به WebP
• با استفاده از تگ

4/ ShortPixel Image Optimizer

افزونه ShortPixel Image Optimizer یکی دیگر از بهترین افزونه های بهینه سازی تصاویر سایت است که دو روش  را برای فشرده سازی تصاویر ارائه می دهد؛ یکی بدون آسیب و یکی با آسیب. تفاوت این دو روش در این است که در روش با آسیب، بعضی از داده های تصاویر حذف و کیفیت آنها کمی کم می شود. اما در عوض فایل تصاویر تا میزان بسیار بیشتری کوچک می شوند.

از دیگر مزایای این افزونه می توان به ذخیره نسخه اصلی تصاویر اشاره کرد که در صورت لزوم می توان آنها را بازیابی کرد. به علاوه امکان فشرده سازی همه فرمت های GIF، PNG، JPG، AVIF، WebP و PDF و همینطور تبدیل  سیستم رنگی CMK به RGB (در قسمت Advanced تنظیمات) نیز در این افزونه وجود دارد. در نسخه رایگان ShortPixel Image Optimizer امکان آپلود 100 تصویر در هر ماه را دارید.

استفاده از افزونه ShortPixel Image Optimizer

این افزونه هم نیاز به راه اندازی ندارد و فقط در صفحه تنظیمات آن می توانید بعضی جزئیات را تغییر دهید. کاربرد گزینه های صفحه تنظیمات نیز به این ترتیب است:

• Compression type: روش فشرده سازی که بالاتر مرور کردیم را انتخاب کنید
• Also include thumbnails: بهینه سازی Thumbnail ها
• Image backup: نگهداری فایل اورجینال تصویر
• Remove EXIF: حذف کردن متادیتاهای EXIF
• Resize Large images: مینیمم و ماکزیمم اندازه تصاویر بعد از فشرده سازی

5/ reSMUSH.it

reSMUSH.it افزونه رسمی وردپرس برای بهینه سازی تصاویر است. به کمک این افزونه می توانید تصاویر را (با حجم نهایتاً 5 مگابایت) فشرده کنید. این افزونه هم یک نسخه اصلی از تصاویر را نگه می دارد.

استفاده از افزونه reSMUSH.it

وقتی وارد بخش تنظیمات این افزونه می شوید، اگر روی گزینه Optimize all pictures کلیک کنید، کار بهینه سازی تصاویر قبلی شروع می شود. کاربرد سایر گزینه های تنظیمات نیز عبارت است از:

• Image quality: تعیین یک عدد برای سطح کیفیت تصاویر بعد از بهینه سازی (عددی بین 0 تا 100 که عدد پیشنهادی خود افزونه، 92 است)
• Optimize on upload: بهینه سازی همه تصاویر در زمان آپلود
• Enable Statistics: ارائه آمار از تصاویر بهینه شده
• Enable logs: فعالسازی فایل های Log برای توسعه دهندگان
• Process optimize on CRON: بهینه سازی تصاویر در طول عملیات CRON
• Preserve EXIF: نگهداری متادیتاهای EXIF
• Do not preserve backups: نگه نداشتن فایل اصلی تصاویر

6/ Robin Image Optimizer

می رسیم به آخرین گزینه در لیست بهترین افزونه های بهینه سازی تصاویر سایت، یعنی افزونه Robin Image Optimizer. در این افزونه چندین گزینه را برای انتخاب سرور فشرده سازی در اختیار دارید. یکی از این سرورها که Server 1 است، رایگان بوده و با آن می توانید تصاویر تا حجم 5 مگابایت را بهینه کنید.

استفاده از افزونه Robin Image Optimizer

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

 بخش اول

• Optimization Server: سرور انتخابی که بالاتر بررسی کردیم
• Compression mode: روش فشرده سازی (بدون آسیب/ با آسیب/ فشرده سازی بسیار زیاد / میزان فشرده سازی سفارشی)
• Auto Optimization on upload: بهینه سازی تصاویر در زمان آپلود
• Backup images: نگه داشتن نسخه اورجینال تصاویر
• Error Lag: ارائه Lagهای ارور در یک بخش مجزا
• Convert Images to WebP: ایجاد فرمت WebP از تصاویر JPG و PNG و لود کردن آنها به جای نسخه اصلی (در مرورگرهایی که از این فرمت پشتیبانی می کنند)
• Manage backups: پاک کردن یا بازیابی نسخه های اورجینال تصاویر
• Leave EXIF: حذف نکردن متادیتاهای تصاویر

بخش دوم

• Optimization Order: ترتیب بهینه سازی تصاویر موجود (از قدیمی ترین یا از جدیدترین تصویر)
• Resizing Large images: تغییر اندازه تصاویر بزرگ
• Optimize formats: انتخاب فرمت هایی که باید بهینه شوند
• Optimize thumbnails: انتخاب سایز Thumbnailهایی که باید بهینه شوند

بخش سوم

• Background optimization type: انتخاب انجام بهینه سازی در حالت پس زمینه و یا طبق زمانبندی (در نسخه رایگان فقط زمانبندی فعال است)
• Run every: تعیین بازه زمانی برای شروع بهینه سازی
• Image per iteration : تعیین تعداد تصاویری که در هر بازه زمانی بهینه می شوند

سخن پایانی

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