تبدیل WebP به JPG: چه زمانی لازم است و چرا | UltKit

گوگل در سال 2010 فرمت WebP را به‌عنوان جایگزینی کم‌حجم‌تر برای JPG در وب عرضه کرد و تا یک دهه فرمتی حاشیه‌ای ماند، چون Safari آن را نمایش نمی‌داد. این وضع در سال 2020 با افزوده شدن WebP به Safari 14 و macOS Big Sur تغییر کرد. وقتی همهٔ مرورگرهای اصلی توانستند آن را نمایش دهند، شرکت‌هایی که تصویر را در مقیاس بزرگ ارائه می‌کنند به آن روی آوردند و این کار را در سمت سرور انجام دادند؛ جایی که تصمیم را نمی‌بینید و هیچ چیز در صفحه نشان نمی‌دهد واقعاً با چه فرمتی روبه‌رو هستید.

برای نمونه CDN تصاویر Shopify به هر مرورگری که بگوید می‌تواند WebP نمایش دهد، WebP تحویل می‌دهد، حتی اگر عکس محصول به‌صورت JPG بارگذاری شده باشد. Google Images پیش‌نمایش‌هایش را با WebP نشان می‌دهد. WordPress از نسخهٔ 5.8 در سال 2021 بارگذاری WebP را می‌پذیرد؛ طرح تبدیل پیش‌فرض JPGهای بارگذاری‌شده به WebP پیش از انتشار نسخهٔ 6.1 کنار گذاشته شد، اما افزونهٔ Modern Image Formats از تیم عملکرد WordPress و بسیاری از بهینه‌سازهای تصویر در هاستینگ دقیقاً همین کار را می‌کنند. نتیجه همه‌جا یکی است: فایل روی رایانهٔ صاحب سایت JPG بود و تا به دست شما رسید WebP شد.

مرورگر هم همکاری می‌کند. هر درخواست تصویر از Chrome، Edge و Firefox سرایند Accept دارد که image/webp (و image/avif) را فهرست می‌کند و سروری که مذاکرهٔ فرمت را پشتیبانی کند، این فهرست را می‌خواند و کوچک‌ترین فرمتی را که می‌توانید نمایش دهید انتخاب می‌کند. وقتی راست‌کلیک می‌کنید و Save image as را برمی‌گزینید، مرورگر همان بایت‌هایی را ذخیره می‌کند که قبلاً دریافت کرده است. برای همین نام فایل در نوار آدرس می‌تواند به .jpg ختم شود و باز هم فایل روی دیسک شما WebP باشد، گاهی حتی با پسوند دوگانه‌ای مثل .jpg.webp.

سال‌هاست مرورگرها مشکل نیستند. مشکل در بقیهٔ ابزارهاست: نرم‌افزارهای دسکتاپی که پیش از 2022 نصب شده‌اند، فرم‌های بارگذاری که فهرست مجاز آن‌ها یک بار نوشته شده و دیگر دست نخورده، سامانه‌های چاپخانه‌ای که حول JPG و TIFF ساخته شده‌اند و نرم‌افزارهای ایمیلی که تصاویر درون‌متنی را با رمزگشای خودشان نمایش می‌دهند. هیچ‌کدام خطای قابل‌فهمی نمی‌دهند. پورتال چاپ فقط فایل را رد می‌کند، فرم دولتی می‌گوید فرمت نامعتبر است و Photoshop قدیمی پیام کلی «could not complete your request» نشان می‌دهد که هیچ اشاره‌ای به WebP ندارد.

Adobe باز کردن و ذخیرهٔ بومی WebP را در نسخهٔ 23.2 فتوشاپ، منتشرشده در فوریهٔ 2022، اضافه کرد؛ نسخه‌های قدیمی‌تر به افزونهٔ شخص ثالث نیاز دارند. Lightroom Classic سال‌ها WebP را وارد نمی‌کرد، پس کتابخانه‌ای با نسخهٔ قدیمی این فایل‌ها را هنگام ورود بی‌صدا نادیده می‌گیرد. در Windows، نمایشگر قدیمی Windows Photo Viewer اصلاً WebP را باز نمی‌کند و برنامهٔ Photos در Windows 10 به بستهٔ WebP Image Extensions مایکروسافت از Store وابسته است. فرم‌های بارگذاری سخت‌گیرترین گروه‌اند: بارگذاری عکس ویزای DS-160 وزارت خارجهٔ آمریکا فقط JPEG می‌پذیرد و بسیاری از پورتال‌های پذیرش دانشگاه و استخدام فقط JPG، PNG و PDF را فهرست کرده‌اند.

