Как конвертировать SVG в PNG
- Перетащите один или несколько файлов
.svgв область загрузки. - Укажите в поле Ширина (px) ширину PNG в пикселях (по умолчанию
1024). Высота рассчитывается по пропорциям SVG. - Нажмите Конвертировать в PNG и скачайте изображения.
Отрисовка выполняется в вашем браузере, поэтому ваши логотипы и иллюстрации никогда не загружаются на сервер и не хранятся.
Вектор или растр: зачем конвертировать SVG в PNG?
SVG (Scalable Vector Graphics) описывает изображение фигурами, контурами и текстом в XML. Поскольку оно состоит из математических инструкций, а не из пикселей, оно остаётся идеально чётким в любом размере и отлично подходит для логотипов, значков и иллюстраций на сайтах.
PNG — растровый формат: фиксированная сетка пикселей со сжатием без потерь и полной поддержкой прозрачности. Во многих местах SVG не принимают вовсе, например:
- Аватары и публикации в соцсетях
- Microsoft Word, PowerPoint и многие почтовые клиенты
- Магазины приложений, маркетплейсы и многие онлайн-формы
- Некоторые графические редакторы и старые программы
Конвертация в PNG даёт файл, который откроется где угодно, и при этом сохраняет чёткие края и прозрачный фон.
Как выбрать нужную ширину
Поскольку SVG можно отрисовать в любом размере без потери качества, выбирайте ту ширину, которая вам действительно нужна. PNG будет ровно такой ширины в пикселях.
| Назначение | Рекомендуемая ширина |
|---|---|
| Фавикон или маленький значок | 64–512 px |
| Логотип сайта (в том числе для экранов высокой плотности) | В 2 раза больше отображаемой ширины, например 400–600 px |
| Изображение для соцсетей или слайд презентации | 1080–1920 px |
| Печать (300 DPI) | Ширина печати в дюймах × 300, например 1500 px для 5 дюймов |
Советы и ограничения
- Прозрачность сохраняется. Участки без заливки остаются прозрачными в PNG.
- Добавьте viewBox. SVG с атрибутом
viewBoxправильно масштабируются до любой ширины. Файлы только с фиксированными шириной и высотой или вообще без них могут отрисоваться в неожиданном размере. - Внешние ресурсы не загружаются. Из соображений безопасности браузеры не загружают внешние шрифты, изображения или таблицы стилей, на которые ссылается SVG, отрисовываемый как изображение. Перед конвертацией преобразуйте текст в кривые в своём графическом редакторе или встройте шрифты и изображения.
- Анимации и интерактивные скрипты в SVG не сохраняются; вы получите один статичный кадр.
Часто задаваемые вопросы
Не будет ли PNG размытым?
Нет, если выбрать ширину не меньше той, в которой изображение будет показываться. SVG отрисовывается сразу в выбранной ширине, поэтому увеличения растра не происходит.
Почему в PNG неправильные шрифты?
Скорее всего, SVG ссылается на веб-шрифт или шрифт, установленный на вашем компьютере. Перед экспортом SVG преобразуйте текст в контуры (кривые) в своём графическом редакторе.
Можно ли конвертировать несколько файлов SVG сразу?
Да. Все выбранные файлы отрисовываются с одинаковой шириной.
Обновлено