JPG, PNG или WebP: какой формат выбрать?

Одна и та же картинка может весить 200 KB в JPG, 1,5 MB в PNG и 140 KB в WebP. Формат влияет на размер, внешний вид и на то, где можно использовать файл. В этом руководстве объясняется, в чём силён каждый формат, чтобы вы могли выбрать нужный за несколько секунд.

JPG: стандарт для фотографий

JPG (его пишут и как JPEG) сжимает фото, отбрасывая детали, которые глаз почти не замечает. Его понимают все программы, телефоны, сайты и принтеры, поэтому это самый безопасный выбор, когда вы не уверены, что принимает другая сторона.

  • Лучше всего для: фотографий и всего, где цвета меняются плавно.
  • Слабые места: нет прозрачности, а текст и тонкие линии при низком качестве могут выглядеть размытыми.
  • Качество: сжатие с потерями. Каждое повторное сохранение теряет ещё немного.

PNG: чёткая графика и прозрачность

PNG сжимает без потери деталей и может содержать прозрачные области. Поэтому он подходит для логотипов, иконок, скриншотов, диаграмм и рисунков. Для фотографий файлы получаются очень большими, потому что в фото слишком много мелких переходов цвета, чтобы хорошо сжать их без потерь.

  • Лучше всего для: логотипов, скриншотов интерфейсов, текста и картинок, которым нужен прозрачный фон.
  • Слабые места: большие файлы для фотографий.
  • Качество: без потерь. Повторное сохранение его не портит.

WebP: файлы поменьше для сайтов

WebP создавали для сайтов. Он умеет работать с потерями, как JPG, или без потерь, как PNG, и поддерживает прозрачность. При похожем визуальном качестве фото в WebP часто примерно на четверть или треть меньше, чем в JPG. Все современные браузеры показывают WebP, но некоторые старые программы, типографии и формы загрузки его по-прежнему не принимают.

  • Лучше всего для: сайтов и приложений, где вы сами решаете, чем пользуется зритель.
  • Слабые места: принимают не везде, особенно старые программы и некоторые официальные порталы.
  • Качество: с потерями или без, на ваш выбор.

Как выбрать

  • Загрузка на государственный сайт, портал экзаменов или в отклик на вакансию: JPG, если не указано иное.
  • Фото для сайта или блога: WebP, а JPG как запасной вариант.
  • Логотип, иконка, скриншот или всё, что нужно с прозрачным фоном: PNG.
  • Отправка фото по почте или в мессенджере незнакомым людям: JPG.
  • Печать: JPG или PNG с наивысшим качеством и в том размере, в котором вы будете печатать.

Что конвертация может и чего не может

Смена формата не улучшает картинку. Если превратить маленький JPG в PNG, получится файл побольше с теми же деталями. Если превратить PNG с прозрачным фоном в JPG, прозрачные области будут залиты; этот инструмент заливает их белым. Превращение JPG в WebP может уменьшить файл, но первое сжатие JPG уже убрало детали, и вернуть их нельзя.

Частые вопросы

WebP лучше, чем JPG?

По размеру файла на сайтах обычно да. По совместимости нет: JPG работает везде. Используйте WebP, когда знаете, что его примут, и JPG, когда не уверены.

Почему мой PNG намного больше, чем JPG?

PNG сохраняет каждую деталь. В фото миллионы мелких различий цвета, поэтому файл без потерь получается большим. Для фотографий подходят JPG или WebP.

Можно ли превратить WebP в JPG?

Да. Добавьте файл WebP, выберите JPG в качестве формата и скачайте результат. Прозрачные области станут белыми.

Другие руководства