Чем открыть SVG векторную картинку или иконку
SVG открывается любым браузером, но поправить его цвет или форму сложнее. Покажем, чем открыть и отредактировать SVG и как получить из него PNG.
Файл открывается в вашем браузере. SVG открывается и правится в вашем браузере, файл не загружается на сервер.
Что такое SVG
SVG описывает картинку не пикселями, а фигурами, кривыми и текстом, поэтому масштабируется без потери чёткости и обычно весит мало. Это обычный текст в формате XML, в нём можно прочитать координаты фигур и цвета, а на сайте — управлять картинкой стилями и скриптами.
Из-за этого SVG из непонятных источников стоит открывать осторожно: внутри файла может быть сценарий (JavaScript). Безопаснее смотреть его в программе для графики или в редакторе, который сценарии не выполняет.
- Расшифровка
- Scalable Vector Graphics
- Стандарт
- W3C: SVG 1.0 — 2001 год, SVG 1.1 — 2003 год
- Расширение
- .svg (сжатый — .svgz)
- Тип
- Векторная графика в виде XML-текста
- Где встречается
- Логотипы, иконки, иллюстрации на сайтах
Как открыть SVG
У нас, без установки программ
Откройте или перетащите SVG в редактор — он разберёт файл на отдельные фигуры, которые можно двигать, перекрашивать, менять толщину линий и сохранить обратно в SVG, PNG или PDF. При открытии убираются сценарии, внешние ссылки и вложенные изображения, а сложные эффекты (маски, обтравка, текст по контуру) не переносятся — файл лучше править копией.
Нужен только PNG из SVG — используйте конвертер: он рисует SVG на сервере (по умолчанию длинная сторона около 2000 px, не больше 4000 px) и сразу удаляет файл. На сервере бесплатно 50 таких файлов в день с одного IP-адреса, дальше обработка платная — из пакета единиц UniSeek.
Программы и приложения
Windows
Любой браузер: Edge, Chrome, Firefox. Править — бесплатный Inkscape или Adobe Illustrator.
macOS
Safari и другие браузеры; править — Inkscape, Illustrator, Affinity Designer или Figma.
iPhone и iPad
Safari и Chrome показывают SVG; редактировать удобнее на компьютере.
Android
Chrome и другие браузеры открывают SVG; встроенные галереи его часто не показывают — переведите в PNG.
Перевести SVG в другой формат
SVG переводят в PNG, когда площадка, мессенджер или документ принимают только растровые картинки. Размер лучше брать с запасом: из PNG векторную чёткость уже не вернуть.
Частые вопросы
Если не нашли ответ — напишите нам.
Windows и macOS не всегда сопоставляют SVG с программой. Перетащите файл в окно браузера либо используйте «Открыть с помощью» и выберите браузер или Inkscape.
PNG — это сетка пикселей, при увеличении она размывается. SVG — набор команд «нарисовать круг, линию, текст», поэтому остаётся чётким любого размера, но подходит для логотипов и иконок, а не для фото.
Редактор переносит фигуры и цвета, но маски, обтравку, текст по контуру, вложенные картинки и ссылки не переносит. Для сложных иллюстраций лучше Inkscape или Illustrator.
Современные версии Word вставляют SVG через «Вставка → Рисунки». Если нужна совместимость со старой версией, вставьте вместо него PNG.