آموزش وردپرس

بالا بردن کیفیت عکس در وردپرس

بالا بردن کیفیت عکس در وردپرس

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

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

چگونه کیفیت تصاویر را در وردپرس بهبود دهیم

قبل از اینکه به جزئیات بپردازیم، بیایید برخی اصول اولیه را در زمینه تصاویر تعیین کنیم:

  • از فرمت JPEG استفاده کنید: زمانی که نیاز به شفافیت ندارید، همیشه از فایل JPEG با نسبت فشرده‌سازی معقول (بین ۷ یا ۸) استفاده کنید. مقیاس فشرده‌سازی از ۱ تا ۱۰ است که ۱ بیشترین فشرده‌سازی و ۱۰ کمترین فشرده‌سازی را نشان می‌دهد. اگر به شفافیت نیاز دارید، از فرمت PNG استفاده کنید.

  • از تصاویری با ابعاد حداکثر ۲۰۰۰ × ۳۰۰۰ پیکسل استفاده کنید اما همیشه سعی کنید ابعاد کمتری را انتخاب کنید. قطعاً تصاویری با ابعاد ۴۰۰۰ × ۵۰۰۰ پیکسل عالی به نظر می‌رسند، اما این ابعاد برای چاپ مناسب هستند و نه برای وب.

  • کوچک‌ترین اندازه تصویر را انتخاب کنید: زمانی که یک تصویر را در وردپرس وارد می‌کنید، گزینه‌ای برای انتخاب اندازه تصویر دارید. این اندازه‌ها می‌توانند اندازه اصلی آپلود شده (Full) یا یکی از اندازه‌های پیش‌فرض وردپرس (مانند Large، Medium، Small) باشند. ما پیشنهاد می‌کنیم از کوچک‌ترین اندازه‌ای که مناسب صفحه یا پست خاص شما است استفاده کنید، اما تقریباً هرگز از اندازه Full استفاده نکنید.

همچنین، باید عمق بیشتری به موضوع وارد شوید تا بفهمید وقتی تصاویر شما به وردپرس آپلود می‌شوند، چه اتفاقی برای آن‌ها می‌افتد. شما باید بفهمید که چگونه تصاویر پس از آپلود پردازش می‌شوند، تفاوت‌های بین فرمت‌های مختلف تصویر (.png، .jpeg و غیره) چیست و چگونه مرورگرها تصاویر را به بازدیدکنندگان شما نمایش می‌دهند.

بیشتر بخوانید: چگونه ابعاد مناسب بنر تبلیغاتی را پیدا کنیم؟

چرا عکس ها بعد از آپلود در وردپرس تار می شوند؟

بالا بردن کیفیت عکس در وردپرس

حالا، اگر تصاویری که به وردپرس آپلود کرده‌اید تار هستند، دلایل رایجی وجود دارد که می‌تواند باعث این مشکل شود:

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

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

رفع مشکل تار بودن عکس در وردپرس

برای حل این مشکلات، پیشنهاد می‌کنیم راه‌حل‌های زیر را امتحان کنید:

  1. حد فشرده‌سازی پیش‌فرض تصاویر JPEG در وردپرس را افزایش دهید: به‌طور پیش‌فرض، وردپرس تصاویر شما را با کیفیت حدوداً ۸۲% فشرده می‌کند تا عملکرد سایت را برای کاربران موبایل بهبود بخشد. اگر این باعث مشکل شما شده است، می‌توانید فشرده‌سازی تصویر را غیرفعال کنید یا کمی آن را کاهش دهید.

  2. اندازه پیش‌فرض تصویر بندانگشتی را تغییر اندازه دهید و آن‌ها را با استفاده از افزونه‌هایی مانند Regenerate Thumbnails یا Simple Image Sizes دوباره ایجاد کنید: بیشتر اوقات، این مشکل زمانی رخ می‌دهد که از یک قالب وردپرس به قالب دیگری تغییر می‌دهید. معمولاً تصاویر جدیدی که بعد از فعال‌سازی قالب جدید آپلود می‌کنید خوب به نظر می‌رسند، اما تمام تصاویر بندانگشتی قدیمی بد و دفرمه به نظر می‌رسند. افزونه‌های ذکر شده معمولاً این مشکل را حل می‌کنند.

  3. وضوح تصاویر تغییر اندازه داده شده را با کمک افزونه تغییر دهید.

  4. از فضای رنگ RGB (صفحه‌نمایش) استفاده کنید، صرف‌نظر از فرمت فایل: فضای رنگ CMYK فقط در رسانه‌های چاپی استفاده می‌شود. این افزونه به‌طور خودکار تصاویر شما را به JPEG و RGB تبدیل می‌کند.

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

افزایش کیفیت عکس در وردپرس با افزونه رایگان Better Images

افزونه Better Images با بیش از ۶۰۰ هزار نصب فعال، یکی از محبوب‌ترین ابزارها برای حفظ کیفیت تصاویر در وردپرس است. این افزونه به صورت خودکار از کاهش کیفیت تصاویر هنگام بارگذاری جلوگیری می‌کند و وضوح اصلی آن‌ها را حفظ می‌کند.

برای استفاده از آن، کافیست از بخش «افزودن افزونه جدید» در پیشخوان وردپرس، عبارت «Better Images» را جستجو و نصب کنید.

بالا بردن کیفیت عکس در وردپرس

