Министерство образования Республики Беларусь

Учреждение Образования
БЕЛОРУССКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
ИНФОРМАТИКИ И РАДИОЭЛЕКТРОНИКИ

Кафедра менеджмента

Лабораторная работа №3
«Редактирование цифровых фотографий»

Проверилa: Выполнил:
Крюкова Д.С. Зеньков Е.А.173901

1
Оглавление
1 КОМПЬЮТЕРНАЯ ГРАФИКА И ЕЁ ВИДЫ..............................................3
1.1 Растровая графика.......................................................................................3
1.2 Векторная графика......................................................................................4
2 ФОРМАТЫ ИЗОБРАЖЕНИЯ.........................................................................6
3 АХРОМАТИЧСКИЕ И ХРМОАТИЧЕСКИЕ ЦВЕТА В
ИЗОБРАЖЕНИЯХ................................................................................................8
3.1 Хроматические цвета..................................................................................8
4 ПОРЯДОК ДЕЙСТВИЙ ВЫПОЛНЕНИЯ ПРАКТИЧЕСКОГО
ЗАДАНИЯ.............................................................................................................10
СПИСКИ ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ......................................17

2
 1 КОМПЬЮТЕРНАЯ ГРАФИКА И ЕЁ ВИДЫ

Компьютерная графика – это раздел информатики, изучающий

способы и средства обработки и создания графического изображения с
помощью техники. Различают четыре вида компьютерной графики,
несмотря на то, что для обработки картинки с помощью компьютера
существует огромное количество различных программ. Это растровая,
векторная, фрактальная и 3-D графика.
В первую очередь виды компьютерной графики различаются по
принципам формирования иллюстрации при отображении на бумаге или
на экране монитора.
Если рассматривать этот раздел информатики в широком смысле, то
можно увидеть, что средства компьютерной графики позволяют решать
следующие три типа задач:
1) Перевод словесного описания в графическое изображение.
2) Задача распознавания образов, то есть перевод картинки в описание.
3) Редактирование графических изображений.
Основные области компьютерной графики:
1) моделирование;
2) проектирование;
3) отображение визуальной информации;
4) создание пользовательского интерфейса. [1]
1.1 Растровая графика
Растровое изображение, как мозаика, складывается из множества
маленьких ячеек — пикселей, где каждый пиксель содержит информацию
о цвете. Определить растровое изображение можно увеличив его масштаб:
на определённом этапе станет заметно множество маленьких квадратов —
это и есть пиксели. Наиболее распространённые растровые форматы: JPEG,
PNG. (см. рисунок 1)

Рисунок 1 – растровое изображение и его увеличенный фрагмент

Растровая графика удобна для создания качественных

фотореалистичных изображений, цифровых рисунков и фотографий.

3
Самый популярный редактор растровой графики — Adobe Photoshop. (см.
рисунок 2)

Рисунок 2 – пример использования растровой графики

Преимущества:
 Возможность создать изображение любой сложности — с огромным
количеством деталей и широкой цветовой гаммой.
 Растровые изображения наиболее распространённые.
 Работать с растровой графикой проще, так как механизмы её создания
и редактирования более привычны и распространены.
Недостатки:
 Большой занимаемый объём памяти: чем больше «размер»
изображения, тем больше в нём пикселей и, соответственно, тем
больше места нужно для хранения/передачи такого изображения.
 Невозможность масштабирования: растровое изображение
невозможно масштабировать без потерь. При изменении размера
оригинального изображения неизбежно (в результате процесса
интерполяции) произойдёт потеря качества.
1.2 Векторная графика
В отличие от растровых, векторные изображения состоят уже
не из пикселей, а из множества опорных точек и соединяющих их кривых.
Векторное изображение описывается математическими формулами и,
соответственно, не требует наличия информации о каждом пикселе. Сколько
ни увеличивай масштаб векторного изображения, вы никогда не увидите
пикселей. Самые популярные векторные форматы: SVG, AI. (см. рисунок 3)

Рисунок 3 – векторное изображение и его увеличенный фрагмент

4
 Векторная графика используется для иллюстраций, иконок,