WebP ویژگی غیرمعمولی دارد: یک فرمت هر دو کار را انجام می‌دهد، یعنی فشرده‌سازی lossy برای عکس‌ها و فشرده‌سازی lossless با کانال آلفا برای گرافیک. وقتی از آن تبدیل می‌کنید باید مشخص کنید فایل کدام کار را می‌کرده، چون JPG و PNG هرکدام فقط یکی از این دو را خوب انجام می‌دهند. پرسش این نیست که کدام فرمت به‌طور کلی بهتر است (این مقایسه در JPG در برابر JPEG و PNG آمده است)، بلکه این است که این تصویر خاص چه چیزی دارد و بعد کجا می‌رود.

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

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

سه چیز به شکلی تغییر می‌کند که ممکن است متوجهش شوید. حجم فایل زیاد می‌شود، معمولاً یک‌سوم یا بیشتر، چون JPG فرمت کم‌بازده‌تری است؛ اگر فرمی سقف KB دارد، اول تبدیل کنید و بعد آن را به 100 KB برسانید یا هر حدی که لازم است. شفافیت صاف می‌شود: در مبدل WebP به JPG تنظیم نواحی شفاف به‌طور پیش‌فرض این پیکسل‌ها را با سفید پر می‌کند، یا با سیاه یا رنگ دلخواه. و انیمیشن از بین می‌رود، چون JPG فقط یک فریم دارد و تنها فریم اول نگه داشته می‌شود.

آنچه تغییر نمی‌کند به همان اندازه مهم است: ابعاد پیکسلی، جهت و رنگ‌ها ثابت می‌مانند و تا وقتی حفظ پروفایل رنگ روشن باشد پروفایل رنگ جاسازی‌شده هم حفظ می‌شود. اگر برای چاپ تبدیل می‌کنید، کیفیت را روی 90 یا بالاتر ببرید؛ بایت‌های اضافه در چاپخانه هزینه‌ای ندارد و هر تردید دربارهٔ گرادیان نرم آسمان و پوست را از بین می‌برد. برای بارگذاری با سقف سخت KB، 80 معمولاً روی عکس هنوز تمیز است و جای بیشتری زیر سقف باقی می‌گذارد. زیر حدود 70، دور متن و خطوط ظریف لبه‌های مربعی‌شکل پیدا می‌شود.

پیش از تبدیل، ارزش دارد بررسی کنید سایت فایل اصلی را به شما می‌دهد یا نه، چون این کار یک مرحله فشرده‌سازی را کلاً حذف می‌کند. موفقیت آن به نحوهٔ تولید WebP در سایت بستگی دارد. اگر WebP را CDN همان لحظه می‌سازد، JPG هنوز روی سرور هست و درخواست درست می‌تواند آن را بگیرد. اگر سایت فقط WebP را ذخیره کرده، مثل برخی تنظیمات WordPress پس از تبدیل بارگذاری‌ها، JPG‌ای باقی نمانده و تبدیل تنها راه است.

روش‌های زیر از قابل‌اعتمادترین به کم‌اعتمادترین مرتب شده‌اند. هیچ‌کدام کار غیرعادی نیستند: همه اقدام‌های معمول مرورگر و پیوندهای دانلودی‌اند که خود سایت ارائه می‌کند. روشی که بیشتر از همه در اینترنت توصیه می‌شود، یعنی افزودن ?format=jpg به انتهای آدرس تصویر، کم‌اعتمادترین هم هست. فقط وقتی کار می‌کند که CDN تصویر پارامتری با همین نام را بخواند و بیشتر آن‌ها نمی‌خوانند، پس همان WebP را بدون هیچ خطایی که ناکامی ترفند را نشان دهد پس می‌گیرید.

