Векторная и растровая графика - основные свойства

1. Компьютерная графика
Растр, вектор, параметры

2. Растр и вектор
 Существуют два принципиально
разных типа изображений в
компьютерном представлении –
Вектор и Растр

3. Это растровое изображение
пикселы
 Другое название – Bitmap. Тип
изображения состоящий из пикселов
(мельчайший элемент изображения)
 При изменении размера
(масштабировании) это очень заметно

4. Это векторное изображение
главная особенность –
четкие края объектов
 Такое изображение состоит из кривых. В файле,
каждая кривая описывается математической
формулой
 При показе, программа последовательно создает
изображение, согласно данным формулам
 При масштабировании таких изображений их
качество остается высоким.

5. Применение в ВЕБе
 Подавляющее большинство картинок
– растровые (.jpg, .gif, .png)
 К Векторным форматам относится
Flash (.swf) и «редкий случай» - SVG
 Оба векторных формата требует
присутствия в браузере плагина для
их обработки (представления)

6. Программы для работы с
Векторными форматами
 CorelDraw – самый популярный в
нашей стране
 Adobe Illustrator –
наиболее правильный
с точки зрения создаваемых файлов
 Adobe Fireworks – “гибридный”
редактор
 Corel Xara

7. Adobe Flash
Больше, чем просто
редактор векторной
графики.
С его помощью создают:
 анимационные фильмы;
 презентационные ролики;
 рекламные баннеры;
 навигацию веб-сайтов;
 веб-сайты;
 игры

8. Пример флэш – меню
Сайт - collegemicrob.narod.ru

9. Свойства точечных изображений

10. Размер в пикселах и 300 рх
разрешение
200 рх
 Для WEB важен только размер
изображения в пикселах и его объѐм в
килобайтах (300х200 – ширина х высота)
 Разрешение: - (dpi) число точек на дюйм
(один дюйм = 2,54 см). Чем больше
разрешение, тем более чѐткое
изображение на отпечатке
 Важно только для печати, т.к. разрешение
компьютерного монитора невелико (72 –
96 точек на дюйм)

11. Объем файла
 Он прямо пропорционален площади
изображения и зависит от выбранного
формата сжатия
(gif, jpeg, png-8 или png-24)
 Файлы, предназначенные для печати на
полиграфическом оборудовании (журналы),
могут быть просто огромны (мегабайты)
 Объѐмы файлов для ВЕБ колеблются в
среднем от 1 до 150 кБ (для иллюстраций)

12. Количество цветов
 В зависимости от
количества цветов
различают:
 черно-белые (bimap)
изображения.
В них 2 цвета
(черный и белый)

13. Градации серого (полутоновые)
 Grayscale - Используют
для передачи черно-
белых фотографий или
рисунков с полутонами
 Как правило, в таких
изображениях -
256 уровней тона от
черного до белого

14. Цветные с индексированным
цветом (от 2 до 256 цветов)
Indexed
colors
Здесь применена
палитра из 32 цветов

15. … и полноцветные - True color
RGB - 24 битный цвет - содержит миллионы цветов

16. Цветовая схема
RGB и CMYK

17. Цветовая схема RGB
 RGB – для отображения на экранах
(мониторов, например)
 Представляет собой смешение трѐх
светящихся точек основных цветов
(красный, зеленый, синий)

18. Цветовая схема CMYK
 В полиграфии применяются голубой,
пурпурный и желтый красители.
 Cyan (C), Magenta (M), Yellow (Y), blacK (K)
 В том месте, где пересекаются голубой и
пурпурный, образуется синий и так далее.
Magenta
Yellow
Cyan

19. Конвертирование цветовых
схем
 Модели RGB и CMYK связаны
между собой.
 Но взаимные переходы
между моделями друг в друга
(конвертирование) никогда
не происходят без потерь.

20. Ограничения этих цветовых
схем
На бумаге (журнал)
монитор
Все цвета, видимые
человеком в природе
(модель LAB)

21. Сжатые форматы для ВЕБ
 Для ВЕБ страниц применяют только
специальные (сжатые) форматы
 GIF
 JPEG РАСТРОВЫЕ ФОРМАТЫ
 PNG
 SWF - векторный формат (flash)
Продолжение следует…