Конвертер файлов
Конвертер SVG в PNG
Конвертируйте SVG в PNG онлайн бесплатно
- Загрузить
- Выбрать формат
- Скачать
Загрузка файлов
Перетащите файлы сюда
или
Файлы SVG. До 5 МБ, до 20 файлов за раз. Изображение можно вставить из буфера обмена: Ctrl+V.
Вектор превращается в пиксели: результат перестаёт масштабироваться без потерь, поэтому размер задавайте с запасом. Прозрачный фон сохраняется, текст рисуется шрифтами сервера — если шрифт нестандартный, переведите надписи в кривые заранее.
Загруженные файлы и результаты конвертации удаляются с сервера через час. Предельный размер файла — 5 МБ, срок хранения — час.
Зачем переводить SVG в PNG
SVG — это инструкции для рисования, а не готовая картинка, и многие программы их не понимают: соцсети, почтовые рассылки, маркетплейсы, старые версии офисных пакетов. PNG понимают все, а прозрачный фон при этом сохраняется. Главное — заранее решить, какого размера нужна картинка: растянуть готовый PNG без потерь уже не получится.
При конвертации вектор растеризуется: кривые превращаются в пиксели с заданной плотностью. Задайте ширину или высоту в настройках либо выберите разрешение: 72–96 точек на дюйм соответствуют размерам, прописанным в самом файле, 150 дают полуторный запас, 300 годятся для печати. Для экранов с высокой плотностью точек берите двойной размер: логотип, который в макете занимает 200 пикселей, выгружайте на 400.
Текст в SVG остаётся текстом и рисуется шрифтом, который есть на сервере. Если в макете использован фирменный или редкий шрифт, надпись подменится другим и «поедет». Надёжный способ этого избежать — заранее перевести текст в кривые: в Inkscape это «Контур» → «Оконтурить объект» (Shift+Ctrl+C), в Illustrator — «Текст» → «Преобразовать в кривые» (Shift+Ctrl+O).
Прозрачный фон переносится в PNG как есть, поэтому логотип можно класть на любую подложку. Внешние картинки, подключённые в SVG по ссылке, не подгружаются: из соображений безопасности сервер не ходит в интернет за содержимым файла — такие изображения нужно вставлять внутрь документа. Скрипты и анимация не выполняются, вы получите статичный кадр.
Как конвертировать SVG в PNG
Шаг 1
Загрузите SVG
Перетащите файл в зону загрузки или выберите его кнопкой. Можно отправить сразу несколько иконок одного набора.
Шаг 2
Выберите размер результата
Укажите ширину в пикселях или разрешение в точках на дюйм. Это единственная настройка, которая действительно влияет на итог, — задайте её осознанно.
Шаг 3
Запустите отрисовку
Вектор растеризуется на сервере, прозрачность сохраняется. Обычная иконка обрабатывается мгновенно, сложная иллюстрация — за секунду-другую.
Шаг 4
Проверьте и скачайте
Посмотрите на результат: на месте ли надписи и не размылись ли тонкие линии. При необходимости повторите с большим размером.
Что обычно спрашивают
Какой размер выбрать?
Отталкивайтесь от места, где картинка будет жить. Для сайта — ширина блока, умноженная на два, чтобы изображение осталось резким на экранах Retina. Для печати — разрешение 300 точек на дюйм.
Сохранится ли прозрачный фон?
Да, PNG хранит альфа-канал полностью. Если в SVG фон не был задан явно, он останется прозрачным и в готовой картинке.
Почему в результате другой шрифт?
Надписи рисуются шрифтами, установленными на сервере, а фирменных гарнитур там нет. Переведите текст в кривые в своём редакторе до конвертации — тогда буквы станут обычными контурами и отрисуются точно.
Можно ли потом вернуть PNG обратно в SVG?
Настоящий вектор восстановить нельзя. Есть трассировка — обводка контуров по яркости, она подходит для логотипов и штриховых рисунков, но не воспроизводит исходный файл.
Что будет с анимацией в SVG?
Она не сохранится: PNG хранит одну неподвижную картинку. Сервер отрисовывает документ в исходном состоянии, скрипты при этом не выполняются.
Чем различаются SVG и PNG
Что такое SVG
Векторная графика в виде XML: масштабируется без потери качества, правится как текст и работает прямо в браузере.
| Полное название | Scalable Vector Graphics |
|---|---|
| Разработчик | W3C |
| Год появления | 2001 |
| Расширение | .svg |
| MIME-тип | image/svg+xml |
| Содержимое | Текстовое |
| Сжатие | Без потерь |
| Прозрачность | Поддерживается |
| Несколько страниц в файле | Нет |
| Тип графики | векторная, разметка XML |
| Масштабирование | без потери качества |
| Возможности | прозрачность, градиенты, фильтры, анимация, CSS |
| Размер | единицы килобайт для иконок |
| Осторожно | файл может содержать скрипты |
| Чем открыть | любой браузер, Inkscape, Adobe Illustrator, Figma, CorelDRAW, текстовый редактор |
| Спецификация | Описание формата |
Что такое PNG
Растровый формат со сжатием без потерь и полноценным альфа-каналом — стандарт для графики, скриншотов и логотипов.
| Полное название | Portable Network Graphics |
|---|---|
| Разработчик | PNG Development Group, спецификация — W3C |
| Год появления | 1996 |
| Расширение | .png |
| MIME-тип | image/png |
| Содержимое | Двоичное |
| Сжатие | Без потерь |
| Прозрачность | Поддерживается |
| Несколько страниц в файле | Нет |
| Сжатие | без потерь (Deflate и фильтры строк) |
| Прозрачность | альфа-канал, 256 уровней |
| Глубина цвета | до 16 бит на канал |
| Анимация | через расширение APNG |
| Сильная сторона | скриншоты, логотипы, графика с текстом |
| Чем открыть | Просмотр фотографий Windows, Фото (macOS), Adobe Photoshop, GIMP, Paint.NET, любой браузер |
| Спецификация | Описание формата |