بروز رسانی توسط محدثه اسماعیلی در 6 آبان 1396
با توجه به اینکه تصاویر، حجم وسیعی از سایت وردپرسی ما را تشکیل می‌دهند پس توجه به میزان بزرگی و حجم آنها بسیار مهم است. عوامل متعددی در بهبود بخشیدن به تصاویر در وردپرس دخیل هستند. اما مهم‌ترین نکته اینست که در هنگام کار با تصاویر،به سه مورد اصلی حجم، سایز و کیفیتشان توجه کنید. در این آموزش قصد داریم افزونه‌های کاربردی را جهت سهولت در بهینه کردن تصاویر و افزایش زمان بارگذاری سایت وردپرسی، معرفی کنیم.
بهبود بخشیدن به تصاویر در وردپرس
1- EWWW Image Optimizer
یکی از افزونه‌های محبوب جهت کنترل و بهینه‌سازی حجم تصاویر، افزونه EWWW Image Optimizer است. که با بررسی و اسکن تصاویر، عملیات بهبود بخشیدن آنها و کاهش حجم را آغاز میکند و نتیجه مثبتی را در جهت افزایش سرعت و بهبود سئوی تصاویر به همراه دارد.
امکانات
- بررسی فایل‌های تصویری و کاهش حجم تصاویر
- تأثیر مثبت بر سئو
- افزایش زمان بارگذاری صفحات
- کاهش پهنای باند مصرفی
- بهینه‌سازی تصاویر به‌صورت خودکار
این افزونه تاکنون 500000 نصب فعال را به نام خود در مخزن وردپرس به ثبت رسانده است.
2- WP Smush
افزونه WP Smush نیز در جهت بهبود حجم تصاویر و بهینه‌سازی آنها بسیار مؤثر است. مزیت این افزونه بر سایر افزونه‌های مشابه، بهبودبخشی تصاویر بدون افت کیفیت است. به‌گونه‌ای که اطلاعات غیرضروری را از فایل تصویری جدا کرده و باعث کاهش چشم‌گیر حجم آن خواهد شد. عملکرد خودکار افزونه باعث سهولت کار کاربران شده و با بارگذاری هر تصویر، افزونه اقدام به اسکن خودکار خواهد کرد.
امکانات
- بهینه‌سازی حجم تصاویر و فشرده‌سازی بدون افت کیفیت
- پشتیبانی از انواع فایل‌های تصویری
- تغییر عرض و ارتفاع تصاویر با توجه به تنظیمات شما
- قادر به انجام عملیات خودکار
- تأثیر مثبت بر سرعت بارگذاری صفحات
نکته: افزونه WP Smush برنده جایزه بهترین بهینه‌ساز تصویر شده است.
این افزونه تاکنون بیش از 900000 نصب فعال داشته است.
3- Lazy Load
یکی از عواملی که باید برای بهبود بخشیدن به تصاویر در وردپرس در نظر داشت توجه به زمان بارگذاری آن است. در صورت قرار دادن تعداد بالایی از تصاویر با مشکل کندی و کاهش سرعت بارگذاری صفحه مواجه می‌شویم. افزونه Lazy load تنها هدفش، بهبود زمان بارگذاری تصاویر موجود در صفحه است. این افزونه به کمک jQuery بستری فراهم میکند که تصاویر به‌صورت یکجا بارگذاری نشوند. به این صورت هیچ وقفه‌ای در بارگذاری نخواهید داشت. پروسه بارگذاری تصاویر در زمان اسکرول و تا رسیدن به آن تصویر انجام خواهد شد که علاوه بر زیبایی، تأثیر مثبتی بر سرعت خواهد داشت.
امکانات
- افزایش سرعت بارگذاری صفحات
- بارگذاری تصویر هنگام رسیدن اسکرول به آن
- تأثیر مثبت بر سئو (به دلیل افزایش سرعت بارگذاری صفحه)
- اعمال افکت زیبا به تصاویر
- کارکرد خودکار بدون تنظیمات
این افزونه هیچ تنظیم خاصی ندارد و با تمامی نسخه‌های وردپرس سازگار است و تاکنون توانسته بیش از 90000 نصب فعال را به نام خود ثبت کند.
4- Imsanity
همان‌طور در که موارد قبلی نیز اشاره کردیم توجه به عرض و ارتفاع تصاویر بسیار مهم است. افزونه Imsanity قابلیت تغییر عرض و ارتفاع تصاویر به‌صورت خودکار را برای شما فراهم میکند. به‌گونه‌ای که امکان تغییر اندازه تصاویر آپلود شده و تصاویر قبلی به‌صورت یکجا را دارد. افزونه مذکور برای کسانی که به تصاویر رزولوشن بالا نیاز ندارند مناسب است و برای تغییر سایز تصاویر در اندازه‌ای ثابت مورداستفاده قرار می‌گیرد. (مانند تصاویر شاخص)
برای تصاویر هر قسمت سایز موردنظر خود را وارد کنید. افزونه از این‌پس نسبت به تنظیم عرض و ارتفاع تصاویر آن بخش اقدام خواهد کرد و نیازی به تغییر سایز تصاویر هر بخش به‌صورت دستی نخواهید داشت!
امکانات
- تغییر سایز تصاویر به‌صورت گروهی بر اساس سایز واردشده
- اعمال نظم در سایز تصاویر و مرتب شدن هر بخش
- تبدیل فرمت‌های تصویری به فرمت jpg جهت مقیاس‌پذیر شدن تصویر.
نکته: قبل از استفاده نسخه پشتیبان تهیه کنید. چون افزونه به‌صورت خودکار تمامی تصاویر موجود را بر اساس سایز انتخابی شما تغییر خواهد داد.
این افزونه تاکنون توانسته 2000000 نصب فعال را به نام خود ثبت کند.
5- Prizm Image
افزونه Prizm Image یکی دیگر از افزونه‌های مطرح در زمینهٔ بهبود بخشیدن به تصاویر در وردپرس و کاهش حجم است. به صورتی که بدون افت کیفیت از تصویر اصلی، اقدام به جداسازی متا دیتاهای متصل به تصاویر کرده و تأثیر مثبتی را بر روی کاهش حجم و بهینه‌سازی خواهد داشت.
امکانات
- بهینه‌سازی و فشرده‌سازی تصاویر بدون افت کیفیت
- امکان بهینه‌سازی خودکار
- جدا کردن متا دیتاها از تصاویر
نکته: برای فعال شدن و استفاده از تمامی امکانات افزونه نیاز به ثبت‌نام و درج ایمیل در سایت مخصوص این افزونه رادارید که مراحل آن بسیار کوتاه و ساده است. پس از آن امکان بهینه‌سازی تصاویر به‌صورت تکی و دسته‌جمعی را خواهید داشت.
این افزونه تاکنون 2000نصب فعال داشته است.
جمع‌بندی
یکی از مهم‌ترین موارد موجود در هر وب‌سایت، تصویر است. توجه به بهبود بخشیدن به تصاویر در وردپرس یا هر سیستم دیگری علاوه بر تأثیر مثبت بر روی سئو، باعث افزایش زمان بارگذاری صفحات نیز خواهد شد. بهینه‌سازی تصاویر شامل مواردی مانند:
- تناسب در سایز تصاویر
- مناسب بودن حجم تصاویر
- کیفیت مطلوب
- داشتن نام مناسب
- و…
در این آموزش پنج افزونه کاربردی را جهت بهینه‌سازی تصاویر و سئو فرندلی کردن سایت معرفی کردیم و حال برای اینکه بتوانید نتیجه درستی بگیرید، جدول زیر را مشاهده کنید:
حسین
سلام. اگر سایتم را ملاحظه بفرمایید، فقط تیتر اول هر بخش یک عکس داره! که بعد از هر آپدیت، دیگه این عکسها نمایش داده نمی‌شه! حالا اگه در مدیریت وردپرس، تام عکسهایی که تاکنون آپلود شدند رو حذف کنم هیچ آسیبی به جایی نمی‌رسه؟
تشکر
محمد جواد فرکاریان 10 سال عضو همیار وردپرس
سلام
خیر . ولی عقل حکم میکند قبل از انجام این کار از وردپرس خود بک اپ تهیه کنید
تشکر
سهیل
با سلام و خسته نباشید من یک سوالی دارم در رابطه با افزونه هایی که معرفی کردید.
من در سایتhttp://gtmetrix.com سایت خودمد چک کردم همه چیش عالی بود به غیر از تصاویر که خطایServe scaled images میده.حالا نمیدونم چطوری اون خطاها را رفع کنم.ممنون میشم راهنمایی کنید خیلی ضروریه
محمد جواد فرکاریان 10 سال عضو همیار وردپرس
سلام
برای اینکه تصاویرتون بهتر استاندارد بشه شما باید از فرمت های کم حجم استفاده کنید
و در ضمن شما باید سایز تصاویر رو استاندارد قالبتون انتخاب کنید
تشکر
روحان
سلام . وقت به خیر . دوستانی که با ارور EWWW Image Optimizer requires exec(). Your system administrator has disabled this function مواجه شدن , دقت کنید که اغلب این افزونه ها برای اجرا , از تابع exec استفاده میکنن که باید مدیر سرورتون این تابع رو براتون روی سرور باز کنه ( اغلب به خاطر مسائل امنیتی میبندن ) . در مورد افزونه WP Smush.it هم من بارها جاهای مختلف و در مراجع معتبر وردپرس هم نوشتم که این افزونه در سایت ها و هاست های ایرانی کار نمیکنه و با سرور مادر ( یاهو ) ارتباطی برقرار نمیکنه .. بانو بهار , سپاس از زحمات شما و خسته نباشید
علی
راه حل این ارور EWWW Image Optimizer requires exec() چیست ؟
iljimae
سلام یه سوال و تصاویرم در ووکامرس بزرگتر از کادر می افته در همه قالب ها امتحان کردم برای استاندارد کردم اون باید چکار کنم
حسین رحیمی 10 سال عضو همیار وردپرس
با سلام در سری اموزش های نینجای وردپرس این نکته توضیح داده شده مسئله احتمالا مربوط به تنظیمات ووکامرس هست.
امیر
سلام
می بخشید این افزونه WP Smush.it هنگام ارسال تصاویر رو بهینه می کنه
راستش من یه اسکریپت مشابه استفاده کرده بودم که برا تصاویری که قبلا بهینه نشده بودن وقتی کاربری برای بار اول مشاهده می کردشون بهینه می کرد و این باعث افزایش لود سی پی یو و مشکل برا سرور ایجاد می کرد
بهتاش فخاری
شما کلی افزونه معرفی کردید من کیج شدم چه افزونه ای رو نصب کنم که تاثیر آنرا در گوگل ببینم با توجه به اینکه تصاویر و عکس در سایت من زیاد نیستش …
Bahar 10 سال عضو همیار وردپرس
سلام
با این حال از افزونه ی Seo freindly استفاده کنید خیلی خوبه
ghadeer
پیغام چی میگه؟ از کجا باید تغییر بدم؟EWWW Image Optimizer requires exec(). Your system administrator has disabled this function.
Bahar 10 سال عضو همیار وردپرس
سلام
اگه موقع نصب این ارور رو دریافت میکنید برای محدودیت در هاست هست، لطفا چک کنید
آرین
سلام و خسته نباشید من یک سوال داشتم افزونه Ewww Image Optimize در وردپرس ستاره ی بالایی داره و بهترین افزونه هستش میخواستم بدون این افزونه قابلیت اضافه کردن ( Title,alt ) هم اضافه میکنه به تصاویر مثل افزونه Seo Friendly Image ؟ که من دو افزونه نصب نکنم !! ؟
Bahar 10 سال عضو همیار وردپرس
سلام
بله فکر میکنم اضافه میکنه
mohamad
با سلاماسم یکی از افزونه های بالا رو اشتباه نوشتینseo friendly images هستش لطفا درست کنید
Bahar 10 سال عضو همیار وردپرس
سلام
ممنونم از این همه دقت
mohamad.psp80
خواهش میکنم
راستی من یه سوالی داشتم برای من ارور:
EWWW Image Optimizer requires exec(). Your system administrator has disabled this function.
میاد چی کارکنم؟
Bahar 10 سال عضو همیار وردپرس
سلام
این ارور رو اکثر دوستان به من اطلاع دادند، فکر میکنم بعضی سیستم ها و قالب ها باهاش جور نیستند ،مشکل دیگه ای نباید باشه
maryam
برای من با نصب image optimizer این ارورو میده.EWWW Image Optimizer requires exec(). Your system administrator has disabled this function.
Bahar 10 سال عضو همیار وردپرس
سلام
کدوم function ؟