پس از نصب و فعال‌سازی افزونه، گزینه‌ای به نام Better Image به منوی «تنظیمات» وردپرس شما اضافه می‌شود. با کلیک بر روی آن، می‌توانید وارد صفحه تنظیمات افزونه شوید.

تنظیمات افزونه Better Image

بالا بردن کیفیت عکس در وردپرس با افزونه Better Image

  1. Resize and compress the original full resolution image: این گزینه به‌طور خودکار تصاویر با وضوح بالا را تا حداکثر ۲۵۶۰ پیکسل تغییر اندازه داده و فشرده می‌کند. اگر تصویری که آپلود می‌کنید از این اندازه کوچک‌تر باشد، فقط فشرده می‌شود تا حجم آن کاهش یابد و اندازه اصلی خود را حفظ کند. این قابلیت به صورت پیش‌فرض فعال است و نمی‌توان آن را غیرفعال کرد.
  2. JPEG quality: این تنظیم به شما امکان می‌دهد تا تعادلی میان کیفیت بصری و حجم فایل تصاویر JPEG ایجاد کنید. مقدار پیش‌فرض افزونه ۶۲ است، در حالی که وردپرس به‌طور پیش‌فرض از مقدار ۸۲ استفاده می‌کند. شما می‌توانید این مقدار را بر اساس نیاز خود تغییر دهید تا به بهترین نتیجه برسید.
  3. Sharpen the image: این ویژگی باعث می‌شود تصاویر شما شفاف‌تر و جذاب‌تر به نظر برسند. با فعال بودن این گزینه، جزئیات تصاویر واضح‌تر می‌شوند. این قابلیت به‌طور پیش‌فرض فعال است.
  4. Remove EXIF data from image: اطلاعات EXIF شامل جزئیات فنی و متادیتای تصاویر است، مانند مدل دوربین، زمان و مکان ثبت عکس. این قابلیت به صورت خودکار این اطلاعات را از تصاویر حذف می‌کند. حذف این داده‌ها به کاهش حجم فایل کمک کرده و حریم خصوصی را بهبود می‌بخشد. این گزینه نیز به‌طور پیش‌فرض فعال است.
  5. Convert PNG image to JPEG: این گزینه تصاویر با فرمت PNG را به JPEG تبدیل می‌کند. از آنجایی که فایل‌های JPEG معمولاً حجم کمتری دارند، این کار باعث صرفه‌جویی در فضای ذخیره‌سازی و افزایش سرعت بارگذاری سایت می‌شود.
  6. Convert image with CMYK color mode to RGB: این قابلیت به‌طور خودکار همه تصاویر با حالت رنگی CMYK (مخصوص چاپ) را به حالت رنگی RGB (مخصوص نمایش در وب) تبدیل می‌کند. این کار تضمین می‌کند که تصاویر در مرورگرها به درستی نمایش داده شوند.
  7. More things that Better Images does: افزونه Better Images کارهای دیگری نیز برای بهینه‌سازی تصاویر انجام می‌دهد:
  • جلوگیری از تکرار تصاویر: این افزونه از آپلود شدن تصاویر تکراری جلوگیری کرده و به مدیریت بهتر کتابخانه رسانه شما کمک می‌کند.
  • رفع مشکل نام‌گذاری تصاویر: وردپرس به شما اجازه می‌دهد تصاویر را با حروف فارسی و غیرانگلیسی آپلود کنید. اما هنگام انتقال سایت، لینک این تصاویر ممکن است خراب شود. این افزونه به‌طور خودکار این مشکل را حل کرده و لینک تصاویر را تصحیح می‌کند تا نیازی به اصلاح دستی نباشد.
  • افزودن تصویر با اندازه medium_large: تصاویری که ارتفاع آن‌ها ۷۶۸ پیکسل است، به صورت خودکار به اندازه medium_large اضافه می‌شوند.

نحوه تغییر فشرده‌سازی تصاویر در وردپرس

اگر نمی‌خواهید از افزونه برای کنترل کیفیت تصاویر در وردپرس استفاده کنید، می‌توانید با اضافه کردن یک قطعه کد به فایل functions.php قالب خود، میزان فشرده‌سازی تصاویر JPEG را تغییر دهید.

برای این کار:

  • غیرفعال کردن کامل فشرده‌سازی: اگر می‌خواهید تصاویر با کیفیت اصلی خود باقی بمانند و هیچ فشرده‌سازی انجام نشود، کد زیر را اضافه کنید:
    add_filter('jpeg_quality', function($arg){return 100;});
    

    در این حالت، عدد ۱۰۰ به این معنی است که فشرده‌سازی کاملاً متوقف می‌شود.

  • کاهش فشرده‌سازی به میزان دلخواه: اگر می‌خواهید تصاویر کمی فشرده شوند تا در پهنای باند صرفه‌جویی کنید، می‌توانید مقدار را به عدد دلخواه خود تغییر دهید. مثلاً با قرار دادن عدد ۷۵، فشرده‌سازی کمتر از حالت پیش‌فرض وردپرس خواهد بود و کیفیت تصویر تا حد زیادی حفظ می‌شود:
    add_filter('jpeg_quality', function($arg){return 75;});
    

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

بالا بردن کیفیت عکس در وردپرس در چند دقیقه!

بالا بردن کیفیت عکس در وردپرس

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

ترتیب امتیازها از راست به چپ است. اولین ستاره از راست امتیاز ۱، آخرین ستاره امتیاز ۵
author-avatar

درباره سیامک تیموری

دانش آموخته روابط بین الملل از دانشگاه علامه طباطبایی تهران

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

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