Основное различие между векторной и растровой графикой состоит в том, что растровая графика состоит из цветных пикселей, а векторная графика состоит из контуров, созданных математическими формулами.
Примеры форматов растровой графики:
- jpeg
- png
- gif
- bmp
- tiff
Примеры формата векторной графики:
- svg
- eps
- ai
Преимущества векторной графики
Основным преимуществом векторной графики является то, что вы можете масштабировать ее по своему усмотрению, и при этом графика не будет пиксельной и размытой. Векторная графика более гибкая, и не имеет никаких ограничений на размер.
Векторная графика лучше всего подходит, если вы используете логотипы и иконки на своем веб-сайте. Однако не рекомендуется использовать на своем сайте слишком много больших векторных изображений, поскольку их размер намного превышает размер растровых изображений, что может привести к перегрузке вашего сайта и потере скорости его загрузки в браузерах.
Растровый формат лучше всего подходят для фотографий, которые вы используете на своем веб-сайте.
Если мы рассматриваем элементы графического дизайна для печати, например для баннеров, визиток, рекламных билбордов, брошюр, то это совсем другая история, и вы можете использовать векторную графику для любого элемента вашего дизайна который пойдет в печать.
Умный дизайн всегда включает в себя умное использование векторных и растровых изображений.