Наш телефон:

+7 (977) 797-50-30

Наш WhatsApp:

+7 (977) 797-50-30

Опубликовано: 13.02.2021
Дизайн

В чем разница между векторной и растровой графикой?

В чем разница между векторной и растровой графикой?

Основное различие между векторной и растровой графикой состоит в том, что растровая графика состоит из цветных пикселей, а векторная графика состоит из контуров, созданных математическими формулами.

Примеры форматов растровой графики:

  • jpeg
  • png
  • gif
  • bmp
  • tiff

Примеры формата векторной графики:

  • svg
  • eps
  • pdf
  • ai

Преимущества векторной графики

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


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


Растровый формат лучше всего подходят для фотографий, которые вы используете на своем веб-сайте.

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


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

Автор:
Александр Решетников
Арт-директор, работает в web сфере более 4 лет. UI/UX Designer c 17 года. Бакалавр по специальности Digital-дизайнер. Британское образование.

Заказать разработку сайта в веб студии Atekla

Подробнее