О разделе

Раздел объясняет, как компьютер хранит и показывает изображения: от пикселя и формата файла до 3D-конвейера и координат на экране.

Рекомендуемый порядок

Базовая информатика — мультимедиа и графика — школьная теория: мультимедиа, форматы, редактор, OCR-скан.
Графические данные — 2D/3D, стек GPU, кадр и FPS (конвейер — по желанию, углубление).
Вектор и растр — выбор представления, веб (srcset, SVG), демо масштабирования. Практика SVG в браузере — SVG — рисунки кодом.
Растровые и Векторные форматы — справочник расширений и как JPEG и PNG сжимают пиксели.
Сравнение форматов — таблица-шпаргалка.
Работа с геометрией — координаты, масштаб, прокрутка, интерактивная схема.
Графический дизайн — макет, типографика, доступность (по интересу). Веб-маршрут — Веб-дизайн — маршрут от UX до портфолио.
Paint.NET и CorelDRAW — растровый и векторный редакторы.
Adobe Photoshop 2021 — конспект — пошаговый курс по редактору (17 тем; справочник — 9.06/111).
3ds Max — профессиональное 3D (краткий обзор; Blender — в разделе 9.08).

В конце — итоги и чек-лист для самопроверки.

Готовы писать и читать графический код? Переходите в 4.18 Разработка графики — модель, update, render, игровой цикл и стек от Canvas до GPU.

Сводный путеводитель по инструментам (включая Blender, Flutter): Инструменты и среды.

Графические данные

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

Вектор и растр

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