cheat sheet
Шпаргалка по форматам изображений — JPG vs PNG vs WebP vs AVIF
Когда использовать каждый формат, сравнение размеров файлов и краткая схема выбора.
Выбор неправильного формата изображения — самая дешёвая ошибка для скорости сайта. AVIF может быть на 50% меньше JPG при том же видимом качестве — но не всегда стоит переходить. Вот схема выбора.
Правило 10 секунд
- Фото, без прозрачности → WebP (или AVIF, если ваша аудитория только на современных браузерах).
- Фото, должно работать везде → JPG.
- Логотип, скриншот или иконка → PNG (или WebP для меньших файлов с тем же lossless качеством).
- Анимация → WebP (заменяет GIF, на 30-50% меньше).
- Векторная графика (логотип, иконка) → SVG (не в этом списке — используйте SVG, когда можете).
Полное сравнение
| Формат | Лучше всего для | С потерями? | Прозрачность | Анимация | Поддержка браузеров |
|---|---|---|---|---|---|
| JPG | Фото, без альфа-канала | Да | Нет | Нет | 100% |
| PNG | Чёткая графика | Нет | Да | Нет | 100% |
| WebP | Фото + графика | Оба | Да | Да | 97% (2026) |
| AVIF | Наивысшее сжатие | Оба | Да | Да | 92% (2026) |
Реальное сравнение размеров файлов
Одно и то же фото 1920×1080, одинаковое видимое качество:
- JPG (качество 80) — 340 KB
- WebP (качество 80) — 210 KB (на 38% меньше)
- AVIF (качество 60) — 165 KB (на 51% меньше)
- PNG (без потерь) — 2.4 MB (в 7 раз больше — никогда не используйте для фото)
Конвертируйте любое изображение с помощью наших бесплатных инструментов:
- Конвертировать в WebP
- Конвертировать в PNG
- Конвертировать в JPG
- Компрессор JPG — выберите качество, увидите экономию.
Для плотной упаковки ZIP всей библиотеки изображений используйте режим пакетной обработки, чтобы конвертировать сотни изображений за раз.
Попробуйте наши бесплатные инструменты
Большинство этих руководств сопровождаются практическими инструментами, которые можно использовать прямо сейчас — регистрация не требуется для первого запуска:
- Изменение размера изображения — пиксельное уменьшение и увеличение.
- Конвертировать в WebP — файлы на 30-50% меньше, чем JPG.
- Удаление фона — вырезание в один клик, прозрачный PNG.
- Генератор фавиконок — все размеры браузеров из одного источника.
- Изменение размера для соцсетей — точные размеры для каждой платформы.
- Пакетная обработка — примените любой инструмент к до 200 изображений одновременно.
Просмотрите полный каталог инструментов.
