افزونه کد نما WebP | تبدیل خودکار تصاویر وردپرس به WebP

کد نما WebP یک افزونهٔ فارسی برای وردپرس و ووکامرس است که یک کار را کامل انجام می‌دهد: هر تصویری که روی سایت شما هست یا از این به بعد آپلود می‌شود، خودکار به WebP تبدیل می‌شود. همان تصویر، همان ابعاد، همان کیفیت ظاهری — تا ۷۰ درصد حجم کمتر.

سنگین‌ترین بخش تقریباً هر صفحهٔ وب، تصاویر آن است. یک عکس محصول دو مگابایتی روی اینترنت موبایل چند ثانیه طول می‌کشد تا بیاید و در همان چند ثانیه بخشی از بازدیدکننده‌ها رفته‌اند. WebP دقیقاً برای همین ساخته شد: فشرده‌سازی به‌مراتب بهتر از JPEG و PNG، با پشتیبانی کامل همهٔ مرورگرهای امروزی.

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

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

این افزونه به درد چه کسی می‌خورد

از نصب تا نتیجه، در چهار قدم

1. ۱
   

   نصب و فعال‌سازی

   فایل زیپ را از پیشخوان وردپرس، مسیر افزونه‌ها و افزودن افزونه، بارگذاری و فعال کنید. منوی «کد نما WebP» به پیشخوان اضافه می‌شود. افزونه خودش بررسی می‌کند که هاست شما Imagick دارد یا GD، و در بالای پنل با یک برچسب سبز اعلام می‌کند کدام موتور آماده است.

2. ۲
   

   یک بار تنظیم

   پیش‌فرض‌ها از قبل روی مقادیر امن و متعادل تنظیم شده‌اند: کیفیت ۸۲، سقف ابعاد ۲۵۶۰ پیکسل، حداقل حجم ۲۰ کیلوبایت. برای اغلب سایت‌ها همین کافی است و کاری لازم نیست. اگر خواستید دقیق‌تر شوید، هر عددی قابل تغییر است.

3. ۳
   

   تبدیل گروهی یک‌باره

   در تب «تبدیل گروهی» افزونه می‌گوید چند فایل در کتابخانه هنوز WebP نشده‌اند. دکمه را می‌زنید و تبدیل با نوار پیشرفت زنده شروع می‌شود. پردازش دسته‌ای است تا هاست فشار نیاید؛ می‌توانید صفحه را ببندید و بعداً برگردید.

4. ۴
   

   از این به بعد خودکار

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

پنل مدیریت، تب به تب

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

تب عمومی

اینجا تصمیم می‌گیرید افزونه چه کاری انجام بدهد و روی چه فایل‌هایی.

• فعال‌سازی افزونه — کلید اصلی. اگر خاموش باشد هیچ تبدیلی انجام نمی‌شود و همه‌چیز دقیقاً مثل قبل می‌ماند.
• تبدیل خودکار هنگام آپلود — هر JPEG و PNG تازه‌آپلودشده بلافاصله WebP می‌شود.
• تبدیل اندازه‌های بندانگشتی — وردپرس از هر عکس چندین اندازه می‌سازد. با این گزینه thumbnail و medium و large و سایزهای اختصاصی قالب هم تبدیل می‌شوند، نه فقط فایل اصلی.
• حالت تبدیل — دو انتخاب دارید. «جایگزینی فایل اصلی با WebP» برای فروشگاه مناسب‌تر است چون فضای هاست دو برابر نمی‌شود. «نگه داشتن اصل و ساخت نسخهٔ WebP کنار آن» فایل JPEG را هم حفظ می‌کند و محافظه‌کارانه‌تر است.
• پشتیبان از فایل اصلی قبل از جایگزینی — قبل از هر جایگزینی یک کپی با پسوند bak کنار فایل ساخته می‌شود تا راه برگشت همیشه باز باشد.
• فقط فایل WebP بماند و اصل همان لحظه حذف شود — حالت سخت‌گیرانه برای وقتی که فضای هاست برایتان مهم‌تر از هر چیز است. افزونه خودش هشدار می‌دهد که در این حالت نسخهٔ پشتیبان ساخته نمی‌شود.

