Для правки нужен графический редактор: бесплатный Inkscape, онлайн-инструмент Figma или Adobe Illustrator. А чтобы посмотреть, что внутри, достаточно Блокнота — формат состоит из обычного текста с описанием линий и заливок.
Чем открыть SVG: сравнение
| Способ | Цена | Что даёт | Когда подойдёт |
|---|---|---|---|
| Браузер | бесплатно | быстрый просмотр файла | просто взглянуть на изображение |
| Inkscape | бесплатно | полноценный векторный редактор | правки и создания графики |
| Figma | есть свободный тариф | работа онлайн, совместная правка | веб-дизайна и макетов |
| Adobe Illustrator | по подписке | профессиональный инструмент | сложных иллюстраций |
| Блокнот, Notepad++ | бесплатно | показывает код, который внутри файла | правки цвета или размера вручную |
| Приложение «Фотографии» | встроено в Windows 11 | открывается двойным кликом | обычного просмотра |
| Онлайн-конвертеры | бесплатно | перевод в PNG или JPG | когда нужен обычный рисунок |
Опрос: что вам нужно сделать с файлом
Два вопроса — и подскажем инструмент.
Откройте в браузере
Перетащите файл в окно браузера или нажмите на него правой кнопкой и выберите «Открыть с помощью». Изображение отрисуется сразу, масштаб меняется колесом мыши без потери качества. В Windows 11 такие файлы открывает и стандартное приложение «Фотографии», так что отдельные программы для просмотра не нужны.
Поставьте Inkscape
Свободный векторный редактор с открытым кодом, работает в Windows, macOS и Linux. Он умеет то же, что платные пакеты: рисовать контуры, менять узлы, работать с текстом и слоями. Этот формат для него родной, поэтому при сохранении ничего не теряется. Если правка мелкая — сменить цвет или подпись, — быстрее открыть файл в Блокноте и поправить одну строку.
Переведите в PNG
Не каждая программа понимает вектор: старые версии Word, часть почтовых клиентов и социальные сети принимают только растр. Онлайн-конвертер решает это за минуту: загружаете файл на страницу, указываете нужный размер в пикселях и получаете PNG с прозрачным фоном. Тот же экспорт есть в Inkscape, если ставить программу на вашем компьютере всё-таки решите.
Ответьте на оба вопроса — тогда совет будет точнее.
Почему браузер — самый простой способ
Формат SVG создавался для веба, поэтому любой современный браузер умеет его показывать. Открывается файл мгновенно, а картинка остаётся чёткой при любом увеличении: вектор не пикселизуется, в отличие от JPG.
- Найдите файл в проводнике на вашем компьютере.
- Перетащите его прямо на страницу открытого браузера.
- Картинка появится на весь экран.
- Меняйте масштаб колесом мыши с зажатой клавишей Ctrl.
- Чтобы сохранить как обычный рисунок, нажмите правой кнопкой и выберите сохранение изображения.
Что внутри файла
SVG — это текст. Откройте его Блокнотом, и вы увидите разметку: теги с координатами линий, кривых, цветами заливки. Отсюда две полезные возможности.
Первая: мелкие правки делаются вручную. Нужно сменить цвет — найдите значение вроде fill и впишите другое. Нужно изменить размер — поправьте атрибуты ширины и высоты в первой строке файла. Вторая: формат хорошо сжимается и весит мало, поэтому его удобно класть на страницу сайта — иконки и логотипы грузятся быстрее растровых.
Обратная сторона: SVG может содержать скрипты. Файл из ненадёжного источника лучше открыть в редакторе и посмотреть, нет ли внутри тега script, прежде чем ставить его на свой сайт.
Программы для правки
- Inkscape. Свободный редактор, полностью покрывает работу с вектором. Основной выбор, если платить не хочется.
- Figma. Работает онлайн в браузере, удобна для интерфейсов и совместной работы. Импортирует и экспортирует SVG.
- Adobe Illustrator. Отраслевой стандарт, подписка платная.
- CorelDRAW. Тоже платный пакет, распространён в печатной среде.
- Vectornator и Boxy SVG. Лёгкие редакторы для простых задач.
Ответы на частые вопросы
Чем открыть SVG бесплатно? Браузером для просмотра файла и Inkscape для правки — оба варианта ничего не стоят.
Почему файл не открывается двойным кликом? В системе не назначена программа. Нажмите правой кнопкой, выберите «Открыть с помощью» и укажите браузер.
Можно ли вставить SVG в Word? В версиях начиная с 2016 года да. В более старых сначала переведите его в PNG.
Чем SVG лучше PNG? Он не теряет чёткость при увеличении и обычно меньше весит. Для фотографий не подходит — только для схем, значков и логотипов.
Как изменить размер картинки? В редакторе или прямо в коде: значения width и height в первой строке файла.
Где скачать программы из статьи
Ссылки ведут на сайты разработчиков: там последняя версия и чистый установщик. Сами мы файлы не храним. Если программа попросила установить что-то ещё или страница выглядит иначе, сверьте адрес в браузере с указанным здесь.
- Inkscapeоткрытая · inkscape.orgОфициальный сайт
- Figmaбесплатный тариф, платные тарифы · figma.comОфициальный сайт
- Adobe Illustratorподписка · adobe.comОфициальный сайт
- Notepad++открытая · notepad-plus-plus.orgОфициальный сайт