Компьютерная графика

Растр, вектор, параметры

Растр и вектор

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

Это растровое изображение

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

При изменении размера (масштабировании) это очень заметно

пикселы

Это векторное изображение

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

При показе, программа последовательно создает изображение, согласно данным формулам

При масштабировании таких изображений их качество остается высоким.

главная особенность – четкие края объектов

Применение в ВЕБе

Подавляющее большинство картинок – растровые (.jpg, .gif, .png)

К Векторным форматам относится Flash (.swf) и «редкий случай» - SVG

Оба векторных формата требует присутствия в браузере плагина для их обработки (представления)

Программы для работы с Векторными форматами

CorelDraw – самый популярный в нашей стране

Adobe Illustrator – наиболее правильныйс точки зрения создаваемых файлов

Adobe Fireworks – “гибридный” редактор

Corel Xara

Adobe Flash

анимационные фильмы;

презентационные ролики;

рекламные баннеры; навигацию веб-сайтов; веб-сайты; игры

Больше, чем просто редактор векторной графики.

С его помощью создают:

Пример флэш – меню

Сайт - collegemicrob.narod.ru

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

Размер в пикселах и разрешение

Для WEB важен только размер изображения в пикселах и его объём в килобайтах (300х200 – ширина х высота)

Разрешение: - (dpi) число точек на дюйм (один дюйм = 2,54 см). Чем больше разрешение, тем более чёткое изображение на отпечатке

Важно только для печати, т.к. разрешение компьютерного монитора невелико (72 – 96 точек на дюйм)

300 рх

200 рх

Объем файла

Он прямо пропорционален площади изображения и зависит от выбранного формата сжатия (gif, jpeg, png-8 или png-24)

Файлы, предназначенные для печати на полиграфическом оборудовании (журналы), могут быть просто огромны (мегабайты)

Объёмы файлов для ВЕБ колеблются в среднем от 1 до 150 кБ (для иллюстраций)

Количество цветов

В зависимости от количества цветов различают:

черно-белые (bimap) изображения. В них 2 цвета (черный и белый)

Градации серого (полутоновые)

Grayscale - Используют для передачи черно-белых фотографий или рисунков с полутонами

Как правило, в таких изображениях - 256 уровней тона от черного до белого

Цветные с индексированным цветом (от 2 до 256 цветов)

Здесь применена палитра из 32 цветов

Indexed colors

… и полноцветные - True color

RGB - 24 битный цвет - содержит миллионы цветов

Цветовая схема

RGB и CMYK

Цветовая схема RGB RGB – для отображения на

экранах (мониторов, например) Представляет собой смешение

трёх светящихся точек основных цветов (красный, зеленый, синий)

Цветовая схема CMYK В полиграфии применяются голубой,

пурпурный и желтый красители. Cyan (C), Magenta (M), Yellow (Y), blacK

(K) В том месте, где пересекаются голубой

и пурпурный, образуется синий и так далее.

Cyan

Magenta

Yellow

Конвертирование цветовых схем

Модели RGB и CMYK связаны между собой.

Но взаимные переходы между моделями друг в друга (конвертирование) никогда не происходят без потерь.

Ограничения этих цветовых схем

монитор

На бумаге (журнал)

Все цвета, видимые человеком в природе

(модель LAB)

Сжатые форматы для ВЕБ

Для ВЕБ страниц применяют только специальные (сжатые) форматы

GIF JPEG PNG SWF - векторный формат (flash)

РАСТРОВЫЕ ФОРМАТЫ

Продолжение следует…