логотипов и технических чертежей, но сложна для воспроизведения
фотореалистичных изображений. Самый популярный редактор векторной
графики — Adobe Illustrator. (см. рисунок 4)

Рисунок 4 – пример использования векторной графики

Преимущества:
 Малый объём занимаемой памяти — векторные изображения имеют
меньший размер, так как содержат в себе малое количество
информации.
 Векторные изображения отлично масштабируются — можно
бесконечно изменять размер изображения без потерь качества.
Недостатки:
 Чтобы отобразить векторное изображение требуется произвести ряд
вычислений, соответственно, сложные изображения могут требовать
повышенных вычислительных мощностей.
 Не каждая графическая сцена может быть представлена
в векторном виде: для сложного изображения с широкой цветовой
гаммой может потребоваться огромное количество точек и кривых, что
сведёт «на нет» все преимущества векторной графики.
 Процесс создания и редактирования векторной графики отличается
от привычной многим модели — для работы с вектором потребуются
дополнительные знания. [2]

5
 2 ФОРМАТЫ ИЗОБРАЖЕНИЯ

Любое изображение, хранящееся на компьютере, имеет свой

графический формат. Каждый из графических форматов имеет свои
свойства и своё предназначение. На сегодняшний день существует
огромное количество графических форматов.
Знание файловых форматов и их возможностей является одним из
ключевых факторов в допечатной подготовке изданий, в подготовке
изображений для web-страниц и в компьютерной графике вообще. Все
форматы имеют какие-то характерные особенности и возможности,
делающие их незаменимыми в работе. Формат файла определяется по его
расширению. Поэтому в большинстве случаев обозначение формата и
расширение совпадают.
Существует несколько различных типов графических форматов,
каждый из которых сохраняет данные определенным способом. В настоящее
время наиболее широко используются растровый, векторный и
метафайловый форматы. Существуют, однако, и другие типы форматов
— форматы сцены, анимации, мультимедиа, гибридные, гипертекстовые,
гипермедиа, объемные, язык моделирования виртуальной реальности
(VRML), аудиоформаты, форматы шрифтов, язык описания страницы (PDL).
[3]

Рисунок 1 – форматы изображений, которые приведены ниже

TIFF – позволяет максимально точно сохранить подготовленный

проект фотошопа. Он содержит не только пиксельную информацию, но
также плотность точек на изображение при печати dpi. При сохранении
иллюстрации в этом формате не используется ни один из видов компрессии
(сжатия). В этом формате получают максимально возможную степень
качества и соответствия, сохраненной в файле копии изображения. Это
единственный формат, используемый в профессиональном дизайне для
хранения изображений высокого качества. Качественные TIF-изображения
могут занимать несколько сотен мегабайт. TIFF-формат является лучшим
выбором при передаче изображений и растровой графики в векторные
программы и издательские системы. (см. рисунок 1)
PSD – это собственный формат программы Adobe Photoshop, он
позволяет сохранять всю проделанную работу над изображением. А
именно прозрачность, режимы смешивания слоев, тени, слои, маски слоя
и все остальные мелочи работы, проделанной с изображением. Этот
формат обычно используется, если работа над изображением до конца не
6
завершена. Так же его часто используют для разработки макета сайта, так
как производить верстку с данного файла удобно видя все слои и элементы.
А во всех остальных случаях его использование нет смысла, так как он
имеет значительно большой размер файла по отношению к другим
форматам. (см. рисунок 1)
BMP – это точечный рисунок. Изображение в этом формате состоит
из массы точек, каждая из которых содержит свой цвет. Этот формат
имеет очень большой размер и хорошо подвергается сжатию
архиваторами. Потери качества в BMP не значительное, однако, он
уступает TIFF. Его не рекомендуется использовать не для web-дизайна, не
для передачи. (см. рисунок 1)
GIF – в основном используется для изготовления графики для
Интернета. Он не годится для сохранения фотографий, так как имеет
ограничение по цветопередаче, по этим же причинам он не годится для
полиграфии. Изображение данного графического формата состоит из
точек, которые могут включать в себя от 2 до 256 цветов. Ограниченность
цветопередачи и поддержка прозрачности делают его незаменимым для
хранения изображений с минимум цветов, например логотипов. Еще одна
особенность формата — это возможность изготовления анимированных
изображений. (см. рисунок 1)
PNG – это графический формат, который пришел совсем недавно на
смену GIF формату, и уже успел, стань очень популярным из-за того, что
умеет держать прозрачность и полупрозрачность что было невозможно в
его предшественнике GIF. Это значит, что PNG держит полупрозрачность в
диапазоне от 1 до 99% при помощи альфа-канала с 256 градациями серого.
Прозрачность работает следующим образом, в файл записывается
информация о гамма — коррекции. Гамма-коррекция представляет собой
определенное число яркости, контраста монитора. Это число в
последующем считывается из файла и позволяет откорректировать
отображение изображения за счет поправок яркости. (см. рисунок 1)
JPG – этот формат используется для сжатия изображения в десятки
раз. Формат позволяет использовать различные степени сжатия, делая тем
самым выбор либо в сторону увеличения качества, либо в сторону
уменьшения файла. В профессиональной полиграфии этот формат не
используется из-за существенных потерь качества изображения. Для
просмотра изображения на экране монитора или для распечатки на
принтере качества JPG-формата достаточно. В формате JPG используется
метод сжатия JPEG. Этим методом лучше сжимаются растровые
изображения фотографического качества и плохо сжимаются логотипы
или схемы. Нежелательно сохранять изображения в JPG-формате, где
важны все тонкости цветопередачи, так как во время сжатия происходит
отбрасывание некоторой цветовой информации. В этом формате следует
сохранять только конечный вариант работы, потому что любое

