Переводите векторные SVG-файлы в растровые PNG-изображения с идеальной прозрачностью. Отлично для веб-дизайна.
Конфиденциальность прежде всего
Файлы никогда не покидают ваш браузер
Без загрузки на сервер
Обработка происходит локально на вашем устройстве
Когда SVG — неправильный выбор
SVG — мощный формат, но у него есть жёсткие ограничения по совместимости. Вот конкретные сценарии, в которых конвертация в PNG обязательна:
Социальные сети и мессенджеры. VK, Telegram, Instagram, WhatsApp не отображают SVG. Попытка отправить векторный файл приведёт к ошибке или пустому вложению.
Email-рассылки. Почтовые клиенты (Outlook, Gmail, Mail.ru) блокируют SVG по соображениям безопасности — формат может содержать исполняемый JavaScript.
Маркетплейсы и торговые площадки. Wildberries, Ozon, Amazon требуют JPG или PNG для изображений товаров.
Офисные документы. Word и Google Docs могут отображать SVG некорректно, особенно при экспорте в PDF.
Рабочий стол и фавиконы. Хотя современные браузеры поддерживают SVG-фавиконы, Windows и Android-системы предпочитают PNG.
Если ваш файл будет использоваться хотя бы в одном из этих контекстов — конвертация неизбежна.
Что происходит с изображением при конвертации
SVG хранит данные как математические описания: координаты точек, кривые Безье, градиенты, трансформации. PNG — это сетка пикселей. При конвертации рендерер «рисует» векторную графику на виртуальном холсте фиксированного размера и сохраняет результат попиксельно.
Это означает три важных вещи:
Разрешение выбирается один раз. Если вы экспортировали PNG шириной 512 пикселей, увеличить его до 2048 без потери качества уже нельзя. В отличие от SVG, который масштабируется бесконечно, растр фиксирован.
Прозрачность зависит от настроек. Корректный конвертер сохранит альфа-канал. Некоторые онлайн-инструменты по умолчанию заливают фон белым цветом — это частая проблема.
Сложные эффекты могут отличаться. SVG-фильтры (blur, drop-shadow, feGaussianBlur), смешивание слоёв и маски не всегда воспроизводятся пиксель-в-пиксель при рендеринге. Это зависит от движка конвертера.
Именно поэтому важно использовать инструмент, который даёт контроль над разрешением и корректно обрабатывает прозрачность и сложные SVG-элементы.
Онлайн-конвертер или desktop-приложение — что выбрать
Для разовых конвертаций, быстрых задач и работы с небольшими файлами онлайн-инструмент — оптимальный выбор. Для пакетной обработки сотен файлов или работы с нестандартными SVG (анимация, скрипты, внешние зависимости) лучше подойдёт desktop-решение вроде Inkscape или Illustrator.
Pixes.app работает прямо в браузере и обрабатывает файлы локально — изображения не покидают ваше устройство. Это решает главный аргумент против онлайн-конвертеров — конфиденциальность.
Какое разрешение выбрать для PNG
Разрешение — единственный параметр, который полностью определяет качество итогового PNG. Вот конкретные рекомендации:
Иконки для веба (16×16 — 64×64). Экспортируйте в 2x или 3x для ретина-дисплеев. Иконка 32px → экспорт 64px или 96px.
Иллюстрации для блога (ширина 800–1200px). Экспортируйте в размере, соответствующем максимальной ширине контейнера. Сжатие можно выполнить отдельно через png-compressor.
Логотипы для печати. Минимум 300 dpi. Логотип шириной 10 см в печати → минимум 1181 пиксель в ширину.
Превью для соцсетей. 1200×630 px (OG-изображение) или 1080×1080 px (квадратный пост).
Если сомневаетесь — экспортируйте в большем разрешении. Уменьшить PNG без потери качества всегда проще, чем увеличить.
Типичные ошибки при экспорте SVG в PNG
1. Потеря прозрачности. Самая частая проблема. Многие конвертеры по умолчанию ставят белый фон. Всегда проверяйте настройки и убедитесь, что альфа-канал сохраняется. Если прозрачность не критична, убедитесь, что фон намеренно задан, а не добавлен случайно.
2. Недостаточное разрешение. Конвертация «как есть» без указания масштаба часто даёт файл с размером viewBox, который может быть 100×100 пикселей для иконки. Такой PNG размоется при увеличении.
3. Обрезка содержимого. Если элементы SVG выходят за границы viewBox, они могут быть обрезаны при рендеринге. Проверьте исходный файл: атрибут overflow на корневом элементе должен быть visible или viewBox должен покрывать всю графику.
4. Шрифты не встроены. Если SVG содержит текст с кастомным шрифтом, а шрифт не встроен в файл, рендерер подставит системный. Решение: переведите текст в кривые (outline) перед конвертацией или убедитесь, что шрифт встроен.
5. Неправильный цветовой профиль. SVG обычно работает в sRGB. Если целевое устройство или приложение использует другой профиль, цвета могут сместиться. Для веба это редко проблема, но для печати — важно.
Что делать после конвертации: оптимизация PNG
PNG, полученный из SVG, часто оказывается тяжелее, чем ожидалось. Виной тому — высокое разрешение и тот факт, что PNG использует сжатие без потерь. Файл иллюстрации 2048×2048 может весить 2–5 МБ.
Перед публикацией имеет смысл оптимизировать файл:
Сжатие PNG через алгоритмы вроде zopfli или pngquant может уменьшить размер на 30–70% без видимой деградации. Pixes.app предлагает инструмент PNG Compressor, который делает это за один клик.
Конвертация в JPG — если прозрачность не нужна, JPG даст значительно меньший размер за счёт сжатия с потерями. Для фотографий и сложных иллюстраций это часто лучший выбор. Инструмент SVG to JPG позволяет выполнить конвертацию напрямую, минуя промежуточный PNG.
Выбор между оптимизированным PNG и JPG зависит от содержимого: графика с ровными краями и плоскими цветами лучше смотрится в PNG, фотографии и текстуры — в JPG.
Альтернативные сценарии: когда конвертировать SVG не нужно
Прежде чем конвертировать, убедитесь, что формат действительно не подходит. SVG остаётся лучшим выбором в следующих случаях:
Иконки и простая графика на сайте. Браузеры прекрасно рендерят SVG, а файл весит в разы меньше растрового аналога.
Адаптивные изображения. SVG автоматически подстраивается под любой размер экрана без потери качества — никаких @2x/@3x не нужно.
Анимированная графика. CSS-анимация и SMIL работают только с SVG.
Если же ваш SVG-файл оптимизирован и весит слишком много, перед конвертацией имеет смысл сначала оптимизировать SVG — это может сократить размер файла на 40–60% и избавить от необходимости конвертировать.
Конвертация нужна только тогда, когда принимающая сторона физически не поддерживает SVG. Во всех остальных случаях вектор — более гибкое решение.
Сохраняется ли прозрачность при конвертации SVG в PNG?
Да, при корректной конвертации альфа-канал сохраняется полностью. На Pixes.app прозрачность включена по умолчанию. Проблемы возникают только с конвертерами, которые автоматически заливают белый фон.
Почему итоговый PNG выглядит размытым?
Скорее всего, конвертация выполнена в низком разрешении. SVG масштабируется бесконечно, но PNG фиксирован по пикселям. Увеличьте множитель разрешения до 2x или 3x — это даст чёткое изображение на ретина-экранах.
Можно ли конвертировать SVG с анимацией в PNG?
PNG — статичный формат. При конвертации будет сохранён только один кадр анимации (обычно начальное состояние). Для сохранения анимации нужен формат GIF, APNG или видео.
Безопасно ли использовать онлайн-конвертер для конфиденциальных файлов?
Зависит от сервиса. Pixes.app обрабатывает файлы полностью в браузере пользователя — данные не передаются на сервер. Это обеспечивает полную конфиденциальность даже для коммерческих и конфиденциальных файлов.