От растра к вектору

От растра к вектору

От растра к вектору

14.07.2020
Рейтинг: 5/5 - 1 голосов

Данный топик расскажет вам о том, в чем разница между растровыми изображениями и векторными. Чем и как создаются векторные изображения для веба.

mountain-rastr

Всем давно известная растровая технология подразумевает под собой набор большого количества пикселей разных цветов в определенной последовательности. В итоге так создается изображение. И чем плотнее количество пикселей на дюйм, тем четче будет картинка, а чем насыщенней цвет пикселей, тем сочнее фотография. Механизм отображения на мониторе, телефоне, телевизоре пиксельное, не зависимо от того растровая графика перед вами или векторная.

artefacts

А что такое векторное изображение? Это алгоритм при котором изображение не теряет своего качества при масштабировании. То есть, если фотографию в растре, к примеру png или jpg увеличивать, она расползается попиксельно, появляются артефакты. Но если увеличивать векторную фотку, к примеру svg, артефакты не появляются. Но вектором не передать детализированные сложные фотографии, потому как это будет очень, очень объемный файл.

vector-picture 

Вектор прекрасен для иллюстраций, логотипов. Вектор может динамически управлять свойствами изображения, например изменить цвет отдельных элементов. В вектор можно встроить динамическую анимацию при скролле, наведении мышкой или вовсе задать сценарии через скрипты.

Из этого всего стоит сделать вывод, что растровая графика хороша для демонстрации фотографий, фото анимации, а вектор для логотипов, иллюстраций динамических иллюстрированных изображений.

Так же рекомендую вам почитать о разницах в форматах изображений.

Комментарии

коммент.

Написать комментарий

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


Это рубиновый! Нет! Это темно-красный!
20.07.2020
Рейтинг: 0/5 - 0 голосов
Как пользоваться пером (Pen) в Photoshop
02.06.2020
Рейтинг: 5/5 - 1 голосов
Уходящие тенденции. Дизайн в стиле Flat
14.05.2019
Рейтинг: 4.5/5 - 2 голосов