Коротко
| Формат | Лучше всего подходит для |
| JPG | Фотографий, которыми нужно поделиться или загрузить куда угодно |
| PNG | Скриншотов, логотипов, текста и всего с прозрачностью |
| WebP | Изображений на сайтах: меньше обоих и с прозрачностью |
| AVIF | Самых маленьких веб-изображений, если поддержка не важна |
| HEIC | Хранения фото на устройствах Apple |
| GIF | Коротких простых анимаций |
JPG
JPG очень хорошо сжимает фото, отбрасывая детали, которые вы вряд ли заметите. Прозрачности в нём нет, а при повторных сохранениях качество постепенно падает. Его принимают все устройства и сайты.
PNG
PNG сжимает без потерь: каждый пиксель сохраняется точно, и поддерживается прозрачность. Поэтому он идеален для скриншотов и графики с чёткими краями, но фото в PNG в несколько раз больше, чем в JPG. Сжать PNG может сильно уменьшить графику, сократив число цветов.
WebP
WebP от Google обычно на 25–35% меньше JPG при том же качестве и поддерживает прозрачность и анимацию. Все современные браузеры его показывают, но некоторые старые приложения и формы загрузки его не принимают; это исправит WebP в JPG.
AVIF
AVIF новее и ещё меньше. Современные Chrome, Edge, Firefox и Safari его открывают, но многие другие программы пока нет.
HEIC
HEIC — формат, в котором сохраняет фото iPhone. Он примерно вдвое меньше JPG, но Windows и многие сайты без посторонней помощи его не открывают; HEIC в JPG его преобразует.
GIF
GIF ограничен 256 цветами, поэтому подходит для простой анимации, а не для фото. Для видеоклипов Видео в GIF подбирает лучшие 256 цветов для каждого клипа.
Одни и те же изображения в каждом формате
Типичные размеры для изображения 1200 × 800, которые зависят от содержания картинки:
| Формат | Фотография | Снимок экрана с текстом |
|---|---|---|
| PNG | 2 МБ | 90 КБ |
| JPG, качество 80 | 180 КБ | 250 КБ, с размытыми краями |
| WebP, качество 80 | 120 КБ | 60 КБ |
У фотографий плавные градиенты, которые JPG и WebP хорошо сжимают. У снимков экрана резкие края и мало цветов, которые PNG хранит точно, а JPG размазывает.
Частые ошибки
- Сохранять фото в PNG. Файл в десять раз больше без видимой выгоды. Оставьте PNG для графики и прозрачности.
- Пересохранять JPG снова и снова. Каждое сохранение теряет ещё немного. Храните оригинал, редактируйте его и каждый раз экспортируйте новый JPG.
- Ждать, что прозрачность переживёт JPG. В JPG нет прозрачности; прозрачные области становятся чёрными или белыми. Используйте PNG или WebP.
- Загружать WebP или HEIC в анкету. Многие анкеты принимают только JPG или PNG. Сначала преобразуйте, а не переименовывайте файл: расширение не меняет содержимого.