7
пересохранение приводит к новым потерям данных и превращениям
изображения в кашу. (см. рисунок 1) [4]

8
 3 АХРОМАТИЧСКИЕ И ХРМОАТИЧЕСКИЕ ЦВЕТА В
ИЗОБРАЖЕНИЯХ
Все цвета, которые воспринимает наш глаз делятся на
хроматические (цвета спектра) и ахроматические (белый, черный и
оттенки серого). За восприятие хроматических и ахроматических цветов
отвечают разные клетки глаза. (см. рисунок 1)

Рисунок 1 – хроматические и ахроматические цвета

3.1 Хроматические цвета
Видимый свет имеет волны разной длины, которые человеческий
мозг воспринимает как определенные цвета. Предмет обычно поглощает
волны одной длины и отражает волны другой длины. Те волны, которые
предмет отражает, мы и воспринимаем как его цвет. То есть, например,
рябина поглощает все цвета кроме красного, а красный отражает. Поэтому
она и кажется нам красной.
Обычно под цветами спектра (хроматическими) воспринимаются
цвета радуги: красный, оранжевый, желтый, зеленый, голубой, синий,
фиолетовый.  Все хроматические цвета состоят из трех  первичных цветов
(primary): красного, желтого и синего.  Если смешать первичные цвета
между собой получатся вторичные (secondary)  цвета:
 Красный + желтый = оранжевый
 Желтый + синий = зеленый
 Синий + красный = фиолетовый
Если смешать первичные и вторичные цвета, находящиеся рядом,
между собой, получатся третичные (tertiary)  цвета:
 Красный + оранжевый = красно-оранжевый
 Оранжевый + желтый = желто-оранжевый
 Желтый + зеленый = желто-зеленый
 Зеленый + синий = сине-зеленый, цвет морской волны
 Синий + фиолетовый = индиго,  сине-фиолетовый
 Фиолетовый + красный = пурпурный, красно- фиолетовый

9
 Если смешать цвета, находящиеся друг напротив друга (они
называются дополнительными), они нейтрализуют друг друга и
получится  серый  цвет средней насыщенности. (см. рисунок 2)

Рисунок 2 – палитра хроматических

цветов