تب عمومی — نوع فایل، موتور و گزارش

• انتخاب نوع فایل — JPEG و PNG و GIF هرکدام کلید جداگانه دارند؛ می‌توانید مثلاً فقط JPEG را تبدیل کنید.
• موتور تبدیل — خودکار (اول Imagick، بعد GD)، یا اجبار به یکی از آن دو. حالت خودکار برای همه توصیه می‌شود.
• رد کردن تصاویر متحرک — GIF متحرک و WebP چندفریمی دست‌نخورده رد می‌شوند تا انیمیشن از بین نرود.
• ستون وضعیت در کتابخانه رسانه — کنار هر فایل در کتابخانه رسانه می‌بینید که WebP شده یا نه.
• ثبت گزارش تبدیل — تاریخچهٔ عملیات در تب گزارش‌ها نگه داشته می‌شود.

تب کیفیت و حجم

قلب تنظیمات همین‌جاست. درصد کیفیت مستقیماً به موتور WebP داده می‌شود؛ عدد بالاتر یعنی جزئیات بیشتر و حجم بیشتر.

• لغزندهٔ کیفیت JPEG به WebP با چهار پیش‌تنظیم آماده: صرفه‌جویی ۶۸، پیشنهادی فروشگاه ۸۲، کیفیت بالا ۹۰، و نزدیک به اصل ۹۵. لازم نیست عدد را حدس بزنید.
• کیفیت PNG به WebP جداگانه تنظیم می‌شود، چون PNG رفتار متفاوتی دارد.
• WebP بدون اتلاف برای PNG — برای لوگو و تصاویر شفافی که حتی یک پیکسل تغییرشان نباید بدهید. فقط با Imagick کار می‌کند و افزونه خودش این را می‌گوید.
• اگر WebP به‌اندازهٔ کافی کوچک نشد نگهش ندار — یک گارد هوشمند. بعضی تصاویر در WebP بزرگ‌تر از اصل می‌شوند؛ این گزینه جلوی بدترشدن حجم را می‌گیرد.
• حداقل درصد کاهش حجم — آستانهٔ همان گارد. مثلاً ۵ یعنی اگر WebP دست‌کم پنج درصد سبک‌تر نشد، فایل اصلی دست‌نخورده می‌ماند.
• حداکثر عرض و ارتفاع — عکس‌های غول‌پیکری که مستقیم از دوربین یا موبایل آپلود می‌شوند تا سقفی که تعیین می‌کنید کوچک می‌شوند. مقدار صفر یعنی ابعاد دست نخورد.
• حداقل عرض و ارتفاع برای تبدیل — تصاویر کوچک‌تر از این حد اصلاً وارد صف نمی‌شوند.
• حداقل حجم فایل — پیش‌فرض ۲۰ کیلوبایت. آیکون‌ها و تصاویر ریز که تبدیلشان صرف نمی‌کند رد می‌شوند.
• سقف حجم فایل — جلوی پردازش فایل‌های بسیار بزرگ را می‌گیرد تا هاست ضعیف قفل نکند.
• حفظ EXIF — به‌صورت پیش‌فرض متادیتای موقعیت مکانی و دوربین حذف می‌شود که هم حریم خصوصی حفظ شود هم چند کیلوبایت کم شود. اگر برای عکاسی لازمش دارید، روشنش کنید.

تب نمایش در سایت

این تب مربوط به حالت «نگه داشتن اصل» است؛ یعنی وقتی فایل JPEG سر جایش مانده و یک WebP کنارش ساخته شده، افزونه باید تصمیم بگیرد به بازدیدکننده کدام را نشان بدهد.

