Растровая графика

1. Растровая графика

2. Растровая графика

изображения, составленные
из пикселей маленьких цветных
квадратиков, размещённых
в прямоугольной сетке

3. Пиксель

Pixel (англ.) pix element
picture cell
наименьший логический элемент
двумерного цифрового изображения
в растровой графике

4. Пиксель

физический элемент матрицы дисплеев,
формирующих изображение

5. Пиксел или пиксель?

ГОСТ 27459-87 Системы обработки
информации. Машинная графика.
Термины и определения
Пиксель наименьший элемент
поверхности визуализации, которому
может быть независимым образом
заданы цвет, интенсивность и другие
характеристики изображения

6. Характеристики

разрешение
размер
цветовая модель

7. Разрешение

Для отображения на экране:
количество пикселей на дюйм
ppi pixel per inch
Например
для публикации в интернете 72 ppi

8. Разрешение

Для отображения на печати:
количество точек на дюйм
dpi dot per inch
Например
для печати 300 dpi

9. Размер

Измеряется в мегапикселях
Мега 1 000 000
Например
1500 × 2000 = 3 000 000 = 3Мп

10. Цветовая модель

характеристика изображения,
описывающая его представление
на основе цветовых каналов
RGB (Red, Green. Blue)
CMYK (Cyan, Magenta, Yellow, Black)
GrayScale (оттенки серого)

11. RGB

В прямом свете на экране компьютера
Три основных цвета красный, зелёный,
синий
Оттенок интенсивность свечения
субпикселей

12. RGB

13. CMYK

В отражённом свете на печати
Три основных цвета (сине-зелёный,
пурпурный,жёлтый) и один
дополнительный чёрный
Оттенки за счёт непрозрачности
краски
Меньший спектр оттенков, чем RGB
Более аппаратно-зависима

14. CMYK

15. Достоинства растровой графики

простота получения (сканер,
фотокамера)
точная передача цветовых переходов
стандартизованность форматов
файлов
широкая распространённость
высокая скорость обработки (без
масштабирования)

16. Недостатки растровой графики

большой размер файла, тесно
связанный с качеством
фиксированность качества
невозможность масштабирования без
потери качества
сложность рисования от руки
невозможность поворота без
искажений на угол, отличающийся от
90°

17. Форматы растровых файлов

Растровая графика
ФОРМАТЫ РАСТРОВЫХ
ФАЙЛОВ

18. BMP

BitMap Picture
для публикации изображений в WEB
Преимущества :
• небольшой размер изображения
• поддержка прозрачности
• возможность создания покадровой анимации
Недостатки
• малое количество возможных цветов (до 256)
• отсутствие передачи полупрозрачности

19. GIF

Graphics Interchange Format
для публикации изображений в WEB
Преимущества :
• небольшой размер изображения
• поддержка прозрачности
• возможность создания покадровой анимации
Недостатки
• малое количество возможных цветов (до 256)
• отсутствие передачи полупрозрачности

20. PNG

Portable Network Graphic
для публикации изображений в WEB
Преимущества :
Полноцветные изображения с цветовыми
переходами и полутонами.
сжатие без потерь.
использование прозрачности и,
полупрозрачности.
Недостатки
• невозможность создания анимированного
изображения
• Разное понимание прозрачности браузерами

21. TIFF

Tagged Image File Format
Хранение изображений высокого качества
Преимущества :
любые цветовые модели
широкий диапазон изменения глубины
цвета
работа со слоями
Недостатки
большой "вес" файла

22. JPEG

Joint Photographic Experts Group
Самый распространённый в Интернете
Преимущества :
небольшой "вес" файла
для изображений с плавными цветовыми
переходами
Недостатки
• сжатие с потерями
• не пригоден для чертежей и схем
• не поддерживает прозрачность