Конструктор уроків
1
Завдання 1.
Відкрити одне й те саме зображення у форматах JPG, PNG і BMP → порівняти розмір файлів.
Завдання 2.
Відкрити файл .svg у браузері → збільшити масштаб → спостерігати, що якість не змінюється.
Завдання 3. (додатково)
У Blender або іншій 3D-програмі експортувати просту модель у форматах .obj і .stl — порівняти розмір і структуру.
Завдання 4. Знайти, у якому форматі зберігаються 3D-моделі в іграх (наприклад, Minecraft, Fortnite, CS2).
Звіт оформити нижче, або у зошиті.
2
Зберігання зображень у комп’ютері
1. Растрове зображення
Складається з пікселів (точок із певним кольором).
Зберігається як таблиця кольорових значень.
Чим більше роздільна здатність — тим більше пам’яті потрібно.
Приклад файлу: фотографії, скани, текстури.
Формати: BMP, JPG, PNG, GIF, TIFF.
2. Векторне зображення
Складається з математичних формул, які описують лінії, криві, фігури.
Не залежить від роздільної здатності → можна масштабувати без втрати якості.
Приклад: логотипи, схеми, креслення.
Формати: SVG, AI, EPS, CDR.
3. 3D-графіка
Складається з координат точок (вершин), поверхонь, текстур і матеріалів.
Може зберігати також інформацію про освітлення, анімацію, кістки моделі.
Приклад: ігри, фільми, VR-сцени.
Формати: OBJ, FBX, STL, BLEND, 3DS.
II. Основні графічні формати та їхні властивості
Формат | Тип графіки | Стиснення | Прозорість | Анімація | Використання |
BMP | Растрова | Немає | Ні | Ні | Найпростіший формат Windows |
JPG (JPEG) | Растрова | З втратами | Ні | Ні | Фото, веб-зображення |
PNG | Растрова | Без втрат | ✅ Так | Ні | Іконки, веб-дизайн |
GIF | Растрова | Без втрат | ✅ (1 колір) | ✅ Так | Анімації |
TIFF | Растрова | Без втрат | Так | Ні | Друк, поліграфія |
SVG | Векторна | — | ✅ Так | ✅ Так | Веб-графіка, логотипи |
AI / EPS / CDR | Векторна | — | Так | Ні | Дизайн, друк |
OBJ / FBX / BLEND / STL | 3D | — | Так (через матеріали) | ✅ Так | 3D-моделі |
III. Порівняння типів графіки
Ознака | Растрова | Векторна | 3D |
Одиниця зображення | Піксель | Формула | Полігон / вершина |
Масштабування | Втрата якості | Без втрати | Вільне |
Розмір файлу | Залежить від роздільності | Малий | Великий |
Типові програми | Photoshop, GIMP | Inkscape, CorelDRAW | Blender, Maya |
Використання | Фото, текстури | Логотипи, креслення | Ігри, фільми |
Рефлексія від 0 учнів
Сподобався:
Так: 0
Ні: 0
Зрозумілий:
Так: 0
Ні: 0
Потрібні роз'яснення:
Ні: 0
Так: 0
Поняття комп’ютерної графіки. Кодування графічних даних. Поняття колірної моделі. Види графіки. Формати файлів
Поняття комп’ютерної графіки. Растрові зображення, їх властивості. Формати файлів растрових зображень
Урок: Поняття комп’ютерної графіки. Растрові зображення, їх властивості. Формати файлів растрових зображень.