1 added
1 removed
Original
2026-01-01
Modified
2026-03-10
1
<ul><li><a>Растр - это…</a></li>
1
<ul><li><a>Растр - это…</a></li>
2
<li><a>Пиксель - определение</a></li>
2
<li><a>Пиксель - определение</a></li>
3
<li><a>Основные характеристики растровых изображений</a></li>
3
<li><a>Основные характеристики растровых изображений</a></li>
4
<li><a>Преимущества и недостатки</a></li>
4
<li><a>Преимущества и недостатки</a></li>
5
<li><a>Области применения</a></li>
5
<li><a>Области применения</a></li>
6
<li><a>Форматы</a></li>
6
<li><a>Форматы</a></li>
7
<li><a>Векторная графика</a></li>
7
<li><a>Векторная графика</a></li>
8
<li><a>Плюсы и минусы векторных картинок</a></li>
8
<li><a>Плюсы и минусы векторных картинок</a></li>
9
</ul><p>В процессе работы за компьютером пользователям предстоит иметь дело с различными графическими изображениями. В глобальном смысле они подразделяются на два крупных класса: растровая и векторная графика. С этими двумя типами изображений необходимо познакомиться каждому дизайнеру.</p>
9
</ul><p>В процессе работы за компьютером пользователям предстоит иметь дело с различными графическими изображениями. В глобальном смысле они подразделяются на два крупных класса: растровая и векторная графика. С этими двумя типами изображений необходимо познакомиться каждому дизайнеру.</p>
10
<p>Далее предстоит изучить растровую и векторную графику получше. Особое внимание нужно уделить первому типу изображений. Он является наиболее распространенным в современной компьютерной технике. Представленная информация пригодится как дизайнерам, так и обычным пользователям.</p>
10
<p>Далее предстоит изучить растровую и векторную графику получше. Особое внимание нужно уделить первому типу изображений. Он является наиболее распространенным в современной компьютерной технике. Представленная информация пригодится как дизайнерам, так и обычным пользователям.</p>
11
<h2>Растр - это…</h2>
11
<h2>Растр - это…</h2>
12
<p>Выясняя, что такое растровая графика, необходимо сначала разобраться с понятием "растр". Этот термин пришел из полиграфии. Он обозначал специальное приспособление, необходимое для создания штриховых изображений, многократно воспроизводимых печатным методом. Внешне растр напоминал решетку, из-за чего и получил свое название: с латыни "rastrum" означает "грабли" или "скребок".</p>
12
<p>Выясняя, что такое растровая графика, необходимо сначала разобраться с понятием "растр". Этот термин пришел из полиграфии. Он обозначал специальное приспособление, необходимое для создания штриховых изображений, многократно воспроизводимых печатным методом. Внешне растр напоминал решетку, из-за чего и получил свое название: с латыни "rastrum" означает "грабли" или "скребок".</p>
13
<p>Сейчас термин "раст" является многозначным. Наиболее популярной его трактовкой является "вид графики". Все изображения, созданные на бумаге - это растровые изображения. При их увеличении на бумаге будет видно множество точек от красящего вещества. В отношении компьютерной техники под точкой понимается пиксель - минимальная единица растрового изображения.</p>
13
<p>Сейчас термин "раст" является многозначным. Наиболее популярной его трактовкой является "вид графики". Все изображения, созданные на бумаге - это растровые изображения. При их увеличении на бумаге будет видно множество точек от красящего вещества. В отношении компьютерной техники под точкой понимается пиксель - минимальная единица растрового изображения.</p>
14
<h2>Пиксель - определение</h2>
14
<h2>Пиксель - определение</h2>
15
<p>Выясняя особенности растровой графики, нужно обязательно знать, что собой представляет пиксель. Это составная часть растрового изображения правильной квадратной формы. Пиксель обладает некоторыми характеристиками:</p>
15
<p>Выясняя особенности растровой графики, нужно обязательно знать, что собой представляет пиксель. Это составная часть растрового изображения правильной квадратной формы. Пиксель обладает некоторыми характеристиками:</p>
16
<ul><li>размером;</li>
16
<ul><li>размером;</li>
17
<li>цветом;</li>
17
<li>цветом;</li>
18
<li>положением.</li>
18
<li>положением.</li>
19
</ul><p>Компьютерная техника обрабатывает растровые изображения путем расстановки пикселей в нужном порядке с последующим их окрашиванием в тот или иной цвет. Результатом подобных действий становится видимое изображение. При сильном его увеличении на экране будут заметны пиксели.</p>
19
</ul><p>Компьютерная техника обрабатывает растровые изображения путем расстановки пикселей в нужном порядке с последующим их окрашиванием в тот или иной цвет. Результатом подобных действий становится видимое изображение. При сильном его увеличении на экране будут заметны пиксели.</p>
20
<h2>Основные характеристики растровых изображений</h2>
20
<h2>Основные характеристики растровых изображений</h2>
21
<p>К основным характеристикам данного типа изображений можно отнести разрешение и глубину цвета. Основным параметром служит разрешение. Она указывает на количество пикселей по горизонтали и вертикали, которое хранит в себе та или иная картинка. Именно разрешение отвечает за четкость и детализированность.</p>
21
<p>К основным характеристикам данного типа изображений можно отнести разрешение и глубину цвета. Основным параметром служит разрешение. Она указывает на количество пикселей по горизонтали и вертикали, которое хранит в себе та или иная картинка. Именно разрешение отвечает за четкость и детализированность.</p>
22
<p>Глубина цвета - характеристика, которая измеряется в битах. Этот параметр отвечает за максимально поддерживаемое количество цветов тем или иным изображением на экране. От глубины зависят фотореалистичность и плавность градиентных переходов.</p>
22
<p>Глубина цвета - характеристика, которая измеряется в битах. Этот параметр отвечает за максимально поддерживаемое количество цветов тем или иным изображением на экране. От глубины зависят фотореалистичность и плавность градиентных переходов.</p>
23
<p>Чтобы выяснить, сколько цветов доступно для картинки, необходимо возвести 2 в степень, обозначенную битами.</p>
23
<p>Чтобы выяснить, сколько цветов доступно для картинки, необходимо возвести 2 в степень, обозначенную битами.</p>
24
<h2>Преимущества и недостатки</h2>
24
<h2>Преимущества и недостатки</h2>
25
<p>Растровая графика имеет как плюсы, так и минусы. К преимуществам таких изображений относят:</p>
25
<p>Растровая графика имеет как плюсы, так и минусы. К преимуществам таких изображений относят:</p>
26
<ul><li>возможность воспроизвести любой графический рисунок, независимо от степени его сложности;</li>
26
<ul><li>возможность воспроизвести любой графический рисунок, независимо от степени его сложности;</li>
27
<li>широкую распространенность;</li>
27
<li>широкую распространенность;</li>
28
<li>высокую скорость обработки сложных изображений, если не требуется производить масштабирование;</li>
28
<li>высокую скорость обработки сложных изображений, если не требуется производить масштабирование;</li>
29
<li>свойственность для большинства устройств ввода-вывода (принтеров, фотоаппаратов, сканеров и так далее).</li>
29
<li>свойственность для большинства устройств ввода-вывода (принтеров, фотоаппаратов, сканеров и так далее).</li>
30
</ul><p>Картинки с такой графикой получаются реалистичными и детализированными. Несмотря на это, у данного типа изображений имеются свои недостатки.</p>
30
</ul><p>Картинки с такой графикой получаются реалистичными и детализированными. Несмотря на это, у данного типа изображений имеются свои недостатки.</p>
31
<p>К минусам растровых картинок относят:</p>
31
<p>К минусам растровых картинок относят:</p>
32
<ul><li>большой размер файлов с простыми изображениями;</li>
32
<ul><li>большой размер файлов с простыми изображениями;</li>
33
<li>невозможность идеального масштабирования - качество может ухудшаться в отдельных случаях (пример - при очень сильном увеличении картинки);</li>
33
<li>невозможность идеального масштабирования - качество может ухудшаться в отдельных случаях (пример - при очень сильном увеличении картинки);</li>
34
<li>невозможность вывода на печать на плоттер.</li>
34
<li>невозможность вывода на печать на плоттер.</li>
35
</ul><p>Несмотря на недостатки, преимущества растровой графики перевешивают. Данный тип картинок все равно остается широко распространенным в компьютерной технике. Для простейшей графики рекомендуется пользоваться вторым вариантом - векторным представлением.</p>
35
</ul><p>Несмотря на недостатки, преимущества растровой графики перевешивают. Данный тип картинок все равно остается широко распространенным в компьютерной технике. Для простейшей графики рекомендуется пользоваться вторым вариантом - векторным представлением.</p>
36
<h2>Области применения</h2>
36
<h2>Области применения</h2>
37
<p>Перед тем как выяснять, что собой представляют векторные изображения, нужно разобраться в сферах применения растровых картинок. Они широко распространены в современном мире.</p>
37
<p>Перед тем как выяснять, что собой представляют векторные изображения, нужно разобраться в сферах применения растровых картинок. Они широко распространены в современном мире.</p>
38
<p>Такой тип графики помогает добиваться высокой степени детализации. Именно поэтому он встречается во всех современных смартфонах, планшетах, компьютерах, ноутбуках, фотоаппаратах и другой технике. Он также активно используется в дизайне и фотографии. Везде, где требуются сложные картинки с высокой степенью детализации и многообразием цветов.</p>
38
<p>Такой тип графики помогает добиваться высокой степени детализации. Именно поэтому он встречается во всех современных смартфонах, планшетах, компьютерах, ноутбуках, фотоаппаратах и другой технике. Он также активно используется в дизайне и фотографии. Везде, где требуются сложные картинки с высокой степенью детализации и многообразием цветов.</p>
39
<h2>Форматы</h2>
39
<h2>Форматы</h2>
40
<p>Растровая графика обычно хранится в сжатом виде. В зависимости от типа сжатия получится или не получится восстановить картинку в точности такой, какой она была до сжатия. В графическом файле может храниться дополнительная информация:</p>
40
<p>Растровая графика обычно хранится в сжатом виде. В зависимости от типа сжатия получится или не получится восстановить картинку в точности такой, какой она была до сжатия. В графическом файле может храниться дополнительная информация:</p>
41
<ul><li>сведения об авторе документа;</li>
41
<ul><li>сведения об авторе документа;</li>
42
<li>данные о камере и ее параметрах;</li>
42
<li>данные о камере и ее параметрах;</li>
43
<li>количество точек на дюйм при печати и другие.</li>
43
<li>количество точек на дюйм при печати и другие.</li>
44
</ul><p>Наиболее распространенными форматами являются:</p>
44
</ul><p>Наиболее распространенными форматами являются:</p>
45
<ol><li>BMP - используется без сжатия. Может применять алгоритм RLE.</li>
45
<ol><li>BMP - используется без сжатия. Может применять алгоритм RLE.</li>
46
<li>GIF - формат, который утрачивает свою актуальность. Он поддерживает до 256 цветов одновременно. Популярен из-за поддержки анимации, которая отсутствует в чистом PNG.</li>
46
<li>GIF - формат, который утрачивает свою актуальность. Он поддерживает до 256 цветов одновременно. Популярен из-за поддержки анимации, которая отсутствует в чистом PNG.</li>
47
<li>PNG.</li>
47
<li>PNG.</li>
48
<li>PCX - устаревший формат графики. Позволяет качественно сжимать простые нарисованные картинки.</li>
48
<li>PCX - устаревший формат графики. Позволяет качественно сжимать простые нарисованные картинки.</li>
49
<li>TIFF - предусматривает большой диапазон изменения глубины цвета, разнообразные цветовые гаммы, настройки сжатия.</li>
49
<li>TIFF - предусматривает большой диапазон изменения глубины цвета, разнообразные цветовые гаммы, настройки сжатия.</li>
50
<li>RAW - используется для хранения информации, получаемой непосредственно с матрицы фотоаппарата или похожего устройства без применения тех или иных преобразований. Он включает в себя данные о настройках фотокамеры. Дает возможность избежать потери данных при применении к картинке разнообразных преобразований. Встречается при съемках в сложных условиях (плохая освещенность, невозможность выставить баланс белого и так далее).</li>
50
<li>RAW - используется для хранения информации, получаемой непосредственно с матрицы фотоаппарата или похожего устройства без применения тех или иных преобразований. Он включает в себя данные о настройках фотокамеры. Дает возможность избежать потери данных при применении к картинке разнообразных преобразований. Встречается при съемках в сложных условиях (плохая освещенность, невозможность выставить баланс белого и так далее).</li>
51
<li>JPEG - наиболее распространенный формат. Сжатие здесь базируется на усреднении цвета соседних пикселей (информация о яркости не усредняется), а также на отбрасывании высокочастотных составляющих в пространственном спектре фрагмента картинки. При более детальном рассмотрении сильно сжатого файла можно увидеть размытие резких границ и характерный муар около них.</li>
51
<li>JPEG - наиболее распространенный формат. Сжатие здесь базируется на усреднении цвета соседних пикселей (информация о яркости не усредняется), а также на отбрасывании высокочастотных составляющих в пространственном спектре фрагмента картинки. При более детальном рассмотрении сильно сжатого файла можно увидеть размытие резких границ и характерный муар около них.</li>
52
</ol><p>Примерами растровой графики могут служить обычные фотографии, сделанные на смартфон. Для работы с этим типом картинок необходимо пользоваться специальными графическими редакторами. К их числу относят: Photoshop, Paint, GIMP и другие.</p>
52
</ol><p>Примерами растровой графики могут служить обычные фотографии, сделанные на смартфон. Для работы с этим типом картинок необходимо пользоваться специальными графическими редакторами. К их числу относят: Photoshop, Paint, GIMP и другие.</p>
53
<h2>Векторная графика</h2>
53
<h2>Векторная графика</h2>
54
<p>Векторная графика - это графика, созданная при помощи кривых линий, заданных математическими формулами. Картинки, сформированные при помощи множества точек, объединенных математическими соотношениями.</p>
54
<p>Векторная графика - это графика, созданная при помощи кривых линий, заданных математическими формулами. Картинки, сформированные при помощи множества точек, объединенных математическими соотношениями.</p>
55
<p>Векторная картинка - это не сетка как в предыдущем случае, а геометрические фигуры:</p>
55
<p>Векторная картинка - это не сетка как в предыдущем случае, а геометрические фигуры:</p>
56
<ul><li>квадраты;</li>
56
<ul><li>квадраты;</li>
57
<li>круги;</li>
57
<li>круги;</li>
58
<li>линии;</li>
58
<li>линии;</li>
59
<li>многоугольники и так далее.</li>
59
<li>многоугольники и так далее.</li>
60
</ul><p>Эти элементы имеют координаты, радиус, цвет, прозрачность и иные параметры, отражающиеся на визуальной интерпретации.</p>
60
</ul><p>Эти элементы имеют координаты, радиус, цвет, прозрачность и иные параметры, отражающиеся на визуальной интерпретации.</p>
61
<p>В векторных изображениях компьютер будет запоминать не количество и цвета точек как в случае с растровой графикой, а математические функции, определяющие принцип расположения линий на экране. За счет этого удастся добиться высокой четкости без потери качества при сильном увеличении картинки.</p>
61
<p>В векторных изображениях компьютер будет запоминать не количество и цвета точек как в случае с растровой графикой, а математические функции, определяющие принцип расположения линий на экране. За счет этого удастся добиться высокой четкости без потери качества при сильном увеличении картинки.</p>
62
<h2>Плюсы и минусы векторных картинок</h2>
62
<h2>Плюсы и минусы векторных картинок</h2>
63
<p>Использование векторных изображений имеет свои преимущества и недостатки. К плюсам таких картинок относят:</p>
63
<p>Использование векторных изображений имеет свои преимущества и недостатки. К плюсам таких картинок относят:</p>
64
-
<ul><li>масштабирование, растягиван��е и перемещение без ухудшения качества;</li>
64
+
<ul><li>масштабирование, растягивание и перемещение без ухудшения качества;</li>
65
<li>небольшой размер простых иллюстраций по сравнению с растровой графикой;</li>
65
<li>небольшой размер простых иллюстраций по сравнению с растровой графикой;</li>
66
<li>универсальность применения: на сайтах, в контекстной и таргетированной рекламе, в полиграфии.</li>
66
<li>универсальность применения: на сайтах, в контекстной и таргетированной рекламе, в полиграфии.</li>
67
</ul><p>Недостатки у векторных файлов следующие:</p>
67
</ul><p>Недостатки у векторных файлов следующие:</p>
68
<ul><li>большой размер файлов с высокой детализацией картинки;</li>
68
<ul><li>большой размер файлов с высокой детализацией картинки;</li>
69
<li>ограниченность в использовании различных эффектов;</li>
69
<li>ограниченность в использовании различных эффектов;</li>
70
<li>трудности при создании детализированных фотореалистичных документов;</li>
70
<li>трудности при создании детализированных фотореалистичных документов;</li>
71
<li>проблемы совместимости форматов ввиду конкуренции производителей.</li>
71
<li>проблемы совместимости форматов ввиду конкуренции производителей.</li>
72
</ul><p>В отличие от растровых изображений, векторные используются в полиграфии, в процессе создания логотипов, при составлении схем и чертежей, а также в веб-дизайне и анимации. Наиболее распространенными форматами являются: EPS, AI, SWF и SVG.</p>
72
</ul><p>В отличие от растровых изображений, векторные используются в полиграфии, в процессе создания логотипов, при составлении схем и чертежей, а также в веб-дизайне и анимации. Наиболее распространенными форматами являются: EPS, AI, SWF и SVG.</p>
73
<p>Где используется растровая графика (и векторная), понятно. Лучше освоить азы работы с ней помогут дистанционные компьютерные курсы.</p>
73
<p>Где используется растровая графика (и векторная), понятно. Лучше освоить азы работы с ней помогут дистанционные компьютерные курсы.</p>
74
<p><em>Хотите освоить современную IT-специальность? Огромный выбор курсов по востребованным IT-направлениям есть в <a>Otus</a>!</em> </p>
74
<p><em>Хотите освоить современную IT-специальность? Огромный выбор курсов по востребованным IT-направлениям есть в <a>Otus</a>!</em> </p>
75
75