SVG в PNG v1.0

Конвертер SVG в PNG превращает векторную графику в растровое изображение с прозрачным фоном и разрешением, которое вы выбираете сами, вплоть до 4096 пикселей по длинной стороне. Слабое место почти всех бесплатных сервисов в том, что они берут размер, записанный внутри файла, а он часто не имеет отношения к реальности: логотип, нарисованный для широкого баннера, вполне может быть объявлен как 64 × 64. DocPivot делает выбор разрешения явным шагом и пересчитывает изображение заново из векторных контуров, поэтому мелкая иконка из макета становится по-настоящему чётким PNG, а не размытым увеличением.

Обзор конвертера SVG в PNG от DocPivot

Основная функциональность

Инструмент растрирует векторный файл SVG в формат PNG прямо в браузере, без загрузки на сервер. Вы выбираете одно из трёх разрешений (1200, 2048 или 4096 пикселей по длинной стороне), после чего браузер отрисовывает контуры заново именно под этот размер. Прозрачность сохраняется полностью: альфа-канал переносится в PNG без подстановки белого фона. За один проход обрабатывается до 30 файлов, результат приходит одним изображением или ZIP-архивом.

Кому нужен этот инструмент

Чаще всего конвертация нужна дизайнерам, селлерам маркетплейсов, SMM-специалистам и разработчикам, которым векторный логотип требуется отдать в среду, не понимающую SVG. Wildberries, Ozon, Авито, Яндекс Директ, VK, презентации в PowerPoint и документы в Word принимают растр, а не вектор. Отдельная категория пользователей: подрядчики, которым брендбук прислали в SVG, а нужен готовый PNG для макета. Если требуется другой растровый формат, подойдёт конвертация SVG в JPG.

Проблема и решение

Типичная ошибка выглядит так: селлер конвертирует фирменный знак онлайн-сервисом, получает PNG размером 64 × 64 и вставляет его в инфографику карточки, где знак растягивается до 400 пикселей и рассыпается на квадраты. Причина не в качестве исходника, а в том, что сервис принял декларированный размер за целевой. Явный выбор разрешения снимает проблему: тот же файл отдаёт 2048 или 4096 пикселей чистых контуров. Для веб-графики с той же логикой работает конвертация SVG в WebP.

Основные преимущества конвертера SVG в PNG

• Три реальных разрешения: 1200, 2048 и 4096 пикселей по длинной стороне. Это не проценты от неизвестного исходника, а конкретные числа, которые видно до нажатия кнопки.
• Пересчёт из контуров, а не увеличение: при выборе 4096 растеризатор проходит по путям заново. Отрисовка один раз в 2048 с последующим растягиванием дала бы мягкие края.
• Прозрачность остаётся нетронутой: альфа-канал переносится в PNG как есть, логотип ложится на любой фон без белой подложки вокруг.
• Ничего не уходит на сервер: обработка идёт в браузере, файл не покидает устройство. Для неопубликованного айдентика и макетов под NDA это принципиально.
• Пакет до 30 файлов: целый набор иконок конвертируется за один проход и скачивается архивом.
• Без регистрации и дневных лимитов: типичный бесплатный конвертер ограничивает 25 файлами в сутки, здесь ограничения нет.
• Оптимизированный вес: PNG проходит через oxipng, так что файл получается компактнее обычного экспорта. Если нужно ужать результат сильнее, поможет сжатие изображений.
• Точные размеры в отчёте: карточка результата показывает итоговое разрешение в пикселях, а не абстрактное «готово». Дальше файл можно перевести через конвертацию PNG в JPG, если площадка не принимает прозрачность.

Ключевые функции конвертера

