HEIC в WebP: фото с iPhone для веба
Конвертация HEIC в JPEG, а затем в WebP дважды снижает качество. Прямое преобразование в WebP исключает промежуточный этап и дает меньший размер.
Конвертируйте HEIC напрямую в WebP, если фотографии с iPhone предназначены для веб-сайта. Прямой путь декодирует и кодирует изображение лишь единожды, не теряя качество на промежуточном этапе в JPEG. Результат обычно получается на 25–35 процентов меньше по размеру, чем аналогичный JPEG при том же визуальном качестве.
Каждое повторное сжатие с потерями безвозвратно удаляет часть деталей. Конвертация High Efficiency Image Container (HEIC) в JPEG, а затем JPEG в WebP требует двух этапов сжатия там, где достаточно одного, а промежуточный JPEG становится ненужным сразу после создания файла WebP.
Почему прямой путь лучше
Каждое сжатие с потерями навсегда удаляет детали, и эти потери накапливаются с каждым шагом. Двухэтапная конвертация наносит ущерб сжатием дважды, причем на втором проходе сжимаются уже поврежденные данные.
Второй проход наименее эффективен. Сжатие JPEG создает небольшие артефакты вокруг краев объектов, а кодировщик WebP затем тратит байты на точное описание этих артефактов, так как не может отличить дефекты от деталей. Пропуск JPEG позволяет кодировщику WebP работать с оригинальными пикселями и расходовать ресурс сжатия непосредственно на саму фотографию.
Насколько меньше WebP на самом деле
Файлы WebP на 25–35 процентов меньше JPEG при одинаковом визуальном качестве и близки к исходному размеру HEIC. Наибольшая экономия достигается на фотографиях с плавными переходами, такими как небо, стены и кожа.
| Исходное фото | В формате HEIC | В формате JPEG (качество 85) | В формате WebP (качество 85) |
|---|---|---|---|
| Портрет, однотонный фон | 1.4 MB | 2.8 MB | 1.9 MB |
| Пейзаж с небом | 2.1 MB | 4.2 MB | 2.7 MB |
| Интерьер, много деталей | 2.6 MB | 5.1 MB | 3.6 MB |
| Скриншот или плоская графика | 0.4 MB | 0.9 MB | 0.3 MB |
Последняя строка показывает случай, когда WebP безоговорочно превосходит HEIC. WebP поддерживает режим сжатия без потерь, который идеально подходит для плоских цветов и резких краев, поэтому скриншоты и графика сжимаются в WebP лучше, чем в любом фотографическом формате.
Когда использовать WebP, а когда JPG
Используйте WebP для всего, что отображается на веб-страницах, и JPG для загрузки в формы, отправки по электронной почте или передачи в типографию. Разделение зависит от того, какие форматы поддерживает конечная система.
- Веб-сайты и системы управления контентом. WebP поддерживается всеми современными браузерами на компьютерах и мобильных устройствах.
- Интернет-магазины и маркетплейсы. WebP везде, где он принимается, так как вес страницы напрямую влияет на конверсию.
- Государственные порталы и сайты экзаменов. JPG, так как системы проверки загрузок часто не принимают WebP.
- Email-рассылки. JPG, поскольку поддержка WebP в почтовых клиентах все еще остается нестабильной.
- Печать и программы для дизайна. JPG или оригинальный HEIC, так как процессы допечатной подготовки редко работают с WebP.
Как конвертировать HEIC в WebP
Чтобы подготовить папку с фотографиями iPhone для сайта, выполните следующие 6 шагов.
- Скопируйте фотографии с телефона по кабелю или скачайте их из iCloud в виде ZIP-архива.
- Откройте конвертер HEIC в WebP в любом современном браузере.
- Перетащите выбранные файлы или ZIP-архив в зону загрузки.
- Измените размер перед конвертацией, если фотографии будут отображаться с фиксированной шириной, так как изображение шириной 4000 пикселей в блоке на 800 пикселей лишь тратит лишний трафик.
- Установите качество на 80 для использования в вебе — это оптимальный баланс, при котором файл весит мало, а потери незаметны.
- Скачайте результаты одним ZIP-архивом и загрузите их на сайт.
Изменение разрешения перед конвертацией важнее, чем настройка качества. Размеры изображения определяют большую часть веса файла, поэтому фотография, уменьшенная до ширины отображения, — это уже главный шаг к быстрой загрузке страницы.
Прозрачность и анимация сохраняются
WebP поддерживает прозрачность и анимацию, поэтому вы не потеряете данные, которые стер бы формат JPEG. В JPEG полностью отсутствует канал прозрачности, из-за чего прозрачный фон при конвертации становится сплошным белым.
Обычные фотографии с iPhone не имеют прозрачности, поэтому для снимков с камеры это не так важно. Но это критично для экспортированной графики, логотипов и скриншотов с закругленными углами, где конвертация в JPEG создает белую рамку, которую дизайнер не планировал. Сохранение таких файлов в WebP позволяет сберечь прозрачные области.
Безопасное использование WebP на сайте
Используйте элемент picture с источником WebP на первом месте и резервным JPG в теге img, и браузер сам выберет первый понятный ему формат. Такой подход требует лишь нескольких строк кода и полностью исключает проблемы с совместимостью.
Современные браузеры загрузят файл WebP, а старые версии откроют JPEG. Большинство систем управления контентом сейчас делают это автоматически при загрузке, поэтому проверьте, не создает ли ваша платформа такую разметку сама, прежде чем писать код вручную. Загрузка WebP на платформу, которая принудительно пережимает все в JPEG, принесет лишь риски несовместимости без преимуществ в размере — этот момент стоит проверить один раз для вашей платформы.
Изменяйте размер перед конвертацией
Уменьшите фотографию до максимального размера, в котором она когда-либо будет отображаться, и только потом конвертируйте. Разрешение влияет на размер файла сильнее, чем настройки качества. Снимок с iPhone имеет разрешение около 3024 на 4032 пикселей, и практически ни одна веб-страница не показывает изображения в таком масштабе.
Для фотографии в колонке шириной 800 пикселей требуется максимум 1600 пикселей, чтобы она выглядела резко на экранах с высокой плотностью пикселей. Изменение размера с 3024 до 1600 пикселей удаляет около 72 процентов данных еще до начала работы кодировщика, что экономит больше места, чем любые манипуляции с качеством. Измерьте максимальную ширину отображения картинки, удвойте ее и уменьшите файлы до этого значения.
Поддержка WebP браузерами в 2026 году
Все современные браузеры поддерживают WebP, включая Chrome, Firefox, Safari и Edge на компьютерах и мобильных устройствах. Старые аргументы против этого формата касались совместимости, но они потеряли актуальность, когда Safari добавил поддержку в 2020 году.
Поддержка за пределами браузеров все еще остается неоднородной, и об этом важно помнить. Программы для дизайна, процессы печати, почтовые клиенты и формы загрузки отстают от браузеров на годы. Поэтому файл WebP, который идеально открывается на сайте, может быть отклонен платформой рассылок или государственным порталом. Оценивайте применимость формата по конечной цели использования, а не только по таблице совместимости браузеров.
Сохранение даты и геопозиции снимков
Метаданные EXIF содержат дату съемки, настройки камеры и геопозицию. Конвертер, который их сохраняет, позволяет правильно сортировать фотографии. Фотогалереи упорядочивают снимки по дате съемки, а не по дате создания файла, поэтому потеря этого поля нарушит порядок в альбоме.
Данные о местоположении — это то, о чем стоит подумать перед публикацией. Координаты, записанные с точностью до нескольких метров, полезны в личном архиве, но нежелательны на публичном сайте, особенно для домашних фотографий. Определитесь с настройками приватности перед обработкой пакета из 500 файлов, так как изменение решения потребует повторной конвертации всей библиотеки.
Какой уровень качества выбрать
Качество 80 — отличный выбор по умолчанию для WebP в вебе, а значение 90 подходит для фотографий, которые будут рассматриваться в крупном масштабе. WebP сохраняет детали лучше, чем JPEG при том же значении качества, поэтому WebP с качеством 80 выглядит как JPEG с качеством 85 или выше.
Снижение качества ниже 70 становится заметным на лицах и плавных градиентах, особенно на больших баннерах. Значения выше 90 быстро увеличивают размер файла без видимой разницы на экране. Протестируйте одну характерную фотографию на трех разных настройках перед обработкой пакета из 500 файлов, так как оптимальное число зависит от типа публикуемых изображений.
Конвертация всей фотобиблиотеки
Перетаскивайте ZIP-архив напрямую: все поддерживаемые изображения внутри будут извлечены и конвертированы автоматически. Загрузка из iCloud или резервная копия телефона обычно уже представлены в виде ZIP, что избавляет от необходимости выбирать сотни файлов вручную.
Пакеты до 500 файлов обрабатываются одновременно, и все вычисления происходят на вашем собственном процессоре, а не на сервере. Ничего не загружается в интернет, поэтому неопубликованные фотографии, клиентские проекты и личные снимки остаются только на вашем компьютере. Для обновления сайта это означает, что всю библиотеку изображений можно конвертировать за несколько минут без отправки файлов по сети.