Когда пытаешься увеличить картинку, сначала всё выглядит нормально, а потом изображение распадается на цветные квадратики, становится размытым и похожим на лоскутное одеяло. А бывает наоборот: тянешь за уголок картинку с логотипом, она растягивается на весь экран и остаётся чёткой, будто её только что нарисовали. Почему так происходит?
Всё дело в том, как компьютер создаёт изображения. Есть два главных способа: через точки (их ещё называют пикселями) и через математические формулы (кривые и линии). Разница между ними — основа всей компьютерной графики. Понимать её нужно и будущему художнику, и тому, кто хочет делать игры, и даже программисту, который создаёт сайты. Давай разбираться.
Растр — рисунок из мозаики
Представь, что перед тобой лист бумаги, расчерченный на миллион маленьких квадратиков. Каждый квадратик можно закрасить одним цветом: один — жёлтый, соседний — оранжевый, третий — красный. Если отойти подальше, глаз перестанет замечать отдельные квадратики, и ты увидишь целую картину. Это и есть растр.
Любая фотография, любой рисунок, который ты сохранишь из телефона или из игры, — это растр. У такого изображения есть один важный минус: у него фиксированное количество точек. Если попытаться его увеличить, компьютеру придётся додумывать новые точки там, где их раньше не было. Он просто берёт цвета соседних квадратиков и смешивает их, поэтому картинка и становится размытой.
Где используют растр
Растр придаёт изображению плавность и живописность, поэтому его нередко можно встретить в фотографии (даже той, что сделана на телефон), цифровых рисунках (иллюстрациях и текстурах игр), а также при обработке отсканированных документов.
Например, нарисовать портрет или закат в растровом редакторе гораздо удобнее.
Вектор — рисунок из формул
А теперь представь, что ты описываешь рисунок не точками, а словами: «нарисуй зелёный круг радиусом 5 сантиметров, внутри него — жёлтую звезду с пятью острыми лучами». Компьютер читает эту команду и каждый раз перерисовывает картинку идеально ровно — хоть для значка на часах, хоть для рекламного щита на здании.
Это и есть вектор. Файл хранит не саму картинку, а инструкцию по её построению. Поэтому вектор можно увеличивать и уменьшать бесконечно — чёткость не теряется. Похоже на подвижную игрушку-конструктор: ты двигаешь «рычажки» (опорные точки), а программа сама ровно перестраивает линии между ними.
Где используют вектор
Везде, где на первом месте стоят чёткость и масштабируемость, применяется вектор: от логотипов (которые должны одинаково хорошо смотреться на визитке, футболке и автобусе) до иконок, кнопок, смайликов, чертежей, схем, шрифтов и рисунков для наружной рекламы.
С чего начать: как понять, какое направление подходит
Если нравится придумывать знаки и айдентику — иди в графические дизайнеры (вектор).
Если нравится делать приятные кнопочки и понятные экраны в приложениях — иди в UI/UX-дизайнеры (Figma — это вектор). Если нравится рисовать монстров, окружение и текстуры — иди в игровые художники (в основном растр). Если нравится просто обрабатывать фото — иди в ретушёры (растр).
Даже программисту, который делает сайты, полезно понимать, чем растр отличается от вектора. Иначе он вставит логотип как картинку, а при растягивании сайта тот превратится в «кашу». Скачай Inkscape и попробуй за час нарисовать логотип для своей выдуманной группы или блога. Или открой GIMP и попробуй сделать из своего фото открытку с эффектами.
Если станет скучно через 15 минут — возможно, дизайн не твой путь, и это нормально. Главное — попробовать и не бояться.
Заключение
Если ты рисуешь фотореализм или обрабатываешь снимки — бери растр. Если делаешь логотипы, иконки или интерфейсы — твой выбор вектор. Начинать проще с вектора: в Inkscape или Figma результат виден сразу. Пробуй, ошибайся, делай свои первые логотипы — именно с этого начинаются все, кто сейчас рисует крутые иконки и интерфейсы, которыми ты пользуешься каждый день.
