PNG در برابر JPG در برابر WebP — از کدام فرمت تصویر استفاده کنم؟
تقریباً هر تصویری در وب یکی از این سه فرمت است، و هر کدام برای رسیدن به هدف خود چیز متفاوتی را قربانی میکند. JPG عکسها را بهشدت فشرده میکند، با حذف جزئیاتی که چشم شما بعید است متوجه شود؛ PNG هر پیکسل را دقیقاً همانطور که بود نگه میدارد و شفافیت را نیز اضافه میکند؛ و WebP فرمت جدیدتر گوگل است که سعی میکند هر دو کار — با افت و بدون افت کیفیت، همراه با شفافیت — را در فایلی کوچکتر از آنچه معمولاً هر یک از دو فرمت قدیمیتر تولید میکنند، انجام دهد. انتخاب فرمت اشتباه بهندرت فاجعهبار است، اما به این معنی است که یا زمان بارگذاری صفحه متورم میشود یا تصاویر بهطور محسوس تار و بلوکی میشوند. این راهنما توضیح میدهد که هر فرمت واقعاً زیر سطح چه کاری انجام میدهد، HEIC (فرمتی که آیفونها عکسها را در آن ذخیره میکنند) کجای این تصویر قرار میگیرد، و چطور میتوانید هر یک از آنها را بدون آپلود کردن فایل به هیچ جایی تبدیل یا فشرده کنید.
JPG چیست و چه زمانی باید از آن استفاده کنید؟
JPG (که JPEG هم نوشته میشود) از فشردهسازی با افت کیفیت استفاده میکند: تصویر را در بلوکها تحلیل میکند، جزئیات ریز و تغییرات رنگی که چشم انسان در تشخیص آنها ضعیف است را حذف میکند، و هنگام رمزگشایی یک تقریب را بازسازی میکند. دقیقاً همین مصالحه است که JPG را کوچک میکند — عکسی که بهصورت فشردهنشده چند مگابایت حجم میگیرد، اغلب در یک تنظیم کیفیت که اکثر مردم نمیتوانند آن را از اصل تشخیص دهند، به چند صد کیلوبایت فشرده میشود. JPG هیچ کانال شفافیتی ندارد، بنابراین همیشه روی یک پسزمینه مات رندر میشود، و برای اسکرینشات، طرح خطی یا متن مناسب نیست، جایی که تاری نرم اطراف لبههای تیز آشکار میشود. از JPG برای عکسها و تصاویر شبهعکس — تصاویر محصول، پرترهها، مناظر — استفاده کنید، جایی که حجم فایل اهمیت دارد و وجود یک پسزمینه طبیعی است.
PNG چیست و چه زمانی باید از آن استفاده کنید؟
PNG از فشردهسازی بدون افت کیفیت استفاده میکند: هر پیکسلی که ذخیره میکنید دقیقاً همان پیکسلی است که پس میگیرید، بدون هیچ تقریبی. همین امر PNG را انتخاب درستی برای اسکرینشاتها، طرحهای اولیه رابط کاربری، لوگوها، نمودارها و هر تصویری که حاوی متن تیز یا لبههای سخت باشد میسازد، جایی که آثار فشردهسازیِ با افت بلافاصله بهصورت تاری یا نویز بلوکی اطراف لبهها نمایان میشود. PNG همچنین از یک کانال آلفا (شفافیت) کامل پشتیبانی میکند، بنابراین یک لوگو یا آیکون میتواند بهجای یک جعبه سفید یا رنگی دورش، پسزمینهای واقعاً شفاف داشته باشد. هزینه آن حجم است: چون PNG نمیتواند جزئیات را دور بریزد، عکسی که بهصورت PNG ذخیره شده معمولاً چندین برابر بزرگتر از همان عکس ذخیرهشده بهصورت JPG است، بدون هیچ بهبود کیفیت قابلمشاهدهای روی یک سوژه عکاسی.
WebP چیست و چه تفاوتی با JPG و PNG دارد؟
WebP فرمتی جدیدتر است که برای جایگزینی همزمان هر دو فرمت قدیمیتر ساخته شده. این فرمت هم فشردهسازی با افت و هم بدون افت کیفیت را در همان قالب فایل پشتیبانی میکند، بهعلاوه یک کانال شفافیت کامل مانند PNG — بنابراین یک فرمت میتواند یک عکس فشرده، یک اسکرینشات بدون افت کیفیت و یک لوگوی شفاف را مدیریت کند. در عمل، فایلهای WebP معمولاً ۲۵ تا ۳۵ درصد کوچکتر از یک JPG با کیفیت معادل هستند، و WebP بدون افت کیفیت معمولاً از همان تصویر ذخیرهشده بهصورت PNG نیز کوچکتر است. پشتیبانی مرورگرها از اوایل دهه ۲۰۲۰ تقریباً همگانی بوده (هر مرورگر عمده آن را بهصورت بومی رندر میکند)، که اعتراض تاریخی اصلی به استفاده از آن را برطرف کرده است. مشکل باقیمانده سازگاری خارج از مرورگر است: برخی ویرایشگرهای تصویر قدیمیتر، افزونههای قدیمی CMS، و گردشکارهای چاپ یا طراحی هنوز WebP را مستقیماً باز نمیکنند، پس ارزش دارد پیش از استانداردسازی آن در همهجا، مجموعه ابزار خاص خود را بررسی کنید.
HEIC کجای این تصویر قرار میگیرد و آیا باید آن را تبدیل کنید؟
HEIC فرمتی است که آیفونها از iOS 11 بهطور پیشفرض برای عکسها استفاده میکنند — این فرمت در کیفیتی مشابه، کارآمدتر از JPG فشرده میشود، به همین دلیل فضای کمتری روی گوشی شما اشغال میکند. مشکل سازگاری است، نه کیفیت: بسیاری از نرمافزارهای ویندوز، اپلیکیشنهای قدیمیتر اندروید، فرمهای وب و کلاینتهای ایمیل یا اصلاً نمیتوانند یک فایل .heic را باز کنند یا آن را بهسختی مدیریت میکنند. اگر عکسی را جایی به اشتراک میگذارید که ممکن است از HEIC پشتیبانی نکند — آپلود در یک وبسایت، ایمیل کردن به کسی با دستگاهی ناشناخته، یا ارسال به نرمافزار قدیمیتر — برای گستردهترین سازگاری ابتدا آن را به JPG تبدیل کنید، یا فقط اگر مشخصاً به کیفیت بدون افت یا شفافیت نیاز دارید (که برای یک عکس دوربین نادر است) به PNG تبدیل کنید. مبدل HEIC به JPG LocalMedia این تبدیل را کاملاً در مرورگر شما انجام میدهد، بنابراین عکس از دستگاه شما خوانده، تبدیل و دوباره ذخیره میشود بدون اینکه به جایی آپلود شود.
بر اساس مورد استفاده، واقعاً کدام فرمت را باید انتخاب کنید؟
این تصمیم معمولاً به این بستگی دارد که تصویر چه چیزی دارد و به کجا میرود. برای یک عکس یا تصویر شبهعکس که قرار است در وب قرار گیرد، اگر پلتفرم شما آن را میپذیرد از WebP استفاده کنید، در غیر این صورت از JPG. برای یک اسکرینشات، سند اسکنشده، نمودار، یا هر چیز حاوی متن، از PNG (یا WebP بدون افت کیفیت) استفاده کنید تا لبهها تیز بمانند. برای یک لوگو، آیکون یا گرافیکی که به پسزمینه شفاف نیاز دارد، از PNG یا WebP استفاده کنید — هرگز از JPG، چون اصلاً نمیتواند شفافیت را نمایش دهد. برای حداکثر سازگاری با نرمافزار قدیمی، کلاینتهای ایمیل یا گردشکارهای چاپ، JPG و PNG امنترین انتخابهای همگانی باقی میمانند، چون پشتیبانی از WebP خارج از مرورگرهای مدرن همچنان ناهماهنگ است.
چرا ذخیره مکرر یک JPG آن را بدتر میکند؟
چون فشردهسازی JPG با افت کیفیت است، هر بار که یک JPG را باز میکنید، ویرایش میکنید و دوباره بهصورت JPG ذخیره میکنید، فرمت روی هر چیزی که قبلاً در دفعه اول حذف شده، دوباره تحلیل و دوباره حذف انجام میدهد. چند بار ویرایش و ذخیره مجدد کنید و افت انباشتهشده بهصورت تاری نرم، نواربندی رنگ یا آثار بلوکی اطراف لبهها نمایان میشود — مشکلی که اغلب افت نسلی نامیده میشود. این اتفاق برای PNG رخ نمیدهد، چون فشردهسازی بدون افت کیفیت هرگز جزئیات را دور نمیریزد، مهم نیست چند بار آن را دوباره ذخیره کنید. اگر باید یک عکس را چندین بار ویرایش کنید، در طول ویرایش یک نسخه اصلی PNG یا فرمت بدون افت دیگری نگه دارید و فقط یکبار، در پایان، برای تحویل نهایی به JPG صادر کنید.
چطور بدون آپلود کردن، تصاویر را تبدیل یا فشرده میکنید؟
تبدیل بین JPG، PNG، WebP و HEIC، یا کوچک کردن فایلی که خیلی بزرگ است، اصلاً نیازی به ارسال تصویر به یک سرور ندارد — یک مرورگر میتواند اغلب فرمتهای رایج تصویر را خودش رمزگشایی و دوباره رمزگذاری کند. مبدل فرمت تصویر LocalMedia مستقیماً درون تب مرورگر شما بین JPG، PNG و WebP جابهجا میشود، و فشردهساز تصویر با تنظیم کیفیت یا ابعاد، حجم فایل را کاهش میدهد، هر دو بدون اینکه فایل هرگز دستگاه شما را ترک کند. میتوانید خودتان این را تأیید کنید: ابزارهای توسعهدهنده مرورگر خود را باز کنید (F12)، به تب Network بروید، و هنگام تبدیل یا فشرده کردن یک فایل، به دنبال یک درخواست آپلود بگردید — یک ابزار واقعاً محلی هیچچیز ارسال نمیکند.
ابزارهای مرتبط
پرسشهای متداول
- PNG بهتر است یا JPG؟
- هیچکدام بهطور مطلق بهتر نیستند — هر کدام برای محتوای متفاوتی ساخته شدهاند. فشردهسازی با افت کیفیت JPG آن را برای عکسها بهمراتب کوچکتر میکند، درحالیکه فشردهسازی بدون افت کیفیت PNG اسکرینشاتها، متن و گرافیک را عاری از تاری نگه میدارد و پشتیبانی از شفافیتی را اضافه میکند که JPG کاملاً فاقد آن است. از JPG برای عکسها و از PNG برای هر چیزی با لبههای تیز، متن یا پسزمینه شفاف استفاده کنید.
- آیا WebP بهتر از JPG است؟
- از نظر حجم فایل و کیفیت، بهطور کلی بله: WebP معمولاً فایلهایی ۲۵ تا ۳۵ درصد کوچکتر از یک JPG با کیفیت معادل تولید میکند، و همچنین از شفافیت و فشردهسازی بدون افت کیفیت پشتیبانی میکند، کاری که JPG اصلاً نمیتواند انجام دهد. تنها دلیلی که هنوز ممکن است JPG را به WebP ترجیح دهید، سازگاری با نرمافزار قدیمیتر یا گردشکارهایی است که فایلهای WebP را باز نمیکنند.
- آیا WebP از شفافیت پشتیبانی میکند؟
- بله. WebP یک کانال شفافیت آلفای کامل در هر دو حالت با افت و بدون افت کیفیت خود دارد، بنابراین میتواند جایگزین PNG برای لوگوها و آیکونهای شفاف شود درحالیکه معمولاً فایلی کوچکتر تولید میکند.
- آیا باید HEIC را به JPG یا PNG تبدیل کنم؟
- تقریباً در همه موارد به JPG تبدیل کنید — کوچکتر و بهطور همگانی سازگار است، که دقیقاً همان چیزی است که یک عکس دوربین به آن نیاز دارد. فقط اگر مشخصاً به کیفیت بدون افت یا پسزمینه شفاف نیاز دارید به PNG تبدیل کنید، که برای یک عکس معمولی غیرمعمول است.
- کدام فرمت کوچکترین فایل را تولید میکند؟
- برای عکسها، WebP با افت کیفیت معمولاً کوچکترین است، پس از آن JPG، درحالیکه PNG بهمراتب بزرگتر است. برای اسکرینشاتها، متن یا طرح خطی، WebP بدون افت کیفیت معمولاً کوچکترین است، پس از آن PNG، چون فشردهسازی با افت کیفیت JPG برای لبههای تیز مناسب نیست، صرفنظر از حجم فایل.
- آیا میتوانم بین PNG، JPG و WebP بدون افت کیفیت تبدیل انجام دهم؟
- تبدیل از یک فرمت بدون افت کیفیت (PNG) به یک تنظیم بدون افت کیفیت دیگر، کیفیت را دقیقاً حفظ میکند. تبدیل به یا بین فرمتهای با افت کیفیت (JPG، WebP با افت کیفیت) همیشه تصویر را دوباره فشرده میکند، بنابراین در هر تبدیل مقداری کیفیت از دست میرود — اگر انتظار دارید یک تصویر را بیش از یکبار تبدیل یا ویرایش کنید، یک نسخه اصلی بدون افت کیفیت نگه دارید.