Imagify افزونه فشرده سازی تصاویر و تبدیل به WebP در وردپرس

Imagify

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

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

Imagify پیشرفته ترین ابزار بهینه سازی تصاویر است که با افزونه Imagify می توانید از این ابزار مستقیماً در وردپرس استفاده کنید. افزونه Imagify یکی از بهترین افزونه های فشرده سازی تصاویر وردپرس است که تمام تصاویر سایت شامل تصاویر بندانگشتی را به طور خودکار بهینه می کند. همچنین می توانید از Imagify برای تبدیل تصاویر WebP استفاده کنید.

این افزونه با افزونه ووکامرس و افزونه NextGEN Gallery سازگار است و شما می توانید تصاویر محصولات و تصاویر موجود در گالری NextGen را فشرده سازی کنید.

در این مقاله افزونه Imagify را مورد بررسی قرار داده و نحوه استفاده از آن را آموزش می دهیم.

آموزش افزونه Imagify و نحوه کم حجم کردن تصاویر در وردپرس

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

بعد از اینکه افزونه نصب شد آن را فعال کنید. پس از فعال سازی افزونه در پیشخوان وردپرس به مسیر تنظیمات » Imagify بروید. صفحه ای مشابه شکل زیر مشاهده می کنید.

Imagify

برای استفاده از این افزونه باید یک کلید API دریافت کنید. برای دریافت کلید API روی دکمه Create a free API key کلیک کنید.

 یک پاپ آپ مشابه شکل زیر باز می شود.

Imagify

ایمیل خود را وارد کنید و روی دکمه Sign up کلیک کنید.

حساب کاربری شما با موفقیت ایجاد می شود. سپس Imagify یک ایمیل برای شما ارسال می کند که حاوی دکمه ای است که با کلیک بر روی آن می توانید یک حساب کاربری در Imagify ایجاد کرده و کلید API خود را دریافت کنید.

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

پس از تأیید ایمیل وارد حساب کاربری Imagify خود می شوید. روی پنجره کشویی در بالای صفحه سمت راست کلیک کنید. سپس روی تب API-Integration کلیک کنید.

Imagify

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

کلید API را در صفحه تنظیمات افزونه پیست کنید. پس از آن کلید API شما تأیید شده و می توانید تنظیمات Imagify را برای بهینه سازی تصاویر خود پیکربندی کنید.

تنظیمات افزونه Imagify

تنظیمات عمومی

گزینه هایی که در بخش General Settings صفحه تنظیمات افزونه Imagify می توانید پیکربندی کنید عبارتند از:

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

بهینه سازی

در بخش Optimization می توانید گزینه های زیر را پیکربندی کنید:

Imagify

Create webp versions of images: فعال بودن این گزینه باعث می شود افزونه Imagify نسخه Webp تصاویر را ایجاد کند.

Display images in webp format on the site: گزینه Use rewrite rules، قوانین بازنویسی را به فایل پیکربندی سایت شما یعنی فایل htaccess. اضافه می کند و کد صفحات شما را تغییر نمی دهد. این گزینه با CDN کار نمی کند.

گزینه دوم تگ های <img> را با تگ های <picture> جایگزین می کند. این گزینه ترجیح داده می شود اما برخی قالب ها ممکن است در اثر آن بشکنند. بنابراین اطمینان حاصل کنید که همه چیز درست پیش برود. اگر از CDN استفاده می کنید، URL را در این قسمت مشخص کنید.

کتابخانه رسانه

Imagify

Resize larger images: این گزینه برای کاهش تصاویر بزرگتر توصیه می شود و می تواند تا 80٪ اندازه آنها را کاهش دهد. عرض جدید نباید از بزرگترین عرض تصویر بند انگشتی شما که در واقع 2048 پیکسل است کمتر باشد. تغییر اندازه هنگام بارگذاری یا هنگام بهینه سازی انجام می شود.

بهینه سازی فایل ها

Imagify

در قسمت Files optimization می توانید اندازه های مختلف تصویر ایجاد شده توسط وردپرس را بهینه سازی کنید. اندازه اصلی تصویر توسط Imagify به طور خودکار بهینه می شود.

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

