Лайфхак: как скачать SVG изображение с сайта

Как скачать картинку с сайта, если в браузере «Сохранить как» не работает

Возможно, вам когда-нибудь нужно было скачать изображение с сайта. И в большинстве вариантов сделать это проще простого. Нужно лишь нажать в браузере правой кнопкой по изображению и нажать «Сохранить картинку как».

Сохранить картинку в браузере
Сохранение изображения в браузере

Но что делать если svg-изображение встроено непосредственно в код сайта(svg inline) и просто скачать его не получается?
Вот как это выглядит:

inline svg изображение
Слева картинка, а справа ее код в html

Казалось бы скачать svg-изображение уже не представляется возможным, но есть один способ. Для этого нужно найти код изображения, которое вы хотите скачать. В браузере (у меня Chrome) нажимаем правой кнопкой и выбираем «Просмотреть код». Находим код нашей svg-картинки и копируем.

Скопируйте код вашего изображения

Далее нужно создать в обычном блокноте текстовый документ (txt) и вставить код svg-изображения в документ. Дальше нажимаем на “Сохранить как” и в расширении файла вместо .txt пишем .svg, после чего сохраняем. То есть, нужно чтобы вместо названиефайла.txt получилось названиефайла.svg.

Скопируйте код в txt файл и сохраните как

Сохраняйте. Готово! Теперь полученное изображение можно использовать как обычный svg-файл.

Artem Vidyaev
Изучаю инструменты, разбираюсь с настройками и делюсь полученной информацией.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: