JPG در برابر PNG در برابر WebP در برابر AVIF: کدام قالب تصویر را باید استفاده کنید؟

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

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

JPG — قالب همگانی عکس

JPG (1992) عکس‌ها را با دورریختن جزئیاتی که چشم به‌سختی متوجه می‌شود فشرده می‌کند، که از طریق یک تنظیم کیفیت قابل تنظیم است. در کیفیت 75–85 فایل‌ها کوچک‌اند و عالی به نظر می‌رسند؛ هر دستگاه و برنامه‌ای روی زمین آن‌ها را باز می‌کند. محدودیت‌هایش: بدون شفافیت، و هر بار ذخیره‌ی مجدد کمی جزئیات بیشتر از دست می‌رود. آن را برای عکس‌هایی استفاده کنید که باید مطلقاً همه‌جا کار کنند.

PNG — بدون اتلاف، با شفافیت

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

WebP — پیش‌فرض مدرن وب

WebP هر دو کار را انجام می‌دهد: فشرده‌سازی بااتلاف حدود 25–35% کوچک‌تر از JPGِ هم‌کیفیت، و بدون‌اتلاف‌با‌شفافیت بسیار کوچک‌تر از PNG. هر مرورگری از سال 2020 از آن پشتیبانی کرده است. تنها ضعفش بیرون از وب است — نرم‌افزارهای دسکتاپ قدیمی‌تر، چاپگرها و برخی فرم‌های بارگذاری همچنان آن را رد می‌کنند. WebP را برای هر چیزی که روی یک وب‌سایت نمایش داده می‌شود استفاده کنید.

AVIF — کوچک‌ترین فایل‌ها، جدیدترین قالب

AVIF، که روی کدک ویدیوی AV1 ساخته شده، کوچک‌ترین فایل‌های هر قالب اصلی را تولید می‌کند — اغلب نصف اندازه‌ی JPG با همان کیفیت — و از شفافیت و HDR پشتیبانی می‌کند. پشتیبانی مرورگر اکنون همگانی است، اما ابزارها و نرم‌افزارهای غیروب عقب‌اند. آن را جایی استفاده کنید که بایت‌ها بیش از همه مهم‌اند و شما بر تحویل کنترل دارید، با یک جایگزین برای محیط‌های قدیمی‌تر.

GIF، SVG و HEIC — متخصص‌ها

GIF صرفاً برای انیمیشن‌های ساده زنده مانده است؛ برای تصاویر ساکن منسوخ است (256 رنگ، فایل‌های عظیم). SVG اصلاً پیکسل نیست بلکه هندسه‌ی برداری است — بی‌نقص برای آیکن‌ها و لوگوهایی که باید مقیاس‌پذیر باشند، بی‌معنا برای عکس‌ها. HEIC قالب دوربین کارآمد Apple است: عالی روی دستگاه، ناجور همه‌جای دیگر، و معمولاً همان لحظه که یک فایل از اکوسیستم Apple خارج می‌شود به JPG تبدیل می‌شود.

تصمیم، به‌طور خلاصه

عکس برای اشتراک‌گذاری عمومی ← JPG. هر چیزی روی یک وب‌سایت ← WebP (یا AVIF اگر بتوانید جایگزین‌ها را مدیریت کنید). لوگو، اسکرین‌شات یا شفافیت ← PNG (اگر فقط برای وب است WebP). باید به هر اندازه‌ای مقیاس‌پذیر باشد ← SVG. از یک iPhone و راهی جای دیگر ← HEIC را به JPG تبدیل کنید. در صورت تردید، JPG برای عکس‌ها و PNG برای گرافیک‌ها هرگز فاجعه نیست.