dacascas (dacascas) wrote,
dacascas
dacascas

Categories:

Как опубликовать векторную картинку на сайте или в блоге

Уже не первый год существует такой замечательный формат векторной графики как SVG, который позволяет публиковать векторные иллюстрации в интернете. Но я чего-то совсем его раньше не замечал. Слышал конечно, но не думал бы его когда-то использовать. А на самом деле публикация векторной картинки сейчас очень выгодна в свете свистопляски с разрешением экранов всевозможных гаджетов.

Посему, как самый настоящий слоупок, спешу поделиться с теми, кто вдруг тоже не в теме, как оно работает :)



Вверху весёлая корова. Векторная. Вот прямо вектор на блоге и опубликован. Не верите, сделайте зум, качество не пострадает. Можете сохранить её себе через правый клик. Увидите SVG файл, который без проблем открывается в Adobe Illustrator.

Делается очень просто:
1. Сохраняем в иллюстраторе SVG через Save as. Настройки можно оставить по умолчанию.
2. Загружаем этот SVG в Dropbox (нужно заранее его установить).
3. В ЖЖ нажимаем в редактировании статьи "Добавить фото".
4. Выбираем там вкладку "Dropbox".
5. Нажимаем кнопочку "Choose from Dropbox" и выбираем там свой SVG.

Всё! Картинка влепится в статью HTML кодом. По сути будет обычная вставка изображения через img src. Этот код вставки потом можно будет использовать на любых других сайтах или блогах. Если у вас частный хостинг, то можно залить SVG непосредственно на него, то есть без использования Dropbox.

И можно наслаждаться безразмерностью изображения, чёткостью линий и отличным качеством вектора, минимальным объёмом и высокой скоростью загрузки. В общем, сплошное ми-ми-ми :)
Tags: картинки
Subscribe

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your IP address will be recorded 

  • 5 comments