افزونه Imagify

افزونه Imagify

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

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

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

در این سری از آموزش های رایگان طراحی سایت به آموزش افزونه Imagify می پردازیم

.

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

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

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

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

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

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

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

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

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

صفحه ای باز می شود که در آن می توانید به کلیک 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 می توانید گزینه های زیر را پیکربندی کنید:

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

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

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

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

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

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

Imagify

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

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

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

فولدر سفارشی

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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