Перейти к содержимому

Конвертер файлов

Конвертер PNG в WebP

Конвертируйте PNG в WebP онлайн бесплатно

.png.webp
  1. Загрузить
  2. Выбрать формат
  3. Скачать

Загрузка файлов

Перетащите файлы сюда

или

Файлы PNG. До 5 МБ, до 20 файлов за раз. Изображение можно вставить из буфера обмена: Ctrl+V.

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

Загруженные файлы и результаты конвертации удаляются с сервера через час. Предельный размер файла — 5 МБ, срок хранения — час.

Зачем переводить PNG в WebP

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

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

Есть нюанс с текстом. Скриншоты интерфейсов, таблицы и схемы с мелкими надписями чувствительны к сжатию: на 70–80 % вокруг букв появляется рябь. Для таких картинок держите качество на 90 % и выше — выигрыш будет скромнее, зато текст останется читаемым. Фотографии и плотные иллюстрации спокойно переносят 80–85 %.

WebP — формат доставки, а не хранения. Исходные PNG держите у себя: если макет придётся переделывать или отправлять в печать, понадобится именно он. И помните, что за пределами браузеров формат принимают не все: для фавиконки нужен ICO, для документов и типографии — PNG, TIFF или PDF.

Как конвертировать PNG в WebP

  1. Шаг 1

    Загрузите PNG

    Перетащите файлы в зону загрузки или вставьте картинку из буфера обмена. За одно задание можно обработать целый набор иконок.

  2. Шаг 2

    Подберите качество

    Иллюстрациям и фотографиям хватит 80–85 %, скриншотам и схемам с мелким текстом ставьте 90–95 %, чтобы буквы не замылились.

  3. Шаг 3

    Уточните размер

    Если картинка выводится на странице в фиксированной ширине, задайте её здесь: лишние пиксели только утяжеляют файл.

  4. Шаг 4

    Скачайте готовые файлы

    Заберите результат по одному или архивом ZIP и подключите картинки на сайте. Прозрачность в них уже на месте.

Что обычно спрашивают

Сохранится ли прозрачный фон?

Да, и это главное преимущество WebP перед JPG. Альфа-канал переносится точно, поэтому логотип с полупрозрачной тенью ляжет на любую подложку без белого прямоугольника вокруг.

Насколько меньше станет файл?

Логотипы и иллюстрации худеют в два-пять раз, скриншоты — обычно в полтора-два. Чем больше в картинке плавных переходов и фотографических участков, тем заметнее выигрыш.

Не испортится ли мелкий текст на скриншоте?

При качестве ниже 80 % вокруг букв появляется рябь. Поставьте 90–95 % — текст останется чётким, а файл всё равно окажется легче исходного PNG.

Стоит ли переводить в WebP картинки для печати?

Нет. Типографии и печатные салоны работают с PNG, TIFF и PDF, а WebP предназначен для интернета. Для печати оставляйте исходный файл без сжатия с потерями.

Чем различаются PNG и WebP

.png

Что такое PNG

Растровый формат со сжатием без потерь и полноценным альфа-каналом — стандарт для графики, скриншотов и логотипов.

Характеристики формата PNG
Полное названиеPortable Network Graphics
РазработчикPNG Development Group, спецификация — W3C
Год появления1996
Расширение.png
MIME-типimage/png
СодержимоеДвоичное
СжатиеБез потерь
ПрозрачностьПоддерживается
Несколько страниц в файлеНет
Сжатиебез потерь (Deflate и фильтры строк)
Прозрачностьальфа-канал, 256 уровней
Глубина цветадо 16 бит на канал
Анимациячерез расширение APNG
Сильная сторонаскриншоты, логотипы, графика с текстом
Чем открытьПросмотр фотографий Windows, Фото (macOS), Adobe Photoshop, GIMP, Paint.NET, любой браузер
СпецификацияОписание формата
Всё о формате PNG
.webp

Что такое WebP

Формат Google для веба: при равном качестве весит на 25–35 % меньше JPEG и умеет прозрачность и анимацию.

Характеристики формата WebP
Полное названиеWeb Picture Format
РазработчикGoogle
Год появления2010
Расширение.webp
MIME-типimage/webp
СодержимоеДвоичное
СжатиеС потерями
ПрозрачностьПоддерживается
Несколько страниц в файлеПоддерживается
КодекVP8 (с потерями) и VP8L (без потерь)
Прозрачностьальфа-канал в обоих режимах
Анимацияподдерживается
Экономия25–35 % против JPEG при равном качестве
Предел размера16 383 × 16 383 пикселя
Чем открытьGoogle Chrome, Microsoft Edge, Mozilla Firefox, GIMP, Adobe Photoshop 23 и новее, IrfanView, XnView MP
СпецификацияОписание формата
Всё о формате WebP