• سرو کردن WebP در فرانت — آدرس تصاویر در قالب به نسخهٔ WebP عوض می‌شود.
• فقط برای مرورگرهای سازگار — افزونه هدر Accept مرورگر را می‌خواند. اگر مرورگری WebP را نفهمد، همان JPEG اصلی را می‌گیرد و هیچ تصویر شکسته‌ای دیده نمی‌شود.
• بازنویسی srcset — اندازه‌های واکنش‌گرا هم WebP می‌شوند، نه فقط تصویر اصلی.
• بازنویسی تصاویر داخل محتوا — نوشته‌ها، محصولات ووکامرس و تصویر شاخص خودکار اصلاح می‌شوند؛ لازم نیست هیچ نوشتهٔ قدیمی را ویرایش کنید.
• استفاده از تگ picture با fallback — امن‌ترین روش خروجی: مرورگر جدید WebP می‌بیند و مرورگر قدیمی JPEG.

تب تبدیل گروهی

افزونه دقیقاً می‌گوید چند فایل در کتابخانه هنوز WebP نشده است و با یک دکمه شروع می‌کند. گزینهٔ «تبدیل مجدد حتی اگر قبلاً WebP شده» برای وقتی است که کیفیت را عوض کرده‌اید و می‌خواهید همه‌چیز با تنظیم جدید دوباره ساخته شود.

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

تب گزارش‌ها

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

چیزهایی که این افزونه را از یک اسکریپت ساده جدا می‌کند

سازگاری و نیازمندی‌ها

• وردپرس نسخهٔ ۶٫۰ یا بالاتر
• PHP نسخهٔ ۷٫۴ یا بالاتر
• یکی از دو افزونهٔ تصویری PHP: Imagick یا GD — تقریباً روی همهٔ هاست‌های امروزی دست‌کم یکی از این دو فعال است و افزونه خودش تشخیص می‌دهد
• سازگار با ووکامرس و قالب‌های استاندارد وردپرس
• پنل کاملاً فارسی و راست‌چین
• نسخهٔ فعلی: ۱٫۰٫۳

پرسش‌های پرتکرار

تصاویر فعلی سایتم خراب می‌شوند؟

نه. در حالت پیش‌فرض، پشتیبان‌گیری در دسترس است و گارد صرفه‌جویی جلوی تبدیل‌های بی‌فایده را می‌گیرد. اگر می‌خواهید کاملاً محافظه‌کار باشید، حالت «نگه داشتن اصل» را انتخاب کنید تا فایل JPEG اصلی هم سر جایش بماند. در هر حال قبل از اولین تبدیل گروهی، یک بکاپ از پوشهٔ uploads کار عاقلانه‌ای است.

مرورگرهای قدیمی چه می‌بینند؟

همان تصویر اصلی. در حالت «نگه داشتن اصل»، افزونه هدر Accept مرورگر را چک می‌کند و اگر WebP پشتیبانی نشود JPEG می‌فرستد. گزینهٔ تگ picture با fallback هم همین کار را در سطح HTML انجام می‌دهد.

روی سئو تأثیر منفی ندارد؟

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

اگر افزونه را غیرفعال کنم چه می‌شود؟

فایل‌های WebP که ساخته شده‌اند سر جایشان می‌مانند و سایت کار می‌کند. در حالت «نگه داشتن اصل»، بازنویسی آدرس‌ها متوقف می‌شود و سایت به همان JPEG اصلی برمی‌گردد. اگر پشتیبان bak گرفته باشید، در حالت جایگزینی هم امکان بازگرداندن دستی وجود دارد.

تبدیل گروهی چقدر طول می‌کشد؟

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

چقدر حجم کم می‌شود؟

بستگی به خود تصویر دارد. برای عکس‌های واقعی و پرجزئیات معمولاً بین ۵۰ تا ۷۵ درصد، و برای گرافیک‌های تخت گاهی بیشتر. عدد دقیق سایت شما در کارت «حجم ذخیره‌شده» و جدول گزارش‌ها نوشته می‌شود.

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

پیش از خرید بدانید

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

• حداقل PHP نسخه‌ی ۷٫۴ — پیشنهاد ما ۸٫۱ یا بالاتر
• MySQL نسخه‌ی ۵٫۷ به بالا یا MariaDB ۱۰٫۳
• حافظه‌ی PHP دست‌کم ۲۵۶ مگابایت
• ماژول GD یا ImageMagick برای ساخت تصویر بندانگشتی