GIF и PNG: два формата без потерь с разными ограничениями
GIF и PNG хранят пиксели, не отбрасывая детали, поэтому перевод GIF в PNG может быть абсолютно точным. Различаются они тем, что способны вместить, и именно это определяет, когда переход оправдан.
Цвета: палитра в обоих случаях
Кадр GIF может содержать не более 256 цветов, собранных в палитру. PNG тоже умеет хранить палитру — или полный цвет с миллионами оттенков. Поскольку в кадре GIF никогда не бывает больше 256 цветов, этот инструмент по возможности сохраняет PNG с палитрой: каждый пиксель остаётся идентичным, а файл — компактным.
Прозрачность: «есть или нет» против 256 уровней
Пиксель GIF либо полностью прозрачный, либо полностью непрозрачный; пиксель PNG может быть любым в промежутке. Это главная причина, по которой дизайнеры переводят графику из GIF в PNG: при дальнейшей правке можно делать плавные мягкие края. Сама конвертация сохраняет края ровно такими, какими их нарисовал GIF.
Анимация
GIF анимируется, а стандартный PNG — нет. Поэтому конвертировать GIF в PNG означает выбрать один кадр или сохранить каждый кадр отдельным PNG. Оба варианта доступны в один клик в инструменте выше.
Почему кадр, вынутый из GIF напрямую, выглядит сломанным
Если вы пробовали другой инструмент и получили почти пустой кадр или кадр, где видна лишь пара моргающих глаз, — GIF не повреждён. Именно так анимированные GIF экономят место.
Большинство кадров — заплатки
Первый кадр анимированного GIF обычно содержит полную картинку. Последующие кадры часто хранят только изменившийся прямоугольник, а всё остальное берут из того, что уже на экране. Взятый отдельно, такой кадр — небольшая заплатка на пустом фоне.
Что будет дальше, решает метод удаления
Каждый кадр также указывает, что сделать с его областью перед отрисовкой следующего:
Оставить
Кадр остаётся, а следующий рисуется поверх. Это самый распространённый вариант.
Очистить
Область стирается до прозрачности — так устроены спрайты, движущиеся по пустому фону.
Вернуть предыдущую картинку
Область возвращается к виду, который был до показа кадра, — так устроены короткие вспышки и всплывающие элементы.
Перед сохранением этот конвертер проигрывает кадры с 1-го по n-й по этим правилам, поэтому PNG показывает ровно ту картинку, которую браузер отображал в этот момент.
Как конвертировать GIF в PNG за 3 шага
Перетащите GIF-файлы
Перетащите один или несколько GIF в область с пунктирной рамкой или нажмите, чтобы выбрать файлы. Подходят и статичные, и анимированные GIF, и ничего не загружается на сервер.
Выберите кадр
Для анимированного GIF появится лента кадров: нажмите на нужный. Чтобы сохранить всю анимацию в виде отдельных изображений, переключите «Кадры» на «Все кадры (ZIP)».
Скачайте PNG
Нажмите «Скачать», чтобы получить один PNG, или скачайте ZIP с пронумерованным PNG для каждого кадра. Несколько GIF можно скачать вместе одним ZIP.
Перетащите один или несколько GIF.
Выберите кадр на ленте или вариант «Все кадры (ZIP)».
Скачайте PNG или ZIP со всеми кадрами.
GIF в PNG с прозрачностью: что переносится, а что нет
Прозрачные пиксели GIF остаются прозрачными и в PNG. Удивляет людей другое — край вокруг вырезанной фигуры.
Откуда берётся светлый ореол
Поскольку в GIF нет частичной прозрачности, программа, экспортировавшая GIF, смешала сглаженный край с цветом фона — обычно белым. На белой странице край выглядит гладким. На тёмном фоне эти смешанные пиксели проявляются тонким светлым контуром.
Почему конвертация его не убирает
Ореол «запечён» в цвета пикселей. Конвертация GIF в PNG точно копирует эти пиксели, так что ореол переходит вместе с ними. Чтобы получить чистый край, заново экспортируйте изображение в PNG из исходного файла или размещайте PNG на фоне, близком к цвету, под который делался GIF.
Быстрая проверка
Откройте результат в предпросмотре: шахматная сетка за изображением точно показывает, какие пиксели прозрачны.
Будет ли PNG больше, чем GIF?
Обычно размер остаётся примерно тем же, иногда даже меньше. Всё зависит от того, как упакован PNG.
PNG с палитрой против 32-битного PNG
Многие конвертеры сохраняют каждый кадр как 32-битный PNG — по четыре байта на пиксель. Для картинки в 256 цветов это расточительно и часто делает файл в два–четыре раза больше. Этот инструмент использует PNG с палитрой — один байт на пиксель, и сжатие PNG нередко не уступает сжатию GIF или превосходит его.
Когда PNG всё же растёт
GIF, сделанные из фото или видео, используют плотный дизеринг — мелкий шум из точек, имитирующий дополнительные цвета. Шум плохо сжимается в любом формате без потерь. Если ваш исходник — такой GIF и вам нужна только картинка, чтобы поделиться, конвертация GIF в JPG даст гораздо меньший файл.
GIF и PNG: краткое сравнение
| GIF | PNG | |
|---|---|---|
| Сжатие | Без потерь (LZW) | Без потерь (Deflate) |
| Цвета | До 256 на кадр | Палитра или миллионы |
| Прозрачность | Есть или нет для каждого пикселя | 256 уровней на пиксель |
| Анимация | Да | Нет (стандартный PNG) |
| Лучше всего для | Короткие циклы, простые анимации | Логотипы, иконки, скриншоты, изображения для правки |
Когда стоит конвертировать GIF в PNG
Конвертация оправдана всякий раз, когда нужно статичное изображение с чёткими краями и прозрачностью.
Веские причины для конвертации
- Превратить один кадр GIF-реакции в стикер, эмодзи или аватар.
- Использовать старый логотип или иконку в формате GIF в документе, презентации или приложении, где удобнее PNG.
- Сохранить пиксель-арт покадрово для редактирования.
- Вытащить чистый скриншот из GIF с записью экрана.
Когда лучше оставить GIF
Если смысл в движении, оставьте GIF: PNG — это одно статичное изображение. А если для сайта нужны все кадры длинной анимации, видеоформат обычно легче сотен PNG.
Что делать после конвертации GIF в PNG
Чтобы ещё уменьшить PNG, пропустите его через сжатие PNG. Для веба конвертация PNG в WebP сохранит прозрачность в ещё более лёгком файле, а изменение размера фото или обрезка фото подгонят его точно под размер, который требует сайт.
Нужен кадр, который лучше подходит для фото? Посмотрите GIF в JPG. Все остальные пары форматов собраны в конвертере изображений.