Назад

SVG в PNG

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

Как SVG превращается в PNG

Преобразуйте векторную графику в растровые PNG-файлы с нужным размером, фоном и масштабом.

1

Загрузите свой SVG

Предоставьте SVG-файл — логотип, иконку или иллюстрацию — или сразу несколько файлов.

2

Задайте размер результата

Выберите ширину и высоту в пикселях или коэффициент масштабирования (2x, 3x), а также прозрачный или сплошной фон.

3

Инструмент создаёт PNG

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

4

Скачайте свой PNG

Получите PNG — или весь пакет — готовый для загрузки или вставки везде, где нужно растровое изображение.

Кто конвертирует SVG в PNG

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

Дизайнеры и разработчики

Экспортируйте векторные логотипы и иконки в PNG для платформ и приложений, не поддерживающих SVG.

Маркетологи и специалисты по социальным сетям

Превратите SVG-актив бренда в PNG для писем, рекламы и постов в соцсетях, где векторы не принимаются.

Любой, кому дали SVG

Получите готовый к использованию файл изображения без открытия векторного редактора.

Советы для чёткого экспорта SVG в PNG

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

01

Экспортируйте в самом большом нужном размере

PNG имеет фиксированное разрешение — отрисуйте сразу в крупном размере, поскольку увеличение PNG позже приводит к размытию.

02

Укажите прозрачный или сплошной фон

Прозрачность сохраняется по умолчанию; укажите цвет фона, если хотите его вместо этого.

03

Используйте коэффициенты масштабирования для retina

Запросите 2x или 3x, чтобы получить чёткие экспортированные файлы для дисплеев с высокой плотностью пикселей.

04

Обработайте пакетом весь набор иконок

Загрузите несколько SVG и один размер, чтобы экспортировать согласованный набор за раз.

05

Сначала внедрите шрифты

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

06

Уплощите внешние изображения

SVG, ссылающиеся на внешние изображения, должны иметь эти изображения внедрёнными перед конвертацией.

Что ожидать от конвертации SVG в PNG

Проверьте качество результата, дальнейшие проверки и ожидания по загрузке для SVG в PNG.

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

Пример: Ввод: SVG-логотип с прозрачным фоном и viewBox 512x512. Вывод: экспорт PNG в масштабах 1x, 2x и 4x с сохранённой прозрачностью и чёткими краями. Подходит для иконок приложений, ресурсов сайта, аватаров в социальных сетях и совместимости с инструментами, которые не принимают SVG.

Заметки о рендеринге SVG

Изучите этот раздел, если исходные данные касаются: размера выходного файла, коэффициента масштабирования, прозрачного фона и настроек viewBox, влияющих на чёткость.

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

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

Что делает конвертер SVG в PNG?

Он берёт SVG — масштабируемый векторный файл, состоящий из форм и путей, — и рендерит его в PNG, растровое изображение из пикселей, с фиксированным разрешением, которое вы выбираете. Это полезно, когда нужно именно изображение, а не вектор.

Зачем конвертировать SVG в PNG?

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

Могу ли я выбрать размер выходного файла?

Да — укажите ширину и высоту в пикселях или коэффициент масштабирования, например 2x или 3x. Так как SVG векторный, он масштабируется без потерь, поэтому вы можете экспортировать большой чёткий PNG без размытости, которая возникает при увеличении фотографии.

Сохраняется ли прозрачность?

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

Можно ли конвертировать несколько SVG сразу?

Да — предоставьте партию файлов и укажите размер, и каждый будет отрендерен в отдельный PNG. Это удобно для экспорта целого набора иконок или папки с графикой за один раз.

Будет ли PNG таким же чётким, как SVG?

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

Что если мой SVG использует кастомные шрифты или внешние изображения?

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

Готовы создавать?

Зарегистрируйтесь бесплатно и поручите AI-агентам ваши задачи — от быстрых операций до полноценных рабочих процессов, прямо в браузере, без настройки.

Начать бесплатно