Как опубликовать векторную картинку на сайте или в блоге
Уже не первый год существует такой замечательный формат векторной графики как SVG, который позволяет публиковать векторные иллюстрации в интернете. Но я чего-то совсем его раньше не замечал. Слышал конечно, но не думал бы его когда-то использовать. А на самом деле публикация векторной картинки сейчас очень выгодна в свете свистопляски с разрешением экранов всевозможных гаджетов.
Посему, как самый настоящий слоупок, спешу поделиться с теми, кто вдруг тоже не в теме, как оно работает :)
Вверху весёлая корова. Векторная. Вот прямо вектор на блоге и опубликован. Не верите, сделайте зум, качество не пострадает. Можете сохранить её себе через правый клик. Увидите SVG файл, который без проблем открывается в Adobe Illustrator.
Делается очень просто:
1. Сохраняем в иллюстраторе SVG через Save as. Настройки можно оставить по умолчанию.
2. Загружаем этот SVG в Dropbox (нужно заранее его установить).
3. В ЖЖ нажимаем в редактировании статьи "Добавить фото".
4. Выбираем там вкладку "Dropbox".
5. Нажимаем кнопочку "Choose from Dropbox" и выбираем там свой SVG.
Всё! Картинка влепится в статью HTML кодом. По сути будет обычная вставка изображения через img src. Этот код вставки потом можно будет использовать на любых других сайтах или блогах. Если у вас частный хостинг, то можно залить SVG непосредственно на него, то есть без использования Dropbox.
И можно наслаждаться безразмерностью изображения, чёткостью линий и отличным качеством вектора, минимальным объёмом и высокой скоростью загрузки. В общем, сплошное ми-ми-ми :)
Посему, как самый настоящий слоупок, спешу поделиться с теми, кто вдруг тоже не в теме, как оно работает :)
Вверху весёлая корова. Векторная. Вот прямо вектор на блоге и опубликован. Не верите, сделайте зум, качество не пострадает. Можете сохранить её себе через правый клик. Увидите SVG файл, который без проблем открывается в Adobe Illustrator.
Делается очень просто:
1. Сохраняем в иллюстраторе SVG через Save as. Настройки можно оставить по умолчанию.
2. Загружаем этот SVG в Dropbox (нужно заранее его установить).
3. В ЖЖ нажимаем в редактировании статьи "Добавить фото".
4. Выбираем там вкладку "Dropbox".
5. Нажимаем кнопочку "Choose from Dropbox" и выбираем там свой SVG.
Всё! Картинка влепится в статью HTML кодом. По сути будет обычная вставка изображения через img src. Этот код вставки потом можно будет использовать на любых других сайтах или блогах. Если у вас частный хостинг, то можно залить SVG непосредственно на него, то есть без использования Dropbox.
И можно наслаждаться безразмерностью изображения, чёткостью линий и отличным качеством вектора, минимальным объёмом и высокой скоростью загрузки. В общем, сплошное ми-ми-ми :)