اگر کاتالوگ محصولات، مجموعه‌ای از تصاویر مرجع یا پوشه‌ای از والپیپرها را ذخیره کرده باشید، تبدیل یکی‌یکی فایل‌ها خیلی زود خسته‌کننده می‌شود. این مبدل در هر دسته تا ۲۰ فایل را می‌پذیرد که هرکدام می‌تواند تا 95 MB باشد، تنظیمات کیفیت و نواحی شفاف یکسانی را روی همه اعمال می‌کند و یک فایل ZIP تحویل می‌دهد. فایل‌ها ۳۰ دقیقه پس از پردازش از سرور حذف می‌شوند و نیازی به نصب چیزی نیست. پوشه‌ای با 100 تصویر پنج دسته می‌شود.

پیش از شروع، پوشه را دسته‌بندی کنید. عکس‌ها را در یک دسته برای JPG بگذارید و لوگوها، آیکن‌ها و هر چیزی با پس‌زمینهٔ شفاف را در دستهٔ دیگری برای تبدیل WebP به PNG قرار دهید تا دور هیچ‌کدام کادر سفید نیفتد. اگر با مک کار می‌کنید، دستور Export در Preview فایل‌ها را تکی تبدیل می‌کند و کاربران خط فرمان برای پوشه‌های بسیار بزرگ می‌توانند از دستور mogrify -format jpg *.webp در ImageMagick استفاده کنند. نتیجهٔ هر دو مانند مبدل مرورگری است؛ تفاوت فقط در میزان راه‌اندازی موردنیاز است.

در Chrome، Edge یا Firefox گزینه‌ای به نام «ذخیرهٔ تصویر به‌صورت JPG» وجود ندارد و این هم از قلم افتادن نیست. مرورگر فرمت را انتخاب نمی‌کند؛ فقط اعلام می‌کند چه فرمت‌هایی را نمایش می‌دهد و وب‌سایت یکی را برمی‌گزیند. Chrome دقیقاً همان چیزی را ذخیره می‌کند که دریافت کرده، بدون رمزگذاری دوباره، و این درست است: تبدیل بی‌صدا هنگام ذخیره مرحله‌ای با افت کیفیت اضافه می‌کرد که نخواسته‌اید. پس عوض کردن مرورگر هم معمولاً کمکی نمی‌کند. همهٔ مرورگرهای امروزی WebP را در هدر Accept اعلام می‌کنند و از یک سایت همان WebP را می‌گیرند.

سه راه عملی می‌ماند. می‌توانید با مراحل بالا نسخهٔ اصلی را از خود سایت بگیرید. می‌توانید افزونه‌ای نصب کنید که تصویر را هنگام ذخیره دوباره رمزگذاری کند، که همان تبدیل با دکمه‌ای دیگر است. یا WebP را ذخیره کنید و فقط وقتی برنامه‌ای آن را نپذیرفت تبدیلش کنید. راه سوم معمولاً کم‌زحمت‌ترین است، چون بخش بزرگی از تصاویر ذخیره‌شده فقط روی صفحه دیده می‌شوند و WebP در همهٔ مرورگرها، در Preview در macOS Big Sur و جدیدتر و در برنامهٔ Photos ویندوز 11 به‌خوبی باز می‌شود.

اگر دربارهٔ مقایسهٔ WebP با دیگر فرمت‌های مدرنی که سایت‌ها امروز ارائه می‌کنند کنجکاوید، از جمله AVIF که روی همان CDNها شروع به جایگزینی WebP کرده، AVIF در برابر HEIC و WebP را ببینید. توصیه‌های عملی این مقاله تقریباً بدون تغییر صدق می‌کند: AVIFی که برنامه‌ای نمی‌پذیرد به همان شکل حل می‌شود، یعنی تبدیل به JPG برای عکس‌ها یا PNG برای گرافیک‌ها. جزئیات بیشتر دربارهٔ خود فرمت در صفحهٔ پروژهٔ WebP گوگل آمده است.