Конвертировать SVG в PNG или JPG онлайн

Что это за инструмент?

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

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

Зачем его использовать?

• Любое разрешение из одного источника: от фавикона размером 256 пикселей до графического файла для печати размером 2048 пикселей — все с идеальной точностью до пикселя.
• В выходном файле в формате PNG сохраняется прозрачность — логотипы можно размещать на любом фоне.
• За считанные секунды устраняет ошибки при загрузке с сообщением «SVG не поддерживается».
• Пакетное преобразование, локальная обработка, без загрузки.
• Обрабатывает SVG-файлы без явно указанных значений ширины и высоты, считывая их параметр viewBox.

Как использовать

1. Перетащите файлы с расширением .svg в поле или нажмите, чтобы выбрать их.
2. Выберите ширину вывода — при выборе параметра «Авто» используется размер, заданный в самом файле SVG.
3. Выберите формат PNG (сохраняет прозрачность) или JPG (белый фон).
4. Скачайте каждое обработанное изображение; размеры указаны в описании каждого файла.

Пример

Ввод

logo.svg — 4 KB vector

Результат

logo.png — 1024×1024, transparent background, crisp at every pixel

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

Типичные сценарии использования

• Вставка логотипа компании (который дизайнер обычно предоставляет в формате SVG) в документ Word или PowerPoint, не поддерживающий встраивание файлов SVG.
• Создание значков приложений или фавиконов любого необходимого размера в пикселях (16, 32, 180, 512 пикс.) на основе одного исходного файла SVG.
• Добавление значка в подпись электронного письма, поскольку большинство почтовых клиентов отображают только растровые изображения.
• Загрузка графических файлов на платформу социальных сетей или в систему управления контентом (CMS), которая из соображений безопасности не допускает загрузку файлов в формате SVG.

Почему вообще существуют ограничения на загрузку файлов в формате SVG

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

Как на самом деле работает независимость от разрешения

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

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