Перевести файл
PNG в WebP: перевести онлайн
Загрузите файл — через минуту получите WebP
- Загрузить
- Выбрать формат
- Скачать
Загрузка файлов
Положите файл сюда
или
Файлы PNG. До 5 МБ, до 20 файлов за раз. Изображение можно вставить из буфера обмена: Ctrl+V.
Прозрачность переносится полностью и хранится без потерь, цвет сжимается с потерями. Логотипы и иконки заметно уменьшаются в весе, у скриншотов выигрыш скромнее.
Через час на сервере не останется ни присланного файла, ни того, что из него получилось. Предельный размер файла — 5 МБ, срок хранения — час.
Что даёт перевод PNG в WebP
Логотипы и снимки экрана на сайте весят по несколько мегабайт, и страница из-за них открывается медленно. Здесь такие картинки становятся в разы легче и при этом сохраняют прозрачный фон — то самое, ради чего их обычно и держали в тяжёлом виде. Мягкие тени и сглаженные края не пострадают.
Как перевести PNG в WebP по шагам
Шаг 1
Решите, что важнее
Мелкий текст на картинке — качество 90-95. Снимок или подложка — 80-85: разницы не увидите, а вес упадёт сильнее.
Шаг 2
Положите файлы в поле загрузки
Целый набор значков отправляется одной пачкой. Снимок экрана можно вставить из буфера обмена, не сохраняя его в папку.
Шаг 3
Укажите ширину, если знаете её
Картинке, которая выводится в блоке шириной 600 точек, незачем храниться в 2400: лишнее только утяжеляет файл.
Шаг 4
Посмотрите результат на тёмном фоне
Так сразу видно, осталась ли прозрачность и не появилось ли по краю светлой каймы. Если всё в порядке, файлы можно ставить на страницу.
Разница видна на весах. Картинка, которая держится на ровных заливках, — схема, значок, чертёж — и так занимает немного. Но стоит добавить снимок, плавную подложку или подробный рисунок, и файл раздувается до нескольких мегабайт. Здесь цвет пересобирается с небольшими упрощениями, а прозрачность остаётся точной: на вид всё то же, а вес падает в два-пять раз.
Выигрыша не будет в двух случаях: у крошечных значков в пару десятков точек и у картинок, которые уже кто-то ужимал до вас. Там экономить нечего, файл иногда даже подрастает. Зато на подложках, баннерах и снимках товара разница заметна сразу — первая картинка на странице появляется раньше, и посетитель не смотрит на пустое место.
Отдельно про надписи. Если на картинке снят экран программы или таблица с цифрами, ставьте качество 90 и выше: на 70-80 вокруг букв появляется рябь и цифры становится трудно разобрать. Снимки и плотные рисунки переносят 80-85 без вопросов. Исходные файлы держите у себя — этот вид сделан для показа на странице, а для печати и для правки макета понадобятся прежние.
Что за форматы: PNG и WebP
Что такое PNG
Растровый формат со сжатием без потерь и полноценным альфа-каналом — стандарт для графики, скриншотов и логотипов.
| Полное название | Portable Network Graphics |
|---|---|
| Разработчик | PNG Development Group, спецификация — W3C |
| Год появления | 1996 |
| Расширение | .png |
| Сжатие | Без потерь |
| Прозрачность | Поддерживается |
| Несколько страниц в файле | Нет |
| Сжатие | без потерь (Deflate и фильтры строк) |
| Прозрачность | альфа-канал, 256 уровней |
| Глубина цвета | до 16 бит на канал |
| Анимация | через расширение APNG |
| Сильная сторона | скриншоты, логотипы, графика с текстом |
| Чем открыть | Просмотр фотографий Windows, Фото (macOS), Adobe Photoshop, GIMP, Paint.NET, любой браузер |
Что такое WebP
Формат Google для веба: при равном качестве весит на 25–35 % меньше JPEG и умеет прозрачность и анимацию.
| Полное название | Web Picture Format |
|---|---|
| Разработчик | |
| Год появления | 2010 |
| Расширение | .webp |
| Сжатие | С потерями |
| Прозрачность | Поддерживается |
| Несколько страниц в файле | Поддерживается |
| Кодек | VP8 (с потерями) и VP8L (без потерь) |
| Прозрачность | альфа-канал в обоих режимах |
| Анимация | поддерживается |
| Экономия | 25–35 % против JPEG при равном качестве |
| Предел размера | 16 383 × 16 383 пикселя |
| Чем открыть | Google Chrome, Microsoft Edge, Mozilla Firefox, GIMP, Adobe Photoshop 23 и новее, IrfanView, XnView MP |
Частые вопросы
Не обведётся ли логотип белой рамкой?
Нет. Пустота вокруг знака остаётся пустотой, и мягкая тень под ним тоже сохраняется как есть. Белая рамка появляется при переводе в обычную фотографию, а здесь этого не происходит.
У одного файла вес упал вдвое, у другого не изменился. Почему?
Всё зависит от того, что нарисовано. Плавные переходы и фотографические участки ужимаются отлично, а ровные заливки и так занимали мало места. У маленьких значков экономить нечего, и разницы вы не увидите.
Откроется ли такой файл вне браузера?
Не везде. Браузеры на компьютерах и телефонах его показывают, а старые редакторы, программы для печати и часть площадок — нет. Поэтому исходные картинки не удаляйте: понадобится отправить файл человеку, а не поставить на страницу.
Как понять, что на странице всё в порядке?
Откройте её на телефоне и на компьютере, посмотрите на знаки и подписи вблизи. Если вокруг букв появилась рябь, повторите перевод с качеством 95. Прежние картинки при этом не пострадали — сервис делает новые файлы, а ваши не трогает.
Рядом спрашивают и об этом
Обратное направлениеWebP в PNGЧто ещё можно сделать с файлом PNG
Все конвертеры PNGИз чего ещё получается WebP
Все конвертеры WebPКуда девается ваш файл
- Через час его не остаётся
- И присланный файл, и то, что из него получилось, лежат на сервере час, а потом стираются. Это происходит само, по расписанию. Если ждать не хочется, рядом со ссылкой на готовый файл есть кнопка, которая убирает всё сразу.
- Ссылку нельзя подобрать
- Адрес готового файла состоит из длинного случайного набора символов. Перебрать такие адреса и наткнуться на чужой файл невозможно, а нигде на сайте они не перечисляются. Ссылка работает только тот час, пока файл жив.
- Есть предел по размеру
- Слишком большой файл сервер не примет — сколько именно можно, написано прямо под полем загрузки, и у видео этот предел ниже, чем у фотографий. Ограничение стоит не ради платной подписки: одно тяжёлое задание не должно занимать очередь целиком.