3.2 Ахроматичес кие цвета
Ахроматические цвета - черный, белый
и все оттенки серого. Черный поглощает все
цветовые волны, белый отражает все
световые волны. Что интересно, картинку,
приближенную к черно-белой, мы видим в сумерках - при недостатке
освещения цветовосприятие снижается. (см. рисунок 3)

Рисунок 3 – палитра ахроматических цветов

Хроматические и ахроматические цвета не существуют отдельно -

они взаимодействуют. Благодаря этому мы получаем всю палитру
возможных цветов.
Все цвета обладают тремя характеристиками:
 Холодный – теплый
 Яркий – мягкий
 Светлый – насыщенный [5]

10
4 ПОРЯДОК ДЕЙСТВИЙ ВЫПОЛНЕНИЯ ПРАКТИЧЕСКОГО
ЗАДАНИЯ
Для выполнения данного практического задания лабораторной
работы № 3 у нас есть исходное изображение (см. рисунок 1), которое
предоставлено нам для того, чтобы научиться:
 редактированию разрешения и цветового разрешения растровых
изображений;
 конвертации исходного изображения в различные форматы.

Рисунок 1 – исходное

изображение

1) Второе и третье изображение мы получаем из исходного

изображения (см. рисунок 1), воспользовавшись инструментами
Изображение/размер изображения с помощью измения разрешений
исходного файла с 600 dpi на 300 dpi (см. рисунок 2), а также на 96 dpi (см.
рисунок 3).

Рисунок 2 – изображение с разрешением 300 dpi

11
 Рисунок 3 – изображение с разрешением 96 dpi

Сравнение: насколько известно разрешение 600 dpi (см. рисунок 1)

используется для фотопечати (при таком разрешении растр практически
незаметен для невооруженного глаза), 300 dpi (см. рисунок 2) используется
для печати на принтерах (но не справляется с большим разрешением
поскольку бумага пористая), 96 dpi, также, как и 72 dpi, используют для
экранов и дисплеев. Если сравнивать три растровых изображения (см.
рисунок 1, 2, 3), то можно заметить, что качество растрового изображения
при приближении заметно ухудшается и вместо четкого изображения мы
видим пиксельную картинку. Так же размер изображения уменьшается в 4
раза (при изменении разрешения с 600 dpi на 300 dpi) и в 10 раз (при
изменении разрешения с 300 dpi на 96 dpi) (см. рисунок 1.1).

600 dpi 300 dpi

96 dpi

Рисунок 1.1 – сравнение качества при приближении

12
 2) Четвертое изображение мы получаем из исходного изображения
(см. рисунок 1) с помощью использования инструментов
Изображение/размер изображения меняем размер исходного файла с 10×15
см на 20×30 см, при этом, не меняя его разрешение 600 dpi (см. рисунок 4).

Рисунок 4 – изображение с размером 20×30 см, 600 dpi

Сравнение: особых изменений нет за исключением того, что размер

изображения увеличился с 10×15 см на 20×30 см, соответственно из-за этого
меняется вес изображения с 40 мб до 95 мб, а также при приближении
заметна прибавка резкости, соответственно из-за этого изображение
становится чётче.

3) Пятое изображение получаем из исходного изображения (см.

рисунок 1) с помощью пересохранения исходного файла (инструмент
Сохранить как) под новым именем в *.bmp формате с измением глубины
цветопередачи с 24 бит на 16 бит (см. рисунок 5).

Рисунок 5 – изображение в формате *.bmp, глубина цветопередачи 16

бит
13
 Сравнение: отчётливых изменений на экране не видно. Если говорить
об изменении глубины цветопередачи на растровых изображениях, то в
любом случае разницы не будет заметно, но изменение глубины
цветопередачи используется для плавности в редактировании изображений,
т.е чем выше глубина цветопередачи, тем плавнее будут переходы, не
будет возникать проблем при работе с кривыми, будет больше шагов
коррекции тонов и цветов. Поэтому, даже если разница не может быть
изначально заметна, переход к меньшей битовой глубине цвета может стать
серьезной проблемой позже, при редактировании изображения.

4) Шестое, седьмое и восьмое изображение получаем из исходного

