SVG в PNG: Конвертация векторных изображений для приложений и веба

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

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

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

Как конвертировать SVG в PNG

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

Шаг 1: Откройте pic2PNG

Перейдите на pic2png.com в любом современном браузере. Конвертер работает на компьютере, планшете и мобильном устройстве. Ничего не нужно устанавливать, регистрация не требуется. Инструмент готов к работе сразу после загрузки страницы.

Шаг 2: Загрузите файл SVG

Перетащите файл SVG в область конвертера или нажмите на зону загрузки, чтобы выбрать файл с вашего устройства. pic2PNG принимает файлы SVG размером до 10 МБ. Файл загружается мгновенно, и появляется предварительный просмотр, чтобы вы могли убедиться, что выбрали правильное изображение.

Шаг 3: Установите размер вывода

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

Шаг 4: Выберите фон

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

Шаг 5: Конвертируйте и скачайте

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

Фон и прозрачность

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

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

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

Для более глубокого изучения работы прозрачности PNG и типичных проблем ознакомьтесь с нашим руководством по устранению неполадок при конвертации PNG.

Сохраняйте небольшой размер файла PNG

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

Оптимизация PNG — первый инструмент, который следует использовать. pic2PNG применяет сжатие без потерь, уменьшающее размер файла за счёт оптимизации способа хранения пиксельных данных. Это не меняет ни одного пикселя в изображении. Цвета, прозрачность и чёткость остаются идентичными. Файл просто хранится более эффективно, что обычно экономит 10–30% по сравнению с неоптимизированным PNG.

Удаление метаданных убирает данные EXIF, цветовые профили и другую встроенную информацию, которая увеличивает размер файла, но не влияет на внешний вид изображения. Для веб-использования удаление метаданных — почти всегда правильный выбор. Это уменьшает размер файла и улучшает конфиденциальность, удаляя информацию вроде данных камеры или GPS-координат, которые могут быть прикреплены к исходным изображениям.

Наконец, выбирайте правильные размеры. Главный фактор, влияющий на размер файла PNG — количество пикселей. PNG размером 2000x2000 содержит в четыре раза больше пикселей, чем 1000x1000, и будет примерно в четыре раза тяжелее. Экспортируйте в том размере, который вам действительно нужен, а не в максимально доступном.

Полный обзор техник сжатия PNG вы найдёте в нашем руководстве как уменьшить размер файла PNG.

Выберите правильный размер и фон, затем экспортируйте

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

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