Как открыть SVG-файл: на компьютере, телефоне и в браузере

1. Четыре способа открыть SVG на компьютере

• Браузер (самый простой): перетащите SVG-файл в окно Chrome, Edge, Firefox или Safari — он отобразится; можно также щёлкнуть по файлу правой кнопкой, выбрать «Открыть с помощью» и указать браузер;
• Настройте приложение по умолчанию: если вы часто работаете с SVG, свяжите файлы .svg с браузером или графической программой, и двойной щелчок будет открывать их сразу;
• Графические программы: Illustrator, Figma и бесплатный Inkscape открывают и редактируют SVG — это подходит для глубокой работы;
• Редактор кода: SVG по сути является XML-текстом, поэтому открытие в VS Code позволяет смотреть и править исходник, что сильно упрощает поиск проблем.

Настройка приложения по умолчанию: в Windows щёлкните по SVG-файлу правой кнопкой, выберите «Открыть с помощью → Выбрать другое приложение» и отметьте «Всегда использовать это приложение»; в macOS щёлкните правой кнопкой, выберите «Свойства», укажите браузер в разделе «Открыть с помощью» и нажмите «Изменить все», чтобы с этого момента двойной щелчок показывал файл.

2. Как открыть SVG на телефоне

Android: некоторые файловые менеджеры не показывают SVG напрямую — нажмите и удерживайте файл, выберите «Открыть с помощью» и укажите браузер. iPhone: сохраните SVG в приложении «Файлы», где в свежих системах его можно посмотреть сразу; если не видно — поделитесь файлом и откройте в Safari. SVG, полученные в мессенджерах, приходят обычными файлами, и «Открыть с помощью» браузера показывает их корректно.

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

3. Что если при двойном щелчке открывается код или пустое окно?

Открылся сплошной код: файл связан с «Блокнотом» или другим текстовым редактором. SVG — это текст, так что это нормально: откройте его в браузере, и вы увидите рисунок. Пустое окно: сначала проверьте целостность файла. Откройте его в редакторе кода: корректный SVG начинается с тега <svg> или объявления <?xml. Если вы видите <html>, скорее всего, при загрузке страница ошибки была сохранена как .svg — скачайте файл заново. Также, если файл ссылается на внешние изображения или шрифты, отсутствующие ресурсы оставят рисунок незавершённым.

Ещё один момент: SVG — текстовый формат, способный нести скрипты, поэтому не открывайте файлы из неизвестных источников сразу в браузере. Сначала просмотрите их в редакторе кода, убедитесь, что файл начинается с тега svg и не содержит подозрительных скриптов, и только потом смотрите превью.

4. Хотите что-то изменить после открытия? Используйте онлайн-редактор

Чтобы перекрасить логотип, убрать фон или удалить несколько элементов, не нужна тяжёлая программа. Откройте онлайн-редактор SVG от PolySVG (прямая ссылка: /editor), загрузите файл — и можно удалять пути щелчком, убирать фон в один клик, перекрашивать, рисовать кистью, стирать ластиком, отменять и повторять в любой момент, а затем экспортировать SVG или PNG. Бесплатно, без установки и без регистрации.

5. Просто посмотреть? Проще всего конвертировать в PNG

Если устройство собеседника не открывает SVG, самый простой выход — конвертировать в PNG: экспортируйте PNG из редактора или сделайте скриншот в браузере. Чтобы понять сам формат SVG, прочитайте Что такое SVG; если у вас есть растр, который хочется превратить в SVG, это сделает инструмент «Изображение в SVG» за несколько шагов.

Разработчики могут также встроить SVG прямо в HTML или подключить его через тег img — браузер отрисует его мгновенно. Это самый распространённый способ просмотра SVG в вебе.