JPG, PNG или WebP: как выбрать формат картинки за десять секунд

JPG, PNG или WebP: как выбрать формат картинки за десять секунд

— JPG. Фотографии, сложные градиенты, всё «живое». Сжатие с потерями: каждое пересохранение чуть портит картинку. Прозрачного фона не умеет в принципе.

— PNG. Логотипы, иконки, скриншоты интерфейсов — всё с резкими границами и прозрачностью. Сжимает без потерь, но на фотографии вес вырастает в разы против JPG.

— WebP. Умеет оба режима сжатия плюс прозрачность. На типовом баннере даёт ощутимую экономию веса при той же картинке — условно с 400 КБ до 150 КБ.

— Подвох. Часть рекламных систем и почтовых клиентов WebP до сих пор не принимает. Всегда держите рядом запасной JPG или PNG того же макета.

Правило короткое: фото — JPG, графика с прозрачностью — PNG, на собственный сайт — WebP с запасным вариантом.