Skip to content
fileGOD
Советы по изображениям4 min чтения

Как конвертировать SVG в PNG без потери качества

fileGOD Team

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

SVG против PNG: В чём разница?

  • SVG (Scalable Vector Graphics) — векторный формат. Он описывает изображения, используя математические пути, формы и координаты. Это означает, что SVG можно масштабировать до любого размера, от крошечного фавикона до билборда, без потери резкости. Файлы SVG обычно очень малы по размеру для простой графики.
  • PNG (Portable Network Graphics) — растровый формат. Он хранит изображения как сетку цветных пикселей. PNG имеют фиксированное разрешение, поэтому масштабирование их выше их оригинальных пиксельных размеров делает их размытыми. Однако PNG универсально поддерживаются и работают везде.

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

Существует несколько распространённых причин для такой конвертации:

  • Совместимость платформ. Многие платформы (социальные сети, почтовые клиенты, редакторы документов) не отображают файлы SVG. PNG принимается везде.
  • Консистентное отображение. SVG могут выглядеть по-разному в разных браузерах, если используют продвинутые функции или пользовательские шрифты. Конвертация в PNG фиксирует точный внешний вид.
  • Презентации и документы. PowerPoint, Google Slides и Word работают с PNG более надёжно, чем с SVG.
  • Генерация фавиконов и иконок приложений. Хотя SVG фавиконы существуют, многие контексты всё ещё требуют PNG определённых пиксельных размеров.

Выбор правильного масштаба

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

  • 1x масштаб: Экспорт в размере viewport SVG по умолчанию. Если SVG определён как 200x200, вы получите PNG 200x200. Подходит для небольшой веб-графики.
  • 2x масштаб: Удваивает размеры (400x400 из того же SVG). Идеально для ретина дисплеев и экранов высокого DPI, где стандартное разрешение выглядит мягко.
  • 4x масштаб: Увеличивает размеры в четыре раза (800x800). Используйте это, когда нужна высокая разрешённая версия для печати, большого дисплея или когда хотите дополнительные детали для работы.

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

Как конвертировать с fileGOD

Конвертер SVG в PNG на fileGOD делает это просто:

  • Шаг 1: Откройте инструмент SVG в PNG.
  • Шаг 2: Перетащите ваш SVG файл в область загрузки.
  • Шаг 3: Выберите желаемый масштаб (1x, 2x или 4x).
  • Шаг 4: Скачайте высококачественный PNG.

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

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

Похожие руководства