Конвертировать фотографию в векторный SVG

Гугл отдает предпочтение сайтам с высокой скоростью загрузки для мобильных устройств. Остаётся искать разные способы ускорить веб ресурс. И лучший способ сделать страницу быстрее с картинками – это конвертировать изображение через фотошоп в форматы для веб. В самое минимальное разрешение под телефон. Таким образом можно уменьшить изображение до считанных килобайтов. А еще можно сделать из фотографии вектор и чтобы она растягивалась по размерам экрана. Для этого можно использовать формат SVG. Поставив в самой картинке width=”100%”.

SVG – из фотографии

Кроме масштабируемости есть преимущества в том, что параметры можно менять. Не смотря на то что svg векторная графика, а фотография растровое изображение. Все равно это не мешает её конвертировать. И поставить на сайт!

Три способа преобразовать фото в svg по хронологической эволюции:

  1. Онлайн конвертер.
  2. Из программ и с помощью иллюстратора.
  3. Экспорт в SVG через фотошоп.

Стоит заметить что svg хоть и имеет маленький размер, но он больше подходить для рисунков, логотипов и иконок. Так-же для всех резиновых картинок. В случае фотографий для веба, стоит использовать jpeg формат. Если захочется отдать предпочтение скорости загрузки страницы. Потому что его размер возможно сделать наименьшем. Либо наложить на фотографию фильтры, такие как масляная краска или сделать размытие а потом усиление резкости. Чтобы картинка стала пластилиновой. Это поможет уменьшить размер, но изображение трудно будет назвать фотографией. Из за того что фотографическая детализация и резкость будут потеряны.

Онлайн конвертер

Способ первый. Найти в интернете сайт с онлайн конвертером. Трудности возникают в том что онлайн конвертеры часто не могут перенести цвет. Но все же парочку удалось откопать рабочими. Чтобы конвертировать фотографию в векторный svg. Сработал конвертер jpg и png в svg. Так же там есть все возможные форматы. Это вполне удобно, но есть и минусы. Прежде чем конвертировать размер, фотографию придется масштабировать. А это сами понимаете, открывать, сворачивать в кладку программу. Сохранять файл. Потом залить на сайт для конвертации… Сохранить опять. Не дай бог что пойдет ни так, цикл запуститься снова. В итоге потеряно бесценное время. Да за такие дела нам за вредность должны молоко бесплатно давать! А еще к картинке можно прикрепить вирус.

С помощью иллюстратора

Второй способ, который попался на блоге Anndm в котором предлагается конвертировать растровую фотографию в вектор с использованием иллюстратора. Думаю, нет смысла описывать весь этот способ так как он уже описан на другом сайте. Поэтому поделюсь ссылкой на сайт: «Дизайн в жизни». Экспорт картинки в svg.  

Экспорт SVG через фотошоп

Последний способ. Быстрый экспорт фото в SVG. Для сохранения необходимо перейти в «Настройки экспорта…» и выбрать расширения SVG вместо PNG что стоит по уполномочию. Останется только перейти в пункт меню: Файл -> Экспортировать -> Быстрый экспорт в SVG и все.

У svg формата куча преимуществ: Он полностью из тегов и в картинку можно поставить ссылку и описание. Раз картинка в текстовом формате, то она легко впишется в любой текст и будет гармонично со читаться с любой статьёй. Как вы можете заметить в этом посте все изображения в формате svg. Они легко растягиваются по ширине текста и имеют ссылки. Еще одни из плюсов что: можно применять стили, и в этом формате можно сохранить анимацию.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *