Как конвертировать SVG в PNG (сохранить чёткость и прозрачность)

SVG — лучший формат в вебе для логотипов, иконок и иллюстраций: это вектор, масштабируется до любого размера без потери чёткости, а файлы крошечные. Но стоит выйти за пределы браузера — и SVG начинает подводить. Его нельзя вставить в большинство презентаций, загрузить как аватар в социальных сетях, прикрепить к документу, ожидающему растровое изображение, или использовать в приложениях, которые просто не понимают векторы. Решение — конвертировать SVG в PNG: универсальный растровый формат, работающий везде.

Конвертер SVG в PNG от BrowseryTools делает это в вашем браузере: вставьте или загрузите SVG, выберите разрешение и скачайте чёткий PNG. Без загрузки на сервер, без аккаунта, без водяного знака. Это руководство объясняет, когда нужна конвертация, как выбрать правильное разрешение и как сохранить прозрачный фон.

Как конвертировать SVG в PNG (пошагово)

1. Откройте конвертер. Перейдите на страницу «SVG в PNG».
2. Добавьте SVG. Загрузите файл или вставьте исходный SVG-код. Он читается локально в вашем браузере.
3. Выберите размер. Задайте ширину и высоту в пикселях или масштабный коэффициент. Поскольку SVG — вектор, его можно растеризовать в любом разрешении — это ключевое преимущество.
4. Сохраните прозрачность при необходимости. PNG поддерживает прозрачный фон, поэтому логотип без подложки останется прозрачным в экспорте.
5. Скачайте. Сохраните PNG. Векторный оригинал остаётся неизменным.

Главное, что нужно сделать правильно: разрешение

Именно здесь большинство конвертаций SVG→PNG идут не так. У вектора нет фиксированного размера в пикселях — это математика. При растеризации вы решаете, сколько пикселей будет в изображении, и после сохранения в PNG эти пиксели зафиксированы. Экспортируете слишком малым — при большем отображении будет выглядеть угловато; PNG нельзя масштабировать вверх без размытия.

Правило: растеризуйте в наибольшем размере, в котором планируете отображать, или больше. Для логотипа, который может появиться на экране с высоким DPI, экспортируйте в 2× или 3× от отображаемого размера. Иконка 200×200, показываемая на дисплее с высокой плотностью, должна экспортироваться в 400×400 или 600×600 для сохранения чёткости. Хранение дёшево; размытый логотип — нет.

Когда конвертировать SVG в PNG (и когда не стоит)

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

Оставьте SVG, когда: используете его на сайте или в приложении, рендерящем векторы. В вебе SVG остаётся идеально чётким при любом масштабе и плотности экрана, файл обычно меньше, его можно стилизовать и анимировать через CSS. Конвертация веб-логотипа в PNG лишает всех этих преимуществ. Подробнее о возможностях SVG — в нашем полном руководстве по SVG-файлам.

Прозрачный фон против сплошного

SVG часто не имеют фона — холст прозрачный. PNG сохраняет эту прозрачность, поэтому логотип будет чисто смотреться поверх любого цвета. Если же нужна сплошная подложка (например, белый квадрат для фото профиля, не допускающего прозрачности), совместите с цветом фона при конвертации. Другой универсальный растровый формат — JPG — вообще не поддерживает прозрачность, что является ещё одной причиной выбирать PNG для графики с прозрачными областями.

Зачем конвертировать в браузере?

SVG — это обычный текст, который может содержать встроенные скрипты, поэтому загрузка SVG на сервер может быть проблемой безопасности. Конвертация локально в браузере означает, что файл рендерится вашим собственным устройством и никуда не загружается. Ваш логотип, фирменные материалы и любые встроенные данные остаются на вашем устройстве. К тому же это быстрее: нет ожидания загрузки, нет очереди, нет серверного запроса. Этот подход «локальное прежде всего» лежит в основе каждой утилиты BrowseryTools — подробнее в статье почему браузерные инструменты защищают конфиденциальность данных.

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

PNG будет размытым?Нет, если экспортировать при достаточно высоком разрешении. Растеризуйте в наибольшем размере отображения, в идеале 2× для экранов с высоким DPI.

PNG сохранит прозрачный фон? Да. PNG поддерживает прозрачность, поэтому логотип без фона останется прозрачным.

Можно ли конвертировать PNG обратно в SVG? Не точно. Преобразование растра в вектор требует трассировки и работает хорошо только для простых форм. Сохраняйте исходный SVG.

Конвертация бесплатна? Да — без аккаунта, без водяного знака, без ограничений по размеру.

Файл загружается куда-нибудь? Нет. SVG рендерится локально в вашем браузере.

Конвертируйте сейчас

Откройте конвертер SVG в PNG, задайте выходной размер и скачайте чёткую растровую копию вектора. Если нужно изменить размер, обрезать или добавить водяной знак — прочитайте руководство по кадрированию и добавлению водяных знаков онлайн, а чтобы разобраться в самом векторном формате — читайте полное руководство по SVG.