Чем открыть SVG и как конвертировать его в PNG, JPG или PDF
Вы скачали логотип или иконку в формате .svg — а двойной клик либо ничего не показывает, либо открывает страницу непонятного текста. Не пугайтесь: с файлом всё в порядке. Ниже — короткий и практичный план: чем открыть SVG, как увидеть саму картинку и как за полминуты превратить её в обычный PNG, JPG или PDF.
Почему SVG «не открывается» в обычном просмотрщике
Главная причина путаницы в том, что SVG — это не картинка в привычном смысле, а текст. Полное название — Scalable Vector Graphics, «масштабируемая векторная графика». Внутри файла лежит не сетка пикселей, как в PNG или JPG, а инструкция на языке XML: «нарисуй круг тут, линию здесь, залей этот контур синим». Браузер или редактор читает эту инструкцию и рисует изображение заново — в любом размере и всегда чётко.
Короткий ответ
SVG открывается в браузере и векторных редакторах. PNG нужен для фиксированного растрового превью, JPG — только без прозрачности, PDF — для печати или документа; неизвестный SVG безопаснее сначала просмотреть как код.
Из-за этого стандартные просмотрщики фотографий иногда отказываются показывать SVG: они рассчитаны на готовые пиксели и не умеют «исполнять» вектор. А система по умолчанию нередко привязывает .svg к редактору кода — отсюда и страница с непонятным текстом вместо картинки. Файл при этом полностью исправен, просто его открыли неподходящей программой.
Коротко
SVG не «сломан» — это рисунок-инструкция, а не пиксели. Чтобы увидеть картинку, нужна программа, которая умеет вектор рисовать: проще всего — браузер. Чтобы отправить SVG туда, где вектор не понимают (соцсети, мессенджеры, документы), его конвертируют в PNG, JPG или PDF.
Самый быстрый способ: открыть в браузере
Если нужно просто посмотреть картинку, а не редактировать её, — не ищите специальных программ. SVG открывает любой современный браузер: Chrome, Firefox, Edge, Safari. Поддержка SVG встроена в них уже больше десяти лет.
Способ занимает пару секунд: откройте новую вкладку браузера и просто перетащите файл .svg мышью прямо в окно. Картинка появится сразу, в полном качестве и масштабе. Альтернатива — щёлкнуть по файлу правой кнопкой → «Открыть с помощью» → выбрать браузер.
Лайфхак с масштабом
Раз SVG — вектор, в браузере его можно бесконечно увеличивать колесом мыши с зажатым Ctrl — края останутся идеально гладкими, без «лесенки» из пикселей. Это и есть главное преимущество формата: одна и та же иконка чётко выглядит и на 16 px, и на билборде.
Открыть и отредактировать в редакторе
Браузер показывает картинку, но не даёт её менять. Если нужно поправить цвет, текст или форму, файл открывают в векторном редакторе — там SVG превращается в набор отдельных редактируемых фигур.
- Inkscape — бесплатный и с открытым кодом. Это лучший вариант, если вы не хотите платить: Inkscape создан вокруг формата SVG и открывает его «как родной», без потерь. Доступен для Windows, macOS и Linux.
- Adobe Illustrator — отраслевой стандарт для дизайнеров. Открывает и сохраняет SVG напрямую, по подписке.
- Figma — работает прямо в браузере, ничего ставить не нужно. Удобно импортировать SVG, подправить и тут же выгрузить в PNG.
- CorelDRAW — ещё один профессиональный векторный пакет с поддержкой SVG.
- GIMP — бесплатный редактор, но растровый: он откроет SVG, однако сразу растеризует его, то есть превратит в пиксели. Для редактирования вектора как вектора он не подходит — берите его, только если нужен именно растровый результат.
Важно про шрифты
Если в SVG есть текст, он может ссылаться на шрифт, которого нет на вашем компьютере. Тогда редактор подставит другой, и надпись «поедет». Чтобы этого избежать, дизайнеры переводят текст в кривые (контуры) перед сохранением — буквы становятся обычными фигурами и выглядят одинаково везде.
Открыть как код: SVG — это просто текст
Поскольку SVG — это XML, его можно открыть в любом текстовом редакторе: «Блокнот», VS Code, Notepad++ или встроенный редактор кода. Внутри вы увидите понятные теги: <svg>, <path>, <circle>, <rect>, а у фигур — атрибуты вроде fill="#3b82f6" (цвет заливки).
Зачем это нужно? Иногда так быстрее всего внести правку. Чтобы перекрасить иконку, не обязательно открывать тяжёлый редактор — достаточно найти в коде нужный fill и заменить значение цвета. А ещё это объясняет, почему SVG так дружит с вебом: его можно вставить прямо в HTML-страницу, анимировать через CSS и менять цвет на лету.
Конвертировать SVG в PNG, JPG и PDF за 30 секунд
Чаще всего SVG конвертируют потому, что его не везде принимают. Соцсети, мессенджеры, маркетплейсы, текстовые редакторы и многие сайты ждут привычный растровый формат. Перевод вектора в пиксели называется растеризацией — и здесь у вас появляется суперсила: размер результата вы выбираете сами.
Какой формат выбрать под задачу:
| Куда конвертировать | Когда выбирать | Прозрачность |
|---|---|---|
| PNG | Иконки, логотипы, графика для сайта и соцсетей — нужен прозрачный фон и чёткие края | Да |
| JPG | Когда важен маленький вес, прозрачность не нужна, а картинка близка к фото | Нет |
| Для печати, документов и отправки макета — вектор сохраняется и масштабируется | Да |
Самый простой путь — онлайн-конвертер: ничего не нужно устанавливать, всё работает в браузере. Вот как это выглядит по шагам:
Загрузите SVG
Перетащите файл в окно конвертера SVG → PNG. Можно загрузить сразу несколько.
Задайте размер или DPI
Для экрана укажите нужный размер в пикселях, для печати — 300 DPI. Включите прозрачность, если фон должен остаться прозрачным.
Скачайте результат
Готовый PNG откроется в любой программе и на любом устройстве. Несколько файлов можно забрать архивом.
Главное правило размера
Раз вы растеризуете вектор, не скупитесь на пиксели. Уменьшить большой PNG без потери качества легко, а вот увеличить маленький — нельзя: появится размытие и «лесенка». Если сомневаетесь, экспортируйте крупнее, чем кажется нужным.
Превратите SVG в PNG прямо сейчас
Бесплатный конвертер FormatZ растеризует вектор в нужном размере и DPI — прямо в браузере, без установки и регистрации. Нужен другой формат? Есть SVG → JPG и SVG → PDF.
Конвертировать SVG в PNGОбратно: PNG в SVG трассировкой
А что, если у вас наоборот — есть растровая картинка (PNG или JPG), а нужен вектор? Такое преобразование называется трассировкой (или векторизацией): алгоритм анализирует изображение, находит области сплошного цвета и границы между ними и обводит их математическими кривыми.
Здесь важно честно понимать пределы технологии. Трассировка хорошо работает только для простой графики: логотипов, иконок, чёрно-белых рисунков, надписей — всего, где мало цветов и чёткие контуры. А вот обычную фотографию качественно векторизовать нельзя: в ней тысячи оттенков и плавные градиенты, которые не разложить на ровные заливки. Результат получится либо огромным и тяжёлым, либо грубым и непохожим на оригинал.
Если на руках именно логотип или иконка в PNG, попробуйте конвертер PNG → SVG. После трассировки результат стоит открыть в редакторе и подчистить — даже на простой графике алгоритм иногда оставляет лишние точки.
Пакетная конвертация: много файлов сразу
Когда нужно перегнать не один SVG, а целую папку иконок, прогонять их по одному утомительно. Онлайн-конвертер решает это пакетной загрузкой: вы перетаскиваете сразу несколько файлов, выбираете один набор настроек (формат, размер, DPI) и скачиваете все результаты одним архивом.
Так удобно готовить, например, комплект иконок под сайт в одном размере или подборку логотипов клиента в PNG. Те же самые шаги работают и для других направлений — посмотрите все доступные преобразования на странице всех форматов.
Итог простой. Чтобы посмотреть SVG — откройте его в браузере. Чтобы отредактировать — в Inkscape или Figma. Чтобы отправить куда угодно — конвертируйте в PNG, JPG или PDF. Никакого шаманства — пара кликов в браузере.
Частые вопросы про открытие и конвертацию SVG
.svg к редактору кода или к программе, которая показывает не картинку, а текст. SVG — это текстовый XML-файл, поэтому некоторые просмотрщики не умеют его рисовать. Самый надёжный способ увидеть картинку — открыть файл в браузере: перетащите .svg в окно Chrome, Firefox или Edge.