• Растеризация под выбранный размер: SVG загружается в элемент изображения и отрисовывается на холсте сразу в целевом разрешении.
• Обход ограничения браузеров: вместо createImageBitmap используется классическая отрисовка, потому что Chrome и Firefox для SVG через этот интерфейс отвечают отказом на уровне категории, а не ошибкой декодирования.
• Сохранение альфа-канала: прозрачные области не заливаются, фон не подставляется.
• Сжатие через oxipng: уровень усилия подбирается по количеству пикселей, поэтому кадр в 4096 пикселей всё равно собирается за секунды.
• Пакетная обработка: до 30 файлов за раз, одиночный файл сохраняет исходное имя, набор упаковывается в ZIP.
• Работа офлайн после загрузки страницы: вся логика уже в браузере, очередь и ожидание сервера не нужны.
• Предсказуемое соотношение сторон: пропорции исходника не ломаются, ограничение задаётся по длинной стороне. Подогнать кадр под конкретные пропорции площадки поможет изменение размера изображения.
• Совместимость с любой ОС: Windows, macOS, Linux, Android и iOS, требуется только современный браузер.
• Отсутствие ключей и внешних вызовов: никаких API-ключей, никаких обращений к сторонним сервисам во время конвертации.
• Подготовка иконок: квадратный SVG удобно превращать в набор иконок сайта через генератор фавиконов.

Как работает конвертация SVG в PNG в DocPivot

1. Загрузите файлы SVG перетаскиванием или через выбор на устройстве, до 30 штук за раз.
2. Выберите разрешение: 4096 пикселей для печати и больших экранов, 2048 для веба и презентаций, 1200 для писем и документов.
3. Браузер отрисовывает векторные контуры на холсте в выбранном размере, сохраняя прозрачность.
4. Готовый растр записывается в PNG и оптимизируется библиотекой oxipng.
5. Скачайте результат: один файл под исходным именем или ZIP-архив для пакета. Если формат нужно поменять ещё раз, пригодится универсальный конвертер изображений.

Какое разрешение выбрать: 1200, 2048 или 4096 пикселей

Разрешение выбирается по тому, где картинка будет жить, а не по размеру исходного файла. Векторный логотип весом 8 КБ одинаково легко даёт и превью для письма, и полотно для печатного макета, разница только в количестве пикселей на выходе.

Практическое правило простое: берите разрешение примерно вдвое больше того, в котором изображение будет показано. Логотип шириной 500 пикселей на сайте лучше отдать в 1200, чтобы на экранах с высокой плотностью пикселей он остался чётким. Для веба итоговый PNG часто есть смысл дополнительно перевести через конвертацию PNG в WebP, чтобы страница грузилась быстрее.

Когда нужна конвертация SVG в PNG

Конвертация нужна везде, где принимающая система не умеет читать вектор. Таких мест в российском вебе больше, чем кажется, и почти все они связаны с загрузкой файлов через чужой интерфейс.

• Карточки на маркетплейсах: Wildberries и Ozon принимают JPG, PNG и WebP, но не SVG, а разрешение изображения начинается от 700 × 900 пикселей.
• Реклама в Яндекс Директе: система работает с JPG, PNG и GIF, сторона стандартного изображения допускается от 450 до 5000 пикселей, вес до 10 МБ.
• Соцсети и мессенджеры: VK, Telegram и Одноклассники не показывают загруженный вектор так, как задумал дизайнер.
• Офисные документы: старые версии Word и внутренние шаблоны компаний часто ломают вставленный SVG.
• Электронные письма: почтовые клиенты в массе своей игнорируют вектор, растр отображается везде.
• Печатные макеты: типография запросила PNG высокого разрешения вместо исходника.
• Госпорталы и внутренние системы: формы загрузки на Госуслугах и в корпоративных сервисах обычно перечисляют строго растровые расширения.
• Передача подрядчику: нужен файл, который откроется на любом компьютере без графического редактора. Для многостраничных материалов вместо растра иногда логичнее конвертация SVG в PDF.

Исключение стоит помнить одно: если изображение будет жить только на сайте и браузер его поддерживает, вектор лучше оставить вектором. Растр после конвертации уже не масштабируется без потерь.

Примеры использования

Инфографика для карточки Wildberries

Контекст: селлер получил логотип бренда в SVG, а инфографику собирает в редакторе, который вектор не принимает.

