В дизайне принято делить графику на две группы: векторная и растровая. Она используется для разных целей. Тип графики влияет на результат печати. Учитываю его и при создании сайта. Часто понятия рассматривают как противоположности и отчасти это правильно. Только полностью их противопоставлять нельзя. У разных видов графики своё применение.
Сравнение видов графики
Растровая картинка состоит из маленьких квадратиков — пикселей. Каждый окрашен в свой цвет. Разрешение картинки — это ее длина и ширина. Если растянуть ее, то получится размытое изображение. Из-за этого растровую графику стараются не менять в размере. Плюс ее — отражение большого количества цветов. За счёт отсутствия линейных переходов получается четкое изображение.
Минус растровых картинок — большой вес. Такие изображения с трудом грузятся на сайте. Если их много, то страница воск зависнет. Из-за этого бывает сложно удержать пользователей на сайте.
Векторная графика состоит из формул. Программа понимает, что в определенном месте нужно сделать линию, а в другом закрасить 33% области в красный цвет. Так, в графических редакторах есть кривые и уровни. Именно они помогают изменять изображения.
Векторная графика мало весит. Ее основной плюс — быстрая загрузка. Однако мастер ограничен в цветовой палитре и инструментах. Поэтому в векторной графике сложно создать детализированное и насыщенное изображение.
Нельзя сказать, что один формат лучше другого. Они разные и имеют свою сферу применения. Так, растровые рисунки применяются в иллюстрациях и мультипликации. Векторная графика удобна для схематичных изображений.
Могут использоваться комплексные подходы. Например, при печати типографской продукции дизайнер использует векторную графику для создания фона с красочным цветовым переходом. Уже поверх накладывает растровый рисунок.
При создании лендинга учитывают не только красоту дизайна и смысловое наполнение. Важно чтобы сайт быстро работал и был понятным для пользователя.