learn

WebP در وردپرس؛ تبدیل تصویر، تنظیم کیفیت و تحویل درست

وردپرس از WebP پشتیبانی می‌کند؛ ادعای نیاز همیشگی به کد MIME یا افزونهٔ فتوشاپ قدیمی، مبنای کار امروز نیست.

استفاده از WebP در وردپرس می‌تواند حجم تصویر تحویلی را کاهش دهد، به شرط آنکه کیفیت و اندازهٔ مناسب انتخاب و فایل درست به مرورگر ارسال شود. WebP یک فرمت تصویر با حالت‌های فشرده‌سازی با اتلاف و بدون اتلاف است؛ تغییر پسوند JPG به webp تبدیل واقعی محسوب نمی‌شود.

WebP چگونه حجم را کاهش می‌دهد؟

طبق معرفی رسمی WebP، در حالت با اتلاف از پیش‌بینی بلوک‌های پیکسل و ثبت اختلاف استفاده می‌شود. این روش با Lazy Load یا ساخت پیکسل هنگام اسکرول کاربر ارتباط ندارد. فرمت از شفافیت و تصویر متحرک نیز پشتیبانی می‌کند، اما قابلیت ابزار پردازش و خروجی مورد استفاده باید جدا بررسی شود.

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

مقایسهٔ یک نمونهٔ JPEG و WebP؛ نتیجهٔ این تصویر تضمین همهٔ فایل‌ها نیست
نمونهٔ رابط قدیمی؛ نام و جای دکمه‌ها در نسخهٔ فعلی ممکن است متفاوت باشد. راهنمای بازبینی‌شدهٔ متن را مبنا قرار دهید.

پشتیبانی WebP در وردپرس و مرورگرها

وردپرس از نسخهٔ ۵.۸ پشتیبانی از WebP را اضافه کرده است. در نصب فعلیِ دارای کتابخانهٔ پردازش سازگار، می‌توانید فایل WebP را مانند تصویر معمول از رسانه بارگذاری کنید. این قابلیت به معنی تبدیل خودکار تمام JPEGهای قدیمی سایت نیست.

مرورگرهای اصلی فعلی از جمله Safari، Chrome، Firefox و Edge از WebP پشتیبانی می‌کنند. اگر مخاطب مشخصی با نرم‌افزار بسیار قدیمی دارید، نیاز به تصویر جایگزین را بر اساس همان مخاطب بررسی کنید؛ جدول سهم مرورگرهای چند سال قبل قابل تعمیم به امروز نیست.

تبدیل تصویر با فتوشاپ

مطابق راهنمای Adobe، Photoshop 23.2 و بالاتر پشتیبانی داخلی WebP دارند. برای تصویر سازگار با RGB و عمق ۸ بیت، File ← Save a Copy را باز کنید و WebP را برگزینید. گزینهٔ Lossless یا Lossy و کیفیت را با مقایسهٔ خروجی تعیین کنید.

نسخهٔ اصلی قابل‌ویرایش را جدا نگه دارید. اگر WebP در فهرست نیست، نسخهٔ نرم‌افزار و حالت رنگ و عمق سند را بررسی کنید؛ نصب WebPShop برای همهٔ نسخه‌های فعلی لازم نیست. ابزار تبدیل باید خود فایل را بازنویسی کند، نه صرفاً نام آن را عوض کند.

تبدیل کتابخانهٔ موجود با افزونه

برای تعداد زیاد تصاویر، ابزار بهینه‌سازی سازگار می‌تواند نسخهٔ WebP بسازد و آن را تحویل دهد. تولید فایل و تحویل آن دو مرحله‌اند؛ ممکن است فایل جدید روی دیسک باشد اما HTML یا CDN هنوز JPEG را بفرستد. تنظیمات افزونه، کش و سرویس تصاویر باید با هم هماهنگ باشند.

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

رفع خطای بارگذاری و کنترل خروجی

اگر بارگذاری رد می‌شود، واقعی‌بودن فرمت، سلامت فایل، سیاست مجاز رسانه و پشتیبانی GD یا Imagick در هاست را بررسی کنید. افزودن عمومی MIME به functions.php یا غیرفعال‌کردن کنترل نوع فایل، راه‌حل کمبود پردازش WebP در سرور نیست.

در Network مرورگر، نوع محتوای پاسخ و فایل دریافت‌شده را ببینید. در روش‌های تحویل مذاکره‌شده، پسوند URL ممکن است ثابت بماند؛ Content-Type و نتیجهٔ واقعی اهمیت دارند. سپس شفافیت، رنگ، متن و اندازهٔ نمایش موبایل را بررسی کنید. تصویر اصلی LCP را بی‌دلیل Lazy Load نکنید؛ هدف، نمایش سریع و خوانای محتوای صفحه است.

مطالعهٔ مرتبط

بازبینی فنی: ۱۳ آبان ۱۴۰۵. تاریخ انتشار اولیه و نشانی قبلی حفظ شده‌اند.

مطالب مرتبط

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

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

فهرست مطالب