WEBP в PNG
Формат назначения уже выбран. Этот перевод выбирают, когда важна прозрачность: в JPG она пропала бы.
Формат назначения уже выбран: WEBP в PNG. Можно принести файл и в другом формате, инструмент справится. Считает браузер на вашем устройстве. Снимки с айфона в формате HEIC браузер не читает, их нужно сначала сохранить в JPG.
Бесплатно и без регистрации. Этот инструмент считает прямо в вашем браузере: файлы и текст остаются на вашем устройстве, на наш сервер из них не уходит ни байта. Владелец сайта - ООО «ФИИ», ИНН 5402076457, порядок обработки данных на сайте описан в политике. Обновлено .
Когда нужен именно PNG, а не JPG
Перевод WEBP в JPG спрашивают в тридцать раз чаще, и почти всегда он подходит. PNG выбирают в одном случае: когда в картинке есть прозрачность и потерять ее нельзя.
- Логотип для документа или презентации. На цветной подложке белый прямоугольник вокруг логотипа виден сразу.
- Элемент оформления. Иконка, подпись, печать, которые накладываются поверх другого изображения.
- Картинка с мягким краем. Тень и размытие по краю в JPG превратятся в грязный ореол.
- Скриншот с прозрачными областями. Такие делают программы захвата окна.
Что будет с весом
Файл вырастет, и обычно заметно. WEBP сжимает с потерями и экономно, PNG без потерь и щедро. Фотография может стать тяжелее в несколько раз.
На картинках, ради которых этот перевод и делают, рост меньше: у логотипов и иконок много одинаковых точек, а PNG на них как раз и экономит.
Если прозрачность не нужна, а нужен просто совместимый формат, берите WEBP в JPG: файл получится в разы легче.
Про качество
PNG сохранит без потерь то, что осталось после сжатия в WEBP. Лучше исходника не станет, но и хуже тоже: перевод не добавляет нового сжатия.
Это отличает пару WEBP в PNG от пары WEBP в JPG, где сжатие идет второй раз. Если картинку предстоит еще править, PNG предпочтительнее именно поэтому.
Как убедиться, что прозрачность уцелела
Проверка занимает полминуты и лучше сделать ее сразу, а не в момент сдачи работы.
- Вставьте готовый PNG в документ на цветную подложку. Белого прямоугольника вокруг быть не должно.
- Откройте файл в просмотрщике, который рисует прозрачность шахматкой.
- Сравните вес: если прозрачность потерялась, файл обычно заметно меньше ожидаемого.
Если прозрачности в готовом файле нет, значит ее не было и в исходном WEBP. Перевод ее не теряет: PNG держит прозрачность полностью, включая мягкие полупрозрачные края.
Про полупрозрачность и мягкие края
Прозрачность бывает не только полной. У тени, свечения и сглаженного края точки полупрозрачны: они видны частично и смешиваются с тем, что лежит снизу.
WEBP и PNG оба это умеют, и при переводе полупрозрачность сохраняется без потерь. А вот в JPG она пропадает целиком: мягкая тень превращается в серый ореол на белом, и выглядит это грязно.
Именно поэтому для логотипов с тенью и для элементов оформления берут PNG, а не JPG, даже когда вес важен.
| Формат | Сжатие | Прозрачность | Анимация | Где открывается |
|---|---|---|---|---|
| JPG | с потерями | нет | нет | везде |
| PNG | без потерь | да, полная | нет | везде |
| WEBP | и с потерями, и без | да, полная | да | новые браузеры, не везде |
| GIF | без потерь, 256 цветов | да, грубая | да | везде |
| HEIC | с потерями | да | нет | техника Apple, браузер не читает |
Чего этот инструмент не делает
- Не уменьшает вес. Скорее наоборот, и это ожидаемо.
- Не сохраняет анимацию. Анимированный WEBP даст один кадр.
- Не делает фон прозрачным. Если прозрачности не было в исходнике, она не появится.
- Не улучшает картинку.
Частые вопросы
Прозрачность сохранится?
Да, PNG ее держит. Именно ради этого пару и выбирают.
Файл станет тяжелее?
Да, обычно заметно. PNG хранит без потерь.
Качество упадет?
Нет. Перевод не добавляет нового сжатия.
А если прозрачность не нужна?
Тогда берите перевод в JPG: файл выйдет в разы легче.
Анимированный WEBP подойдет?
Откроется, но останется первый кадр.
Другие инструменты
- WEBP в JPG - открыть картинку из интернета там, где WEBP не понимают
- JPG в PNG - перевести снимок в формат без потерь, когда этого требует программа
- PNG в JPG - уменьшить вес картинки и уложиться в требования формы
- JPG в WEBP - облегчить картинку для сайта примерно на четверть
- Конвертер картинок - перевести картинку между JPG, PNG и WEBP
- Сжать фото - уменьшить вес снимка, чтобы он влез в письмо или на сайт
- Обрезать фото - оставить нужный кусок снимка, мышью или по числам
- JPG в PDF - собрать несколько картинок в один документ PDF