Что такое растровый фон
Растровый фон
РАСТРОВЫЙ ФОН — белый фон изображения при репродуцировании последнего через растр, не закрытый и не вытравленный (см. Обтравка) при изготовлении растрового клише. Производит впечатление легкого серого фона.
Смотреть что такое «Растровый фон» в других словарях:
растровый электронный микроскоп (РЭМ) — [scanning electron microscope (SEM)] микроскоп, в котором изображение формируется при сканировании (развертывании), т. е. последовательном от точки к точке перемещении тонкого электронного луча (зонда) по поверхности массивного образца. Первые… … Энциклопедический словарь по металлургии
Манфред фон Арденне — фон Арденне, Манфред Дата рождения: 20 января 1907 Место рождения: Гамбург … Википедия
Арденне, Манфред фон — Манфред фон Арденне нем. Manfred von Ardenne … Википедия
Screen tint — Растровый фон; растровая плашка; Растровый фон; Растровая плашка … Краткий толковый словарь по полиграфии
Tint — Оттенок; тон; Интенсивность цвета; Растровый фон; Светлый, малонасыщенный (о цвете) … Краткий толковый словарь по полиграфии
To lay tint — Накладывать растровый фон … Краткий толковый словарь по полиграфии
Изобразительный оригинал (изооригинал) — оригинал, который создан изобразительными средствами или должен служить текстовой иллюстрацией и предназначен для репродуцирования к. л. способом. По средствам изображения различаются И. о. штриховые и полутоновые; по цвету черно белые и цветные… … Издательский словарь-справочник
Манфред Арденне — фон Арденне, Манфред Дата рождения: 20 января 1907 Место рождения: Гамбург … Википедия
ЭЛЕКТРОННЫЙ МИКРОСКОП — прибор, который позволяет получать сильно увеличенное изображение объектов, используя для их освещения электроны. Электронный микроскоп (ЭМ) дает возможность видеть детали, слишком мелкие, чтобы их мог разрешить световой (оптический) микроскоп.… … Энциклопедия Кольера
Растровая графика и изображения: Что такое Растр?
Растровая графика представляет собой изображения, которые строятся из пикселей разного цвета, расположенных в определенной последовательности на сетке.
Такой вид графики используется повсеместно и является главным. Если вы работаете в сфере дизайна, графики или чего-то близкого по духу, то вам точно следует знать, что это такое.
В предыдущей публикации было подробно рассмотрено, что такое пиксель, сегодня мы рассмотрим, что такое растр, разберем это понятие и посмотрим на примерах растровые изображения.
Что такое растровая графика
Растровая графика (растр) — это изображение/я построенные из пикселей разного цвета, или по-другому, точек, расположенных в определенной последовательности в виде сетки / сот. Примерно это выглядит так — есть сетка на которой расположено множество точек самых разных цветов, при удалении от нее будет складываться целая картинка.
На скриншоте снизу можно четко увидеть, как растровое изображение формируется из пикселей и представлено в виде графической сетки.
К такой графике также относится и видео, так, как это просто множество растровых картинок, которые идут в определенной последовательности. Все, что отображается не вашем мониторе — представляется в виде растра, даже векторная графика трансформируется в него. Так, как на мониторах устанавливается графическая матрица, которая выводит картинку по пикселям.
Растровое изображение — это набор пикселей, представленных в виде сетки пикселей разных цветов из которых и формируется картинка. Можно дать и такое определение.
Характеристики растровой графики:
Растровые изображения создаются любым фотоаппаратом, камерой, когда вы делаете скриншот или просто в редакторе для компьютера, например, в GIMP.
Важно! Существует и другой вид — векторный, о том, что такое векторная графика, можете прочитать в соответствующей статье.
Достоинства растровой графики — плюсы
1. Можно создать абсолютно любое изображение, какой сложности бы оно не было. Полностью передать цветовую гамму, переходы — градиенты. В отличие от той же векторной графики.
2. Благодаря простоте создания может использоваться везде — в фотоаппаратах, печати, видео и т.д.
3. Быстрая скорость обработки и масштабирования.
4. Поддерживается всеми современными устройствами вывода информации на дисплее.
Недостатки — минусы
1. Может занимать много места если изображение сложное и используется высокая глубина цвета. Еще это зависит от его формата: PMG, JPG, BMP и т.д. Подробнее об этом написано ниже.
2. При масштабировании теряется четкость. Поэтому разрешение так важно.
3. Не вывести на печать на плоттер или это сделать довольно сложно.
Многие думают, что векторная графика намного лучше и занимает куда меньше места — это действует только на несложные изображения, где используется мало деталей. Правильно сохраненный растр тоже занимает немного места. Есть множество различных форматов картинок, которые хорошо сжимают исходник без сильной потери качества. О том, как уменьшить размер фото написано в соответствующей статье.
Форматы растровых изображений
Существует множество различных форматов. Все они имеют разное сжатие, а некоторые и вовсе без него. Рассмотрим только самые часто используемые типы растровых картинок, с которыми вы можете столкнуться.
JPG или JPEG — самый распространенный формат и используемый. Обладает отличными параметрами сжатия за счет усреднения цвета. Его вы можете видеть часто на сайтах, в том числе и на этом. Большинство всех картинок в интернете существуют именно в этом формате.
PNG — распространен для интернета, очень качественный формат. Отлично подходит, если вы хотите сохранить высокое качество или, наоборот, использовать минимум цветов.
BMP — формат операционной системы Виндовс. Обычно вообще без сжатия, поэтому используется редко — потому, что передавать огромные файлы по интернету нет смысла и на жестком диске они занимают много места.
GIF — анимация. Максимум 256 цветов. Раньше пользовался большой популярностью, да и сейчас на многих ресурсах есть. Но, с приходом HTML 5 практически потеряли всю надобность.
TIFF — часто используется для печати. Отличное качество — сохраняет исходные цвета в любом цветовом пространстве. Многие фотоаппараты делают снимки именно в этом формате.
RAW — наилучший формат для качественных снимков. Сохраняет изначальную картинку, которая попадает в объектив. В нем делают фото хорошие камеры. Такие снимки можно очень гибко редактировать. Но, занимают довольно много места.
В заключение
Теперь вы знаете, что это такое растровое изображение и как оно формируется. В следующей статье мы подробно рассмотрим другой важный формат графики — векторный, который используется в полиграфии.
Отличия изображений растровой и векторной графики, разница между ними
Существуют 2 вида компьютерной графики – векторная и растровая. Они имеют разное назначение: первая оптимальна для создания схематичных изображений, чертежей, элементов дизайна, вторая позволяет создавать высокохудожественные произведения. Отличия растровой и векторной графики обязаны знать дизайнеры, иллюстраторы, фотохудожники, рекламщики. Ведь выбранным видом графики определяются технологические возможности печати.
Что такое растровая и векторная графика
Описываемые виды графики имеют разный принцип построения изображения. Растр – технология, при которой изображение формируется посредством сочетания точек определенных цветов. Называются точки пикселями. Название графической технологии происходит от латинского слова «rastrum», что переводится как «решетка». Действительно, при сильном приближении точки превращаются в квадраты, а формат изображения начинает напоминать школьную тетрадь в клетку. В обычном же размере пиксели настолько малы, что не распознаются человеческим зрением, сливаются в единую картину.
Количество точек, составляющих растровое изображение, огромно. Если взять стандартный размер обоев на рабочий стол – 1024 ×768 пикселей, то получится, что там аж 786432 точек.
Все фотографии, сделанные фотоаппаратом и камерой телефона, растровые. Следовательно, все фотографические изображения, которые мы видим в интернете и печатных изданиях, имеют растровое происхождение.
Вектор – технология создания графики посредством применения геометрических функций. Латинское слово «vector» буквально означает «несущий». Изображение строится не на сочетании пикселей, а на создании кривых Безье определенной направленности с опорными точками. Получаются разнообразные геометрические формы, которые могут соединяться, перекрывать друг друга. Из множества форм и образуется изображение. С помощью геометрических функций можно изобразить не только простые фигуры – круг, треугольник и прочие, но и сложнейшие, включая буквы.
В чем различие
Основная разница заключается в технологии формирования изображения, но именно ею обусловлено множество других различий между видами графики. Художник или дизайнер, работающий только с растром, не может просто так взяться за векторную графику: ему придется учиться владению ею. На практике дизайнеры обычно владеют двумя технологиями, так как обеими регулярно пользуются для разных целей. Растровая графика отличается от векторной возможностью масштабирования и применения эффектов, весом файлов и сложностью их редактирования.
Качество
Оба вида графики подразумевают получение качественного изображения. Только в растре качество зависит от числа пикселей и количества используемых оттенков. Чем их больше, тем реалистичнее и богаче изображение. Например, если нужно распечатать фото альбомного формата, то для получения четкого и качественного изображения число точек должно превышать 8 миллионов.
Чем больше количество оттенков пикселей, тем более плавно и гармонично цвета фото переходят один в другой, тем качественнее выражены блики, тени, полутени.
Оттенки, из которых формируются пиксели, представляют собой смесь 3-х колеров, взятых в разной пропорции: красного – red, зеленого – green, синего – blue. Поэтому цветовая схема растровой графики называется RGB.
Битовая глубина – количество бит, которые используются для определения колеров, отображаемых каждым пикселем. Чем выше показатель, тем богаче палитра картинки, тем качественнее она выглядит. Если при 8-битном формате количество цветов составляет 256, то при 16-битном – более 65 тысяч.
С качеством векторной графики все проще. Она априори не может быть некачественной. Поскольку изображение строится посредством кривых Безье, к которым понятие масштаба не применимо, то вектор в любом размере выглядит идеально, распечатай его на спичечном коробке или плакате. При увеличении векторной картинки пиксели не появятся. Увеличивай геометрическую фигуру хоть до бесконечности, ее края останутся четкими.
Точность редактирования
Редактирование растровой графики усложняется так называемой интерполяцией. Пиксели разделены меж собой. При значительном увеличении масштаба пространство между точками заполняют новые, автоматически появляющиеся пиксели. Причем цвет новых точек определяет графический редактор по принципу вероятности. Это и есть интерполяция. Но далеко не всегда автоматически выбранный колер оказывается удачным. В итоге при очередном изменении размера растровой картинки возникают заметные искажения: зернистость, расплывчатость, неровность контура.
Размер файлов
Векторный рисунок весит меньше, чем растровое изображение соответствующего размера. Векторный файл содержит информацию только о формуле и цветах изображения, растровый – о каждом пикселе. Чем крупнее растр, тем дольше он загружается. При размещении больших растровых фото на сайтах применяют сжатие, но это обычно приводит к снижению качества картинки.
Вес, скорость загрузки и качество растрового файла определяются разрешением – количеством пикселей на дюйм. Параметр обозначают как dpi – точки на дюйм, либо как ppi – пиксели на дюйм. Например, если разрешение фотографии составляет 300 dpi, то в квадрате размером один дюйм, то есть 2,54 см, находится 300 точек.
Чтобы фотографии легче загружались в интернет, применяют меньшее разрешение – 72 dpi. А для качественной печати требуется размер не менее 300 dpi.
По разрешению несложно вычислить, сколько пикселей должно иметь растровое изображение, чтобы при печати на листе определенного формата сохранилось его качество. Для примера, нужно распечатать фото с разрешением 300 dpi на листе 20 × 30 см. Переведем формат бумаги в дюймы, получится 7,8 × 11,8. Умножим каждое значение на 300. Выходит, что распечатанная фотография окажется качественной, если ее размер будет 2340 × 3540.
Масштаб
Масштабировать вектор можно без опасений. Ни при сжатии, ни при растяжении никаких качественных изменений не произойдет. Благодаря этой особенности векторная графика востребована как способ создания товарных упаковок, логотипов, рекламных вывесок. То есть дизайнер создает единственное изображение, сжимает его для размещения на упаковке продукции, затем увеличивает в несколько раз, чтобы сделать на билборде рекламу этого продукта.
С растровой графикой такая штука не пройдет. Если взять растровый логотип 10 × 10 см, то увеличить его не удастся даже для того, чтобы сделать принт на фирменной майке, не говоря уже о билборде. То есть увеличить можно, но вместо четкой и красивой картинки получится нечто размытое и странное.
Легкость в редактировании
Вектор редактировать легче, чем растр. Первый вид графики позволяет убирать и подставлять геометрические фигуры, не разрушая общую композицию, которая из них состоит. Если же вырезать или стереть кусок растрового изображения, вместо него останется пустое место, то есть композиция будет испорчена.
Но это не значит, что редактирование растра невозможно. В растровых графических редакторах предусмотрено послойное создание элементов рисунка, которые затем можно объединить в один слой. В самом распространенном графическом редакторе Photoshop послойное изображение хранится в форматах PSD и TIFF. Если перевести картинку в стандартный формат хранения JPG, то слои автоматически объединятся. Также растровое изображение можно хранить в форматах PNG, BMP, а также GIF для анимации.
Растровые форматы PSD, PNG и TIFF сохраняют прозрачные элементы графики. Но если перевести картинку в формат JPG, то прозрачность исчезнет.
Единственная сложность в редактировании векторной графики – проблематичное открытие и изменение файлов формата AI, EPS, PDF, CDR, SVG в «чужих» графических программах, в том же Фотошопе. Приходится переформатировать векторный файл. «Родные» для работы с вектором редакторы – Adobe Illustrator и Corel Draw.
Что такое растровый фон
Пару месяцев назад меня попросили создать в Фотошопе большое изображение 400 х 270 см для печати на всю стену, и прислали в качестве образца вот такую картинку:
Заказчик очень хотел, чтобы картинка была воспроизведена с максимальной детализацией и схожестью с оригиналом, но при этом имела горизонтальный формат, т.е. по краям пейзаж требовалось дорисовать. К сожалению, исходный образец слишком низкого разрешения, и при большом увеличении мелкие детали уже неразличимы.
Представляю поэтапный процесс отрисовки в виде уменьшенных фрагментов:
Вот пара фрагментов изображения в натуральную величину, чтобы можно было оценить масштаб и детализацию прорисовки:
Заказчик сказал, что результат превзошел его ожидания. Он почему-то утверждал, что на исходном образце изображены Альпы, но скорее всего он ошибается. Эти горы больше похожи на Maroon Bells (Колорадо, США).
Добра Вам всем, и до скорой встречи на Пикабу!
Ремейк с новым планшетом
Перерисовка арта двухлетней давности с новым уровнем рисования и новым планшетом с поста Снова арт
Half Life иконка+обоина
Собственно как фанат серии решил замалевать себе иконку для первой части. Рисовал с готовой обоины (стилизованая под лямбду рука с монтировкой), эффект искр пламени\свечения от меня. Зато теперь с крутой иконкой. Осторожно, обоина может выжечь глаза, рисовал с оглядкой на Ambilight
P.S. обоина 8000×4500 300dpi, каждый кропнет\отмасштабит под себя
использую как background на экране входа в игру, готовые файлы для игры тут:
распаковывать по пути:
%корень игры%\valve_addon\resource (при галочке allow custom content) либо
Все скидки и промокоды в одном месте
Вы там как, готовы к осенним распродажам? Чтобы не пропустить самые интересные и выгодные предложения, подпишитесь на полезный телеграм-канал Пикабу со скидками. Да, Пикабу не только для отдыха и мемов, но и для экономных покупок!
В «Пикабу Скидки» вы найдете актуальные предложения:
• доставки еды (KFC, Delivery Club, «Папа Джонс»);
• книги («Читай-город», «Литрес», Storytel);
• услуги и сервисы («Делимобиль», Boxberry, «Достависта»);
• маркетплейсы и гипермаркеты (Ozon, «Ашан», «Яндекс.Маркет»);
• одежда и обувь (Adidas, ASOS, Tom Tailor)
• бытовая техника и электроника («М.Видео», «Связной», re:Store);
• товары для дома (IKEA, «Леруа Мерлен», Askona);
• косметика и парфюмерия («Л’Этуаль», «Иль де Ботэ», Krasotka Pro);
• товары для детей («Детский мир», TOY, Mothercare);
• образование («Нетология», GeekBrains, SkillFactory);
• и еще куча-куча всего.
Как перевести логотип в вектор
Как и обещал в прошлом посте, рассказываю, как сделать лого векторным, если у вас есть растровое изображение.
Как сделать логотип векторным
К сожалению, всё ещё очень много компаний имеет на руках только растровое изображение логотипа, да и то небольшого размера, годящееся разве что для шапки сайта. Что делать, если ваша организация оказалась в их числе, а логотип уже давно “вырос” и хочет побывать где-то ещё кроме сайта?
Вариантов у вас немного, и все они прозаичны:
1. отрисовать логотип самостоятельно;
2. воспользоваться машинной векторизацией;
3. обратиться к специалисту.
Для первого способа могу вам порекомендовать редактор InkScape. Он бесплатный, относительно простой в использовании (для векторного редактора) и своим функционалом почти ничем не уступает именитым Illustrator и CorelDRAW (по крайней мере в отрисовке логотипов).
Можно попробовать отрисовать логотип вручную, но это требует определённых навыков и времени. Если для вас это впервой, то вам точно придётся посмотреть/почитать несколько уроков по пользованию программой.
Для второго способа можно воспользоваться функцией того же InkScape “Векторизация растра” — при этом растровое изображение переведётся в векторное машинным способом. Однако такой вариант может значительно уступать в качестве ручной отрисовке.
Чем мельче и размытее будет исходная картинка, тем хуже будет векторный результат.
Также существуют онлайн-сервисы по переводу растровых изображений в векторные. Одно из таких – это Vector Magic. Сразу предупрежу, что этот сервис хороший, но платный, а эта статья – не его реклама..)
Конечно, это не единственные программы для машинной векторизации, но, пожалуй, лучшие в отношение цена-качество.
Сравнение машинных векторизаций InkScape и Vector Magic
Ниже представлены примеры векторизаций одного и того же логотипа (но разных размеров) на примере этих двух программ.
А) Автоматическая векторизация растрового изображения логотипа шириной 200 пикселей:
Б) Автоматическая векторизация растрового изображения логотипа шириной 500 пикселей:
В) Автоматическая векторизация растрового изображения логотипа шириной 1000 пикселей:
Как видно, качество векторизации растёт с увеличением размера исходного файла.
Также можно отметить, что при прочих равных Vector Magic справляется с задачей лучше InkScape, и результат получается вполне сносным уже при исходной картинке в 500 пикселей в ширину.
Однако, как я уже говорил, сервис Vector Magic платный. В настоящий момент можно либо купить десктопную версию за 295 долларов, либо получить доступ к онлайн версии (с некоторыми ограничениями) за 9,95 долларов в месяц.
Если вам требуется перевести только один логотип в вектор, думаю, вполне логично будет воспользоваться доступом к сервису на месяц.
Как автоматически векторизировать растр с помощью InkScape
Небольшая инструкция и рекомендации от меня:
1) Итак, я опускаю часть, где вы скачиваете, устанавливаете и запускаете программу. Сделав всё это, просто перетащите вашу картинку в окно Инкскейпа и выделите её, нажав на неё курсором:
2) Далее открываете вкладку «Контур» и выбираете действие «Векторизировать растр»:
3) Выставляете нужные настройки и нажимаете кнопку «Ок».
Несколько советов по параметрам настроек:
1. Если в вашем лого (или другой картинке, которую вы векторизируете) несколько цветов, выбирайте пункт «Цвет» в разделе «Множественное сканирование», а в графе «Сканирований» укажите количество цветов + 1 (цвет фона). Даже если в вашей изначальной картинке фон был прозрачный и/или вы поставили галочку возле пункта «Убрать фон» (как в примере ниже), всё равно нужно прибавить этот цвет, чтобы машина поняла, что это отдельный «слой».
Нужно ли ставить галочки в графах «Сгладить» и «Сложить стопкой» зависит от вашей картинки, попробуйте разные комбинации.
2. Если в вашем лого или другом рисунке всего 1 цвет (не считая фона, конечно), то советую выбрать пункт «Сокращение яркости» в разделе «Одиночное сканирование»; в графе «Цветов» поставить «2»; и поэкспериментировать с числами в графах «Порог», пока не добьётесь наилучшего результата. Никаких конкретных цифр подсказать не могу, оптимальный вариант будет зависеть от вашей исходной картинки.
4) Любуемся результатом:
Но, конечно, такой результат никуда не годится, поэтому остаётся несколько вариантов:
— пробуем рисовать вручную;
— идем на Vector Magic;
— заказываем отрисовку у специалиста;
— ищем у себя в закромах файл получше качеством, повторяем пункты 1-4 и получаем на выходе это:
Вот, кстати, ещё одно сравнение результатов в InkScape и Vector Magic (были также взяты исходные картинки размерами 200, 500 и 1000 пикселей в ширину):
В каком случае не стоит использовать машинную векторизацию
Для этого советую исходить из следующих характеристик файла исходного лого / рисунка. Чем больше пунктов соответствуют вашему файлу, тем вероятнее, что стоит отказаться от автоматической векторизации, т.к. результат будет плох (хотя, конечно, попробовать можно)):
— Малый размер в пикселях и/или плохое качество изображения (много раз пережатый jpeg, например);
— Наличие мелких деталей в логотипе;
— Большое количество цветов и/или градиентов;
— Необходимость геометрической точности в контурах (идеальные круги, острые и прямые углы, параллельные линии).
Если сравнивать примеры ниже, то у второго логотипа намного больше шансов выдать качественный результат машинной векторизации, чем у первого:
Если всё же решили заказать векторизацию логотипа у дизайнера или в студии, будьте внимательны — сразу уточните, что именно они подразумевают под этой работой: автоматическую векторизацию (также называемую трассировкой) или ручную отрисовку? Некоторые исполнители используют вначале трассировку, а затем дорабатывают логотип вручную. Но даже после этого могут остаться недочеты.
Также обязательно попросите показать примеры подобных работ — по ним можно оценить и навыки исполнителя и метод, который он использует.
И последний небольшой совет. То, что у вас нет на руках векторных файлов логотипа, — это тревожный звоночек, означающий, что скорее всего и сам логотип у вас не очень… Дело в том, что профессионально разработанный качественный логотип всегда идёт в комплекте с векторными файлами (так называемыми “исходниками”). А раз вы их не получили, значит, и исполнитель был низкоквалифицированным.
Поэтому, если вы всё же решились на векторизацию лого и тем более обратились за помощью к профессионалам, уточните у них, не будет ли лучше разработать совсем новый дизайн. В любом случае необходимых файлов вы получите не меньше.)
На этом всё! Надеюсь, кому-то пригодится!)
Что такое векторная графика и зачем вам логотип в векторе
Давно не разбавлял развлекательную программу познавательной.. В этой связи ловите пост-полезность)
Уже ведь все в курсе, что логотипы должны в векторе? А шрифты — в кривых? А что макет — в CMYK? А что сила — в правде?)
Всё это действительно так (почти всегда). Но обо всём по порядку: сегодня я вам подробно расскажу о том, что такое векторный формат и почему логотипы желательно делать в нем.
Что такое векторная графика
Векторная графика — это категория компьютерной графики, которая для представления изображения использует фигуры, построенные по математическим формулам.
Обещаю, скоро всё станет понятнее, нужно чуть-чуть потерпеть…
Помните, в школе на геометрии нужно было построить окружность в системе координат? Для этого достаточно было знать только координату центра окружности и её радиус, верно? Таким же образом рисуется окружность и в векторной графике.
Подобным же образом рисуются кривые, прямые, ломаные линии, многоугольники, эллипсы и прочие, так называемые графические примитивы.
Помимо координат и размеров этим элементам в программе для создания векторных изображений можно задать:
— цвет заливки (однотонный или цветовым переходом — градиентом);
— наличие, толщину, форму и цвет обводки;
— расположение относительно других объектов (слоём выше или ниже);
— или применить какие-то дополнительные эффекты (размытие, «клонирование», деформация и многие другие).
Но основными параметрами в векторной графики являются координаты опорных точек и направление (векторов) линий, проходящих через них. Отсюда и название.
Кстати, о названиях: несмотря на то, что графические примитивы зовутся именно так, порой они могут представлять собой очень сложный на вид объект.
Например рисунок ниже — это один единственный примитив, представленный замкнутой кривой линией:
А этот примитив ниже и вовсе поражает своей фотореалистичностью:
Вся «фотография» справа также является одной кривой, но окрашена она сетчатым градиентом (слева показана эта самая сетка) — плавных переходов цвета в ней так много, что мы отчётливо видим все светотени и даже текстуру кожи.
Я обещал, что станет проще, но, похоже, всё становится только сложнее… Сейчас исправлюсь!
Чем векторная графика отличается от растровой?
Векторная графика часто противопоставляется растровой. И правильно делает: они отличаются на фундаментальном уровне со всеми вытекающими.
Любое растровое изображение состоит из матрицы (сетки) пикселей. Каждому из этих пикселей приписано его местоположение и цвет. И растровое изображение содержит в себе эту информацию о каждом своём пикселе. Этим объясняется зависимость «веса» растрового изображения от его размера — чем больше в нём пикселей, тем больше информации ему нужно в себе хранить.
Посмотрите примеры ниже:
Слева — векторный синий круг размером 200 на 200 пикселей. Да, хотя в векторной графике самих пикселей нет, размер изображения можно задать и в них.
Справа — растровый синий круг такого же размера.
При этом файл векторного круга весит 2,16 Кб, а растрового — 4,73 Кб. Разница небольшая, да. Если бы они оба были размером 100 на 100 пикселей, разница была бы ещё меньше: 2,16 Кб против 2,24. Но чем больше будет размер обоих картинок, тем значительнее будет разница в весе файла.
К примеру: вес векторного круга размером 1000 на 1000 пикселей будет всё так же 2,16 Кб, а вес растрового файла будет уже 27,6 Кб — в 12,5 раз больше! Если брать рисунки 10000 на 10000 пикселей, то веса файлов будут 2,16 против 640 Кб — растровый файл будет уже в 300 раз тяжелее векторного.
Почему это происходит? В то время, как растровому файлу в последнем случае приходится нести информацию о 100 миллионах точек (пикселей), векторному всё также нужно знать лишь 3 параметра — размер круга, его местоположение и цвет.
Что будет, если увеличить те двухсотпиксельные круги?
Увеличенный фрагмент векторного файла:
Увеличенный фрагмент растрового файла:
Пиксели. Они повсюду. Вы их точно увидите!
Однако, не стоит полагать, что растровая графика во всём уступает векторной. У обеих категорий есть как плюсы, так и минусы, и каждой своё применение.
Плюсы векторных изображений:
1. Сравнительно небольшой вес файлов (особенно для больших размеров);
2. Масштабируемость изображения без потерь в качестве;
3. Простой перевод в растровое изображение;
4. Сравнительно простое и более качественное редактирование;
5. Широкие возможности для нанесения на поверхности (печать, шелкография, гравировка, тиснение, фольгирование, вырубка и другие).
Минусы векторных изображений:
1. Сравнительно большой вес файлов маленького размера (например, иконки 32х32 px) и файлов со сложной графикой (например, фотореалистичные иллюстрации);
2. Сложность создания фотореалистичных иллюстраций;
3. Необходимость в специальном программном обеспечении для полномерного использования — большинство графических редакторов, просмотрщиков работают только с растровой графикой.
Распространённые векторные форматы это: SVG, PDF, EPS, AI и CDR. Последние два разработаны специально для программ Adobe Illustrator и CorelDRAW соответственно, и максимально верно поддерживаются именно ими. Оба эти формата могут читаться и редактироваться другим ПО, но с некоторыми ограничениями.
Наиболее распространённым форматом является SVG, его можно просматривать и редактировать в любом векторном редакторе, и он поддерживается всеми современными браузерами.
Обратите внимание! У каждой типографии и производителей сувенирной продукции свои технические требования, так что они могут требовать разные форматы файлов. Поэтому лично я подготавливаю для клиентов несколько форматов, чтобы для любого случая нашелся подходящий.
Характеристики растровых файлов — полная противоположность оных у векторных.
1. Сравнительно небольшой вес файлов маленького размера (например, иконки 32 на 32 пикселя) и файлов со сложной графикой (фотографии, фотореалистичные иллюстрации);
2. Относительная простота создания фотореалистичных изображений;
3. Отсутствие нужды в специальном программном обеспечении — все графические редакторы (в том числе и векторные), просмотрщики изображений и браузеры работают с растровыми файлами.
1. Сравнительно большой вес файлов (особенно для больших размеров);
2. Невозможность масштабирования без потерь в качестве изображения;
3. Сложный перевод в векторное изображение;
4. Сравнительно сложное редактирование;
5. Узкие возможности для нанесения на поверхности — возможна только печать.
В двух словах (очень общо и без тучи возможных нюансов) можно сказать, что для фотографий и фотоподобных изображений лучше использовать растровую графику, для всего остального — векторную. Последнюю всегда можно легко переконвертировать в растровый формат любого размера.
К слову, популярные форматы растровых изображений — это хорошо знакомые всем PNG, JPG, GIF, а также TIFF, PSD, BMP.
А теперь я расскажу вам один секрет.
На самом деле, мы не можем увидеть действительно векторное изображение на современных дисплеях.
Даже если открыть векторный редактор и нарисовать в нём векторный синий круг, изображение, которое мы увидим будет растровым! Всё дело в том, что все современные дисплеи состоят из пикселей, и если открыть файл с векторным изображением, компьютер (плеер, телефон или другое устройство) преобразует его в растровое. Иначе просто не получится.
Поэтому настоящие векторные изображение живут только в наших умах и сердцах!
Но как говорил мой французский тёзка: «Зорко одно лишь сердце. Самого главного глазами не увидишь.»
Почему логотип должен быть векторным
Несмотря на то, что, как я сказал, на современных дисплеях любое изображение будет представлено в растровом виде, логотипы и многую другую графику изначально стоит создавать в векторе.
Причины, по которым это необходимо, основываются на всех преимуществах векторных форматов.
Во-первых, это, конечно, вес файлов. Векторные файлы уступают растровым в этом параметре только при очень малых физических размерах или сложных фотореалистичных изображениях. Но в малых размерах и разница между весами будет минимальной, пусть даже и в пользу растровой графики. А фотоподобные логотипы встречаются крайне редко (лишь в исключительных случаях), и всё равно, начиная с определённого размера, вектор-таки начнёт выигрывать.
Разумеется, это не самое главное преимущество, но порой, например, в дизайне сайта (где необходима быстрая загрузка картинок) это может быть существенным.
Во-вторых, логотип в векторе — это безграничные возможности для масштабирования: любой векторный логотип можно напечатать хоть в километр шириной (был бы достаточно большой принтер ) и всё равно на печати не будет видно злополучных пикселей, которые так сильно портят впечатление от графики.
Типичный пример, когда для качественной печати изображения не хватило разрешения (векторный рисунок решил бы эту проблему). Думаю, вам частенько встречается подобное..
Но дело даже не в том, что вы можете сделать из векторного изображение очень большое растровое, а в том, что вы можете сделать изображения абсолютно любого размера! Скажем, для шапки сайта логотип нужен ровно 60 px в высоту, для фирменного бланка — 300 px в ширину, а для печати фирменных футболок — не менее 4000 px. И все эти размеры можно легко подготовить, используя всего один векторный файл.
В-третьих, относительно простое и более качественное редактирование. Это не значит, что векторный формат поощряет постоянные изменения логотипа. Но однажды вам может понадобиться анимированная или 3D-версия, какой-то особый праздничный вариант, или вы решите добавить в логотип слоган — и в этом случае работать с векторным файлом будет намного удобнее, а итоговый вариант будет качественнее.
В-четвёртых, это — широкие возможности использования. Из векторного лого легко сделать растровый, а вот перевести логотип в векторный формат из растра не так-то просто (но об этом ниже). По мимо этого, во многих областях применения подойдут только векторы. Хотите выжечь лого в дереве? Нужен вектор. Сделать гравировку? Вектор. Изготовить печать (штамп)? Вектор. Вышить, вырезать, оттиснить, залакировать, изготовить вывеску… Для всего этого понадобятся именно векторные файлы, а не тот JPG, который стоит у вас на сайте или на аватарке в соцсетях.
Вы ещё тут?) Тогда ещё один секретик… На самом деле, все картинки, которые я называл векторными в этой статье, — это тоже растровые изображения, но сохраненные из векторного файла. Но, надеюсь, я вас не запутал этой информацией…))
В общем, я всё сказал! В следующий раз кратенько расскажу, как сделать логотип векторным, если у вас на руках есть только растр.