Конвертировать PNG в WebP
Переведите PNG-скриншоты, логотипы и вырезанные фото товаров с вашего сайта в WebP: прозрачные края сохраняются, а страницы загружаются в разы быстрее. Выберите сжатие с потерями или без потерь, конвертируйте и загрузите результат в CMS.
Конвертер изображений
или перетащите сюда файлы JPG, JPEG, JPE … ·
Макс. 95 MB на файл· До 20 файлов· Удаляются через 30 минут
Файлы обрабатываются на наших серверах и удаляются через 30 минут.
При 85 фотографии визуально не отличаются от оригинала. Снижайте значение, только если нужен файл меньше.
JPG, BMP и EPS не поддерживают прозрачность. Прозрачные пиксели заполняются этим цветом.
HEX-код цвета под прозрачными пикселями, например #FFFFFF.
Этот формат хранит только одно изображение. Чтобы сохранить анимацию, выберите GIF или WebP.
Многоразмерная иконка содержит несколько разрешений в одном файле; браузеры и операционные системы выбирают нужное.
Сохраните исходные размеры или укажите одну сторону — пропорции сохранятся.
Размер выбранной выше стороны в пикселях.
Процент от исходных размеров.
sRGB подходит для экранов и веба. Для печати сохраните исходное; оттенки серого убирают цвет.
Только метаданные; 0 сохраняет исходное значение. Это число читают принтеры и некоторые порталы; размеры в пикселях не меняются.
Как пользоваться инструментом
- 1
Перетащите PNG-файлы
Перетащите до 20 файлов PNG в область загрузки или выберите их в папке. Размер каждого файла может достигать 95 MB, так что подойдут даже очень большие экспортированные макеты.
- 2
Выберите сжатие с потерями или без
Страница начинает с Качество 80 в режиме сжатия с потерями: это хороший баланс для фотографий и иллюстраций на сайте. Для иконок, пиксель-арта и скриншотов интерфейса, которые должны остаться пиксель в пиксель, отметьте Без потерь в разделе Расширенные настройки.
- 3
Конвертируйте и замените файлы
Нажмите Преобразовать в WebP и скачайте файлы по одному или одним архивом ZIP.
Стоит ли переводить PNG в WebP?
Для изображений на сайте почти всегда. Та же картинка вместе с прозрачностью обычно получается значительно меньше, а отображают её все современные браузеры. PNG стоит оставить для файлов, которые вы ещё редактируете или отправляете тем, кто открывает их в настольных программах.
Почему веб-разработчики меняют PNG на WebP
PNG по своей природе формат без потерь: его стандартизировал W3C в 1996 году как свободную от патентов замену GIF, и он никогда не отбрасывает данные пикселей. Для мастер-файла это идеально, а для веб-страницы расточительно: иллюстрация шириной 1600 px в PNG может весить больше, чем все скрипты страницы вместе взятые.
Google представил WebP в 2010 году, чтобы закрыть этот разрыв. В одном контейнере есть два механизма: режим без потерь, который, по опубликованному сравнению самой Google, примерно на 26% меньше PNG, и режим с потерями на основе видеокодека VP8, который даёт ещё меньший размер. Оба режима поддерживают полноценный альфа-канал, благодаря которому логотипы и вырезанные фото товаров остаются пригодными для цветных фонов.
Инструменты проверки скорости, такие как PageSpeed Insights, давно указывают на слишком большие файлы PNG и JPEG как на лёгкий способ сэкономить, а набор сконвертированных изображений часто становится самым быстрым улучшением показателя Largest Contentful Paint. Если изображениям нужны другие размеры, сначала пропустите их через изменение размера изображения, а затем конвертируйте.
Насколько WebP меньше PNG
Исходный PNG
1,2 MB
1600 × 900 · 24 бита с альфа-каналом, вырезанный товар
WebP, качество 80
190 KB
1600 × 900 · с потерями, альфа-канал сохранён
PNG
Portable Network Graphics
PNG — растровый формат без потерь, опубликованный в 1996 году группой PNG Development Group и позже стандартизированный W3C и ISO. Он сохраняет каждый пиксель в точности, полностью поддерживает альфа-прозрачность и передаёт текст, чёткие края и однотонные заливки без артефактов. Благодаря этой точности он идеально подходит для скриншотов, логотипов, иконок и элементов интерфейса. Обратная сторона — размер: фотография в PNG часто весит в несколько раз больше, чем та же фотография в JPEG или WebP. PNG открывают все браузеры, операционные системы и графические редакторы.
- Сжатие
- Без потерь
- Прозрачность
- Да
- Анимация
- Нет
- Год появления
- 1996 · PNG Development Group
WEBP
Изображение WebP
WebP — формат изображений, выпущенный Google в 2010 году, чтобы веб-страницы загружались быстрее. Он объединяет сжатие с потерями и без потерь, альфа-прозрачность и анимацию в одном формате. Файлы WebP с потерями обычно на 25–35% меньше JPEG сопоставимого визуального качества, а WebP без потерь, как правило, меньше PNG. Его поддерживают все современные браузеры, но некоторые старые настольные программы, сервисы печати и формы загрузки до сих пор его не принимают. Windows, macOS и большинство современных графических редакторов открывают файлы WebP.
- Сжатие
- С потерями или без потерь
- Прозрачность
- Да
- Анимация
- Да
- Год появления
- 2010 · Google
Владельцы сайтов переводят PNG в WebP, чтобы уменьшить вес страницы и сохранить прозрачность; обратное преобразование из WebP в PNG нужно, чтобы редактировать файл или открыть его в программе, которая не читает WebP.
Приведённые цифры — типичный результат для вырезанной фотографии, а не обещание. Плоская графика в режиме с потерями сжимается меньше, а в режиме без потерь иногда сильнее. Скриншоты, полные текста, — единственный случай, когда WebP с потерями может размыть края букв; для них отметьте Без потерь, и вы всё равно сэкономите место без изменения пикселей.
Размеры, цвета и прозрачность переносятся без изменений, а Удалить метаданные (включено по умолчанию) убирает историю редактирования, которая браузеру не нужна.
Перед загрузкой WebP-файлов на сайт
- Храните исходные PNG в отдельной папке: WebP — это копия для публикации, а не мастер-файл для редактирования.
- Убедитесь, что ваша CMS принимает загрузку .webp (WordPress поддерживает её начиная с версии 5.8).
- Посмотрите одно прозрачное изображение на белом и на тёмном фоне, чтобы убедиться, что края чистые.
- Замените ссылки на изображения в HTML или CSS с .png на .webp или позвольте CMS заново создать миниатюры.
- Сравните вес страницы до и после на вкладке «Сеть» в браузере, чтобы знать, сколько вы сэкономили.
Вопросы о конвертации PNG в WebP
Сохраняет ли WebP прозрачный фон PNG?
Да. WebP хранит альфа-канал и в режиме с потерями, и в режиме без потерь, поэтому вырезанные товарные фото и логотипы остаются прозрачными. В режиме с потерями краевые пиксели сжимаются немного сильнее; если вокруг тонких волос или текста виден слабый ореол, запустите файл заново с включённым Без потерь. Понадобится обратное преобразование? WebP в PNG вернёт редактируемый PNG.
Какой WebP выбрать для PNG: с потерями или без потерь?
Без потерь — если PNG это плоский интерфейс, схема, логотип или пиксель-арт: каждый пиксель остаётся как был, а файл обычно всё равно становится меньше. С потерями при качестве от 75 до 85 — если PNG на самом деле фотография или мягкая иллюстрация: именно там получается основная экономия.
Какие браузеры показывают изображения WebP?
Chrome, Edge, Firefox и Opera показывают WebP уже много лет, а Safari присоединился в версии 14 в 2020 году (на macOS Big Sur и новее и на iOS 14). На практике его отображает любой используемый сегодня браузер, поэтому для большинства сайтов достаточно обычного тега img со ссылкой на файл .webp.
Можно ли загружать WebP в WordPress?
В WordPress 5.8, выпущенном в июле 2021 года, WebP добавили в список разрешённых для загрузки типов медиатеки. Более старые версии отклоняют такой файл, пока плагин не добавит MIME-тип, поэтому проверьте свою версию, прежде чем конвертировать целую папку.
Почему WebP получился больше исходного PNG?
Так бывает с крошечными PNG с индексированной палитрой из нескольких цветов, например 8-цветной иконкой: для них PNG уже очень эффективен. Попробуйте для таких файлов Без потерь, а если результат всё равно больше, оставьте PNG; выигрыш дают более крупные и разноцветные изображения.
Можно ли перевести в WebP сразу целую папку PNG?
За один раз обрабатывается до 20 файлов, каждый до 95 MB, и результат приходит вместе в архиве ZIP. Для большей папки повторяйте пакетами по 20 файлов; суточного лимита нет, а загруженные файлы автоматически удаляются через 30 минут.
Другие инструменты для WebP и PNG
- Конвертировать JPG в WebPПереведите JPG в WebP, чтобы страницы грузились быстрее: файлы легче на четверть–треть при том же виде. До 20 фото за раз, выбор качества, без регистрации.
- Конвертер изображений в WebPКонвертируйте JPG, PNG, GIF, HEIC, TIFF, SVG и RAW-снимки в WebP за один раз. Качество 80 по умолчанию, прозрачность и анимация сохраняются, без регистрации.
- Конвертировать PNG в AVIFКонвертируйте PNG в AVIF на основе AV1 с прозрачностью, сжатие с потерями или без, поддержка Chrome, Firefox, Safari и Edge. До 20 файлов.
- Конвертировать WebP в PNGПереведите WebP в PNG без потери прозрачности. Логотипы, стикеры и вырезанные объекты сохранят прозрачные края; из анимированного WebP — первый кадр или все.
- Конвертировать PNG в JPGКонвертируйте PNG в JPG, чтобы уменьшить файл для почты, анкет и печати фото. Прозрачность заливается белым, черным или любым цветом. До 20 файлов.
- Конвертировать AVIF в WebPКонвертируйте AVIF в WebP, если браузер, плагин или хостинг пока не поддерживает AVIF. Прозрачность сохраняется, сжатие с потерями или без, 20 файлов за раз.