به یاد داشته باشید هر اندازه تصویر اضافی بر میزان استفاده ماهانه Imagify شما تأثیر می گذارد.

فولدر سفارشی

Imagify

در قسمت Custom Folders می توانید یک فولدر را انتخاب کرده و تصاویر موجود در آن را فشرده سازی کنید. انتخاب یک فولدر باعث می شود که تصاویر در زیرفولدرها هم بهینه شوند. تنها استثنا فولدر root یا ریشه سایت است. در صورت انتخاب این فولدر، فقط تصاویری که مستقیماً در ریشه سایت هستند بهینه می شوند (زیرفولدرها را می توان جداگانه انتخاب کرد).

Imagify

فولدرهایی که در پنجره انتخاب فولدر پنهان هستند، از بهینه سازی حذف شده اند و حتی در صورت انتخاب فولدر والد، بهینه سازی نخواهند شد.

گزینه های نمایش

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

Imagify

پس از پایان تنظیمات موردنظر خود روی دکمه ذخیره تغییرات کلیک کنید.

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

در صفحه تنظیمات Imagify در قسمت Custom Foldres گزینه ای به نام Add The Theme to Optimization مشاهده خواهید کرد.

Imagify

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

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

بهینه سازی دسته جمعی

برای بهینه سازی دسته جمعی تصاویر وردپرس، در پیشخوان وردپرس به مسیر رسانه » Bulk Optimization بروید.

Imagify

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

افزونه Imagify سه سطح بهینه سازی را ارائه می ده: نرمال (Normal)، تهاجمی (Aggressive) و فوق العاده (Ultra).

نرمال الگوریتم فشرده سازی lossless است که کیفیت تصویر به هیچ وجه تغییر نمی کند. تهاجمی الگوریتم فشرده سازی lossy است که فشرده سازی قوی تر با کمی افت کیفیت را ارائه می دهد که افت کیفیت آن اصلاً قابل تشخیص نیست. فوق العاده قوی ترین روش فشرده سازی با استفاده از یک الگوریتم lossy است.

همچنین می توانید فولدرهای سفارشی را انتخاب کنید.

برای شروع بهینه سازی دسته جمعی تصاویر کافی است روی دکمه  “Imagif’em All!” کلیک کنید.

مدیریت تصاویر

پس از بهینه سازی تصاویر کتابخانه وردپرس می توانید برای مشاهده وضعیت و جزئیات تصاویر خود به کتابخانه رسانه بروید:

Imagify

در این صفحه می‌توانید نتایج را مشاهده کنید، فایل‌ها را به سطح بالاتر یا پایین‌تری فشرده‌سازی کنید، تصاویر Webp را پاک کنید یا فایل اصلی را به راحتی بازیابی کنید.

برای مشاهده تمام تصاویر بهینه‌سازی شده در فولدرهای مختلف، در پیشخوان وردپرس به مسیر رسانه » Other Media بروید.

در این صفحه هم می توانید تمام نتایج را مشاهده کرده و تغییراتی که می خواهید را اعمال کنید.

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

جمع بندی

افزونه Imagify یک افزونه وردپرس است که به شما امکان می دهد از ابزار قدرتمند Imagify برای فشرده سازی و کم حجم کردن تصاویر سایت وردپرس خود استفاده کنید و به این ترتیب سرعت وب سایت خود را افزایش داده و نه تنها تجربه کاربری خوبی ایجاد کنید بلکه سئو سایت خود را هم بهبود بخشیده و در SERP رتبه بهتری کسب کنید.

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

دانلود افزونه

دانلود افزونه Imagify
صفحه افزونه Imagify

درباره ی مینا قدسی

مطلب پیشنهادی

افزونه Regenerate Thumbnails

افزونه Regenerate Thumbnails و بازسازی تصاویر شاخص وردپرس

گاهی اوقات وقتی قالب وردپس خود را عوض می کنید، تصاویر بندانگشتی سایت که در …

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *