Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-03-10

1 <ul><li><a>Определение</a></li>

2 <li><a>Характеристики</a></li>

3 <li><a>Преимущества и недостатки</a></li>

4 <li><a>Отличие от векторной графики</a></li>

5 <li><a>Форматы</a></li>

6 </ul>Растровая графика - это изображение, которое состоит из точек (пикселей) одинаковой формы и размеров, но разных цветов. Подобный способ представления графической информации в современных технологиях встречается достаточно часто. Он используется в цифровых фотографиях, рекламных баннерах, рисунках и других изображениях.

7 Далее предстоит изучить этот вид графики более подробно. Нужно познакомиться с видами растровой графики, их преимуществами и недостатками. А еще - изучить понятие векторных изображений, чтобы лучше понимать разницу между типами картинок в цифровом мире. Предложенные сведения рассчитаны на широкую публику. Они подойдут как новичкам, так и обычным пользователям.

8 <h2>Определение</h2>

9 "Растр" - понятие, которое изначально использовалось в полиграфии. Так обозначались печатные устройства, которые создают и многократно воспроизводят штриховые изображения. Механизм своей формой напоминал решетку. Из-за этого он получил название "растра" (от латинского rastrum - "скребок", "грабли").

10 Сейчас растр имеет много значений. Чаще всего этот термин используется для описания особого вида графики (изображений). Любая картинка, которая нарисована на бумаге от руки - это растровое изображение. При сильном увеличении оно представит собой множество одинаковых точек, которые отличаются друг от друга только цветовой гаммой. Они напоминают пиксели - минимальные единицы растровой графики.

11 Пиксель - составной элемент растрового изображения. Он представляет собой небольшой квадрат с такими характеристиками как:

12 <ul><li>положение;</li>

13 <li>цвет;</li>

14 <li>размер.</li>

15 </ul>Компьютеры при обработке фото и других изображений расставят пиксели в нужном порядке, а затем окрасят каждый из них в тот или иной цвет. Результатом станет видимая картинка. При сильном увеличении пиксели у растрового изображения становятся сильно заметными.

16 <h2>Характеристики</h2>

17 Рассматриваемая компьютерная графика имеет некоторые характеристики. Картинка, которая была создана без предварительного сжатия, описывается несколькими величинами для каждого своего элемента (точки):

18 <ul><li>цветовым режимом;</li>

19 <li>высотой;</li>

20 <li>шириной.</li>

21 </ul>Разрешение - это ключевая характеристика растрового графического изображения. Так называется количество пикселей по горизонтали и вертикали. Если перемножить эти показатели, пользователь получит общее число пикселей, которые включает в себя картинка. Расширением называется "степень детализации" и "четкость". Чем выше этот параметр, тем более проработанной окажется итоговая цифровая картинка на экране.

22 Второй значимый параметр, которым обладает растр, - это глубина цвета (или цветовой режим). Он представляет собой максимальное количество цветов, которые могут использовать компьютеры при отображении картинки на экране. Измеряется глубина в битах - 8, 16 и так далее. От глубины цвета зависят плавность градиента и фотореалистичность.

23 Для того, чтобы понять, сколько цветов доступно для цифровой графики, необходимо возвести 2 в степень, указанную в битах. Пример - изображение с глубиной цвета 8 бит может задействовать при обработке не более 256 цветов.

24 Формат цвета RGB выделит для каждой точки 3 байта:

25 <ul><li>красный оттенок;</li>

26 <li>зеленый оттенок;</li>

27 <li>синий оттенок.</li>

28 </ul>Работа с изображениями растровой графики, необходимо помнить - чем меньше цветов используется, тем меньшее количество информации потребуется для построения. Вес фото окажется меньше для черно-белых снимков, чем для цветных. Это связано с тем, что для таких изображений компьютеры обрабатывают всего один бит.

29 <h2>Преимущества и недостатки</h2>

30 Что значит растр, понятно. И как выглядит соответствующая графика - тоже. По сути, это самое обычное фото на компьютере. У изображений растровой графики есть ряд преимуществ и недостатков.

31 К плюсам относят следующие моменты:

32 <ol><li>Возможность создания изображения любой сложности. Современные компьютеры способны обработать растр и передать всю цветовую гамму с различными градиентами. В случае с векторными картинками добиться такого результата невозможно.</li>

