Когда вы в последний раз натыкались в Интернете на старый-престарый сайт? Открываешь на современном мониторе эту красоту — все пиксели наружу вываливаются.
Веб-мастера при создании сайтов используют два типа изображений: растровое и векторное, сегодня п

---

ро эти технологии и поговорим.
Растровые изображения — это мозайка.
Картинка складывается из тысяч-миллионов ячеек — пикселей. Большинство цифровых рисунков, картинок, фотографий — растр. Растровая графика проста в использовании и отображает много деталей, цветов и оттенков.
Правда, большие изображения занимают много места, а при попытке увеличить маленькое изображение неминуемо вылезет сама «пиксельная мозайка».
Другое дело — вектор.
Векторное изображение состоит не из пикселей, а из опорных точек и соединяющих их кривых. Такая графика используется для логотипов, иконок, иллюстраций и чертежей. «Вектор"размером 1×1 см. с легкостью растянется до размеров футбольного поля и все элементы будут идеально ровными. Много места на диске, при этом, не понадобится.
Технологию нельзя применить к сложным изображениям, например к фотографиям. Просто попробуйте сконвертировать фотографию в .svg, поймете, в чём боль :)
В нашей игре мы применяем векторный формат SVG для аватаров персонажей и графиков статистики. Так мы точно уверены, что даже на 4K-экране картинка будет выглядеть без искажений..
Посмотреть на Facebook