HTML Diff
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