• Конвертирует знак в PNG размером 2048 пикселей с прозрачным фоном.
• Накладывает логотип на слайд без белой рамки вокруг контура.
• Собирает набор слайдов под вертикальный формат 3:4.

Результат: карточка проходит модерацию с первого раза, знак остаётся читаемым на телефоне.

Баннер для Яндекс Директа

Контекст: агентство запускает кампанию, исходники бренда пришли только в векторе.

• Растрирует все элементы разом, пакетом до 30 файлов.
• Берёт 2048 пикселей, чтобы уложиться в лимит 5000 пикселей по стороне.
• Добавляет обязательные подписи и при необходимости ставит водяной знак на изображение.

Результат: креативы проходят модерацию, вес каждого файла остаётся заметно ниже 10 МБ.

Печать пригласительных и вывесок

Контекст: типография просит растр в высоком разрешении, потому что её RIP криво читает конкретный SVG.

• Выбирается вариант 4096 пикселей по длинной стороне.
• Контуры отрисовываются заново, поэтому мелкие засечки шрифта не мылятся.
• Лишние поля убираются через обрезку изображения.

Результат: макет уходит в печать без правок, детали знака сохраняются на большом формате.

Иконки для мобильного приложения

Контекст: разработчику нужен набор растровых иконок из общей векторной библиотеки.

• Загружает 30 файлов SVG одним пакетом.
• Получает ZIP-архив с одинаковым разрешением по всем элементам.
• Раскладывает файлы по каталогам сборки без ручного экспорта из редактора.

Результат: подготовка набора занимает минуты вместо часа работы в графическом редакторе.

Почему у файла SVG нет настоящего размера

У векторного файла нет собственного разрешения, есть только координаты фигур и необязательная подсказка о размере. Атрибуты width и height внутри SVG сообщают браузеру желаемый размер отображения, но никак не ограничивают качество: те же кривые можно отрисовать и в 100, и в 10 000 пикселей. Именно поэтому иконка, экспортированная из Figma как 24 × 24, содержит ровно столько же информации, сколько версия, объявленная как 2400 × 2400.

Отсюда растёт главная путаница вокруг конвертации. Часть сервисов молча берёт декларированный размер и выдаёт крошечный PNG, другая часть предлагает выставить DPI, хотя у экранной графики физического размера в дюймах нет вовсе, и итоговое число пикселей приходится считать в уме. Формулировка «оригинальный размер» в интерфейсе конвертера почти всегда означает «размер, который случайно оказался записан в файле».

Подход с фиксированной длинной стороной убирает эту неопределённость. Вы видите конкретное число пикселей заранее и получаете предсказуемый файл независимо от того, что редактор записал в атрибуты. Для набора иконок разного происхождения это особенно заметно: все элементы приходят в едином разрешении, а не в том, какое досталось от исходника.

Честные ограничения инструмента

Шрифты подставляет ваш браузер, а не конвертер. Если SVG ссылается на гарнитуру, которой на устройстве нет, текст отрисуется запасным шрифтом и разойдётся с замыслом дизайнера. Решение стандартное для полиграфии: перед экспортом перевести текст в кривые командой «Convert text to outlines» в Figma, Illustrator или Inkscape. Тогда буквы становятся контурами и не зависят ни от системы, ни от сервера.

Внешние картинки и таблицы стилей, на которые SVG ссылается по ссылке, не подгружаются. Такие фрагменты просто не появятся в результате, поэтому файл лучше собирать самодостаточным, встраивая растровые вставки прямо в разметку через кодирование изображения в Base64. Анимированный или скриптовый SVG сохраняется как один статичный кадр, скрипты при этом не выполняются.

Стоит помнить и о памяти устройства. Квадратный кадр в 4096 пикселей занимает около 67 МБ на холсте ещё до сжатия, и на слабом телефоне пакет из тридцати таких файлов может не поместиться. В подобных случаях выручает разбивка на несколько подходов или выбор варианта в 2048 пикселей. И главное ограничение формата: PNG остаётся растром, дальше без потерь он уже не увеличится, ради чего размер и выбирается осознанно.

Часто задаваемые вопросы