изображения (см. рисунок 1), а также изображений из пункта 1 (см.
рисунок 2, 3) с помощью сохранения (инструмент Сохранить как) в *.jpg
формате указывая параметр качества – «12 (наилучшее)» (см. рисунок 6,
7, 8).

Рисунок 6 – исходное изображение (см. рисунок 1) в *.jpg формате, парметр

качества 12 (наилучшее)

14
 Рисунок 7 – изображение из пункта 1 (см. рисунок 2) в *.jpg формате,
парметр качества 12 (наилучшее)

Рисунок 8 – изображение из пункта 1 (см. рисунок 3) в *.jpg формате, парметр

качества 12 (наилучшее)

Сравнение: отчётливых изменений на экране не видно, но если

говорить о смене формата с *.bmp на *.jpg, то изображения меняют вес, так
как *.bmp, в отличии от *.jpg, весит больше всего, но при этом изображение
фактически не сжимается и имеет высокое качество, а*.jpg имеет самый
малый вес, это связано с тем, что происходит сжатие рисунка, посредствам
усреднения цвета соседних пикселей, при этом наносится ущерб качеству
изображения. Изменение параметра качества на «12 (наилучшее)» не
делает видимых изменений на экране, за исключением того, что картинка
становится чётче.

5) Девятое изображение получаем из искажённого (сжатого)

изображения с параметрами 10×15, 96 dpi, 16 бит сохраняем в формате
*.jpg, указавыя параметр качества «1 (плохое)» (см. рисунок 9).

15
 Рисунок 9 – изображение с параметрами 10×15, 96 dpi, 16 бит, формат
*.jpg, параметр качества 1 (плохое)
Сравнение: если сравнивать полученное изображение с изображениями
из пункта 4 (см. рисунок 6, 7, 8), то сразу становится заметно, что
ухудшается качество. Во-первых на это влияет смена формата с *.bmp на
*.jpg, во-вторых изменение разрешения изображения с 600 dpi на 96 dpi (об
этом шла речь в пункте 1, 96 dpi, также как и 72 dpi, в основном
используется для экранов и дисплеев, при этом ухудшается качество и
размер изображения в 10 раз), в-третьих, что является малозаметным и
менее важным – это размер изображения ( в данном случае 10×15 см) и
глубина цветопередачи (в данном случае была изменена с 24 бит на 16
бит), размер изображения влияет на чёткость изображения или наоборот,
а глубина цветопередачи влияет на дальнейшее редактирование
изображений (см. сравнение в пункте 3).

6) Десятое изображение получаем из исходного изображения при

помощи инструмента Изображение/Режим/Градации серого конвертируя
исходное изображение в чёрно-белый формат, сохраняя его в формате
*.bmp с глубиной (цветовым разрешением) 4 бит (см. рисунок 10).

Рисунок 10 – исходное изображение с использованием градации

серого, конвертируемое в черно-белый формат, формат *.bmp с глубиной 4
бит

Сравнение: исходное изображение было конвертировано в чёрно-

белый формат с глубиной цветопередачи 4 бит (формат *.bmp). Глубина
цветопередачи (цветовое разрешение) не имеет значения для чёрно-белых
изображений, соответственно значимых изменений в качестве изображения
не видно. Самое главное отличие чёрно-белых изображений от цветных –

16
это отсутствие любой информации о цветовых характеристиках
объектов.

17
 СПИСКИ ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ
[1] [Электронный ресурс]. — Режим доступа: — https://fb-
ru.turbopages.org/fb.ru/s/article/190005/kompyuternaya-grafika-chto-takoe-vidyi-
kompyuternoy-grafiki
[2] [Электронный ресурс]. — Режим доступа: —
https://htmlacademy.ru/blog/boost/frontend/rastr-vector
[3] [Электронный ресурс]. — Режим доступа: —
https://fotodizart.ru/formaty-izobrazheniya.html
[4] [Электронный ресурс]. — Режим доступа: —
https://www.sites.google.com/site/grafgimp/home/formaty-graficeskih-fajlov
[5] [Электронный ресурс]. — Режим доступа: — https://color-
harmony.livejournal.com/423.html

18