33 <li>Простота создания. Картинка создается очень легко. За счет данной особенности растровые элементы широко используются в рекламе, фото, видео, полиграфии и иных областях деятельности.</li>

34 <li>Высокая скорость обработки и масштабирования.</li>

35 <li>Поддержка современным оборудованием. Растровые картинки используются повсеместно.</li>

36 </ol>Недостатки у рассматриваемого вида картинок тоже есть:

37 <ol><li>Размер. Сложное детализированное изображение характеризуется большим количеством информации. Это значит, что картинка будет много весить. Она займет немалое место на носителе. На размер исходного файла оказывают влияние также методы сжатия и форматы.</li>

38 <li>Потеря четкости при масштабировании. Именно поэтому разрешение является ключевым параметром. Чем оно выше, тем больше вероятность масштабирования без потери качества картинки на экране.</li>

39 <li>Сложности при печати на плоттерах.</li>

40 </ol>Растровая компьютерная графика также отнимает немалое количество оперативной памяти для обработки данных. Чем более детализированным будет изображение, тем "требовательнее" оно окажется.

41 <h2>Отличие от векторной графики</h2>

42 Растровый рисунок состоит из пикселей. Такая графика целесообразна, когда нужно получить высококачественный и яркий результат на экране. Он подойдет для печати фото и изображений с высоким уровнем реалистичности.

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

44 <ul><li>кривых;</li>

45 <li>точек;</li>

46 <li>эллипсов;</li>

47 <li>прямоугольников;</li>

48 <li>многоугольников.</li>

49 </ul>Каждый компонент будет иметь свои параметры:

50 <ul><li>толщина линии и контура;</li>

51 <li>прозрачность;</li>

52 <li>радиус кривизны;</li>

53 <li>координаты;</li>

54 <li>цвет;</li>

55 <li>размер и так далее.</li>

56 </ul>Векторный рисунок характеризуется меньшей степенью детализации. Такой вариант может использоваться при создании таблиц, схем, чертежей. Он дает возможность оперативно вносить необходимые изменения в картинку, поддерживает легкое масштабирование без потери качества.

57 Векторная графикаРастровые фотоФормированиеЧерез математические формулы и цветаМножеством пикселей, каждый из которых имеет свое положение и цветСтепень фотореалистичностиНизкаяВысокаяМасштабированиеНе ограниченоНизкое. Ограничение - это изначальное разрешениеОграниченияНельзя создать фотореалистичные рисункинельзя увеличивать без потери качества;при повышении разрешения увеличивается размер файла, требовательность к устройству и пропускной способности каналаСкорость обработкиСредняя. Достигается за счет небольшого количества вычислительный операцийСредняя или высокая. Получается за счет того, что каждый пиксель должен быть обработан компьютером перед выводом на экранТребовательность к оперативной памятиНизкаяСредняя или высокаяИзображения растровой графики могут быть созданы в Photoshop, Krita, Procreate. Векторные - в CorelDraw и Adobe Illustrator.

58 <h2>Форматы</h2>

59 Растровая графика и ее цвета бывают разных форматов:

60 <ol><li>JPEG - наиболее распространенный вид. Он характеризуется плавными цветовыми переходами. Использует алгоритм частичного сжатия, позволяющий давать артефакты (видимые искажения) при резком контрасте. При работе с чертежами и схемами JPEG не встречается. Он не подразумевает наличие прозрачных пикселей. Рисунки на белом фоне потребуют вырезания вручную, отделяя необходимый фрагмент от фона.</li>

61 <li>PNG - обычно используется для статичных рисунков. Характеризуется использованием алгоритма сжатия без потерь. Дает возможность получать картинки лучшего качества, но при большем размере исходного документа. Такие растровые графические компоненты поддерживают "прозрачные" пиксели.</li>

62 <li>GIF - формат как для анимации, так и для статичных компонентов. Количество используемых цветов - до 256.</li>

63 <li>BMP - использует принцип битовой карты. С ним работали первые версии Windows. На данный момент подобный растровый формат является устаревшим.</li>

64 </ol>Есть и менее известные виды растровых изображений. Пример - .nef, .cr2, .crw (в цифровой съемке) или .psd - в конкретном редакторе. Работать со всеми ними не составляет никакого труда даже начинающим дизайнерам.

65 Хотите освоить современную IT-специальность? Огромный выбор курсов по востребованным IT-направлениям есть в <a>Otus</a>!