в каком графике невозможно увеличить изображение
Преимущества и недостатки растровой графики
Одним из достоинств растровой графики является простота и, как следствие, техническая реализуемость (автоматизация) ввода (оцифровки) изобразительной информации. Существует развитая система внешних устройств ввода изображений (к ним относятся сканеры, видеокамеры, цифровые фотокамеры, графические планшеты).
Растровое изображение имеет преимущества при работе с фотореалистичными объектами, например сценами природы или фотографиями людей. Дело в том, что наш мир создан как растровый. И его объекты трудно представить в векторном, то есть математическом, представлении. Фотореалистичность подразумевает, что в растровой программе можно получать живописные эффекты, например туман или дымку, добиваться тончайшей нюансировки цвета, создавать перспективную глубину и нерезкость, размытость и т. д.
Форматы файлов, предназначенные для сохранения точечных изображений, являются стандартными, поэтому не имеет решающего значения, в каком графическом редакторе создано то или иное изображение.
При первой же вашей попытке что-нибудь нарисовать в программе точечной графики — например, в Photoshop, — она потребует от вас принципиального решения о разрешении (количестве точек на единицу длины) и о глубине цвета (количестве цветовых битов на пиксел). Ничего этого знать в векторной программе не нужно. Объем файла точечной графики однозначно определяется произведением площади изображения на разрешение и на глубину цвета (если они приведены к единой размерности). При этом совершенно не важно, что отображено на фотографии: деревянный одноцветный столб или коллекция бабочек с обилием цвета и форм. Если три параметра одинаковы, размер файла будет практически одинаковым.
Как только вы попытаетесь отсканировать не очень большую фотографию с максимальными разрешением и глубиной цвета, эта картинка потребует для сохранения столько дискового пространства, что вы схватитесь за голову обеими руками.
При попытке слегка повернуть на небольшой угол изображение, например, с четкими тонкими вертикальными линиями, четкие линии превращаются в четкие «ступеньки». Любые трансформации (повороты, масштабирование, наклоны) в точечной графике не бывают без искажений.
Невозможно увеличить изображение для рассмотрения деталей. Поскольку изображение состоит из точек, то увеличение изображения приводит только к тому, что эти точки становятся крупнее. Никаких дополнительных деталей при увеличении растрового изображения рассмотреть не удается. Более того, увеличение точек растра визуально искажает иллюстрацию и делает ее грубой (пикселизация). Текст в растровой графике оказывается проблемой. В большинстве растровых программ вы, как правило, редактируете текст во время его создания, но когда вы щелкаете мышью в каком-либо еще месте на экране, печатный символ закрепляется там, где он был бы нанесен на холст. Если вы хотите отредактировать уже набранный ранее текст, то не можете просто поместить курсор между двумя буквами, удалить одну и начать снова набирать. С этой проблемой вы сразу столкнетесь, например, когда начнете работать в растровом графическом редакторе MS Paint. Кроме того, при большом разрешении файл растрового текста будет огромного размера.
Лекция 4. Векторная графика
 |
 |
Изображение, созданное в векторных программах, основывается на математических формулах, а не на координатах пикселов. Поэтому векторные файлы содержат наборы инструкций для построения геометрических объектов — линий, эллипсов, прямоугольников, многоугольников и дуг (рис. 4.1). В соответствии с этим основу векторных изображений составляют разнообразные линии или кривые, называемые векторами, или, по-другому, контурами. Каждый контур представляет собой независимый объект, который можно редактировать: перемещать, масштабировать, изменять. В соответствии с этим векторную графику часто называют также объектно-ориентированной графикой.
Рис. 4. 1.Примитив векторного файла
Каждый тип компьютерной графики имеет свою терминологию, математический аппарат и характерный для него набор инструментальных средств. Поэтому, несмотря на большое количество представленных на рынке векторных программ, все они в той или иной мере включают в свой состав общий базовый набор инструментальных средств.
Дата добавления: 2015-01-29 ; просмотров: 8232 ; ЗАКАЗАТЬ НАПИСАНИЕ РАБОТЫ
Растровая и векторная графика: это как?
Есть два вида картинок: в одной миллионы цветов и полный фотореализм; вторую можно увеличивать и уменьшать до бесконечности без потери качества. Вот как это всё работает.
👉 Как и большинство статей в журнале «Код», эта статья для начинающих. Юные Артемии, вам не сюда. Лучше порешайте наши задачки в паблике.
Растровая графика
Растр — это множество мелких точек, из которых может состоять изображение. В случае с компьютером растр — это пиксели, из которых состоит фотография.
Например, когда вы фотографируете на смартфон или цифровой фотоаппарат, вы получаете растровое изображение, которое состоит из множества отдельных точек. Если смотреть на экране телефона или компьютера, они не видны, но если сильно увеличить, то эти точки станут заметны.
Чем сильнее увеличим фотографию, тем больше видны пиксели
👉 У растровой графики есть два главных параметра: размер изображения и глубина цвета.
Размер изображения — это количество пикселей по горизонтали и вертикали. Чем больше размер, тем сильнее можно увеличивать картинку без потери качества. Например, возьмём одну и ту же фотографию, но у одной будет размер 100 на 200 пикселей, а у другой — 1000 на 2000 пикселей:
В одном и том же масштабе вторая картинка смотрится гораздо лучше, потому что в ней больше пикселей, которые передают больше деталей
Общее правило такое: чем больше пикселей на фотографии, тем больше мелких деталей можно на ней разглядеть. Именно поэтому производители камер и смартфонов постоянно увеличивают количество пикселей у себя в устройствах.
Глубина цвета. Представьте, что ваша камера в телефоне может различать только 16 цветов. В этом случае фотографии получались бы такими:
В целом понятно, что тут изображено, но выглядит странно
Это и есть глубина цвета — сколько разных оттенков присутствует на изображении. В нашем примере 16 цветов — это 4 бита, потому что 2 в 4 степени = 16. Сравните, как выглядит та же фотография с глубиной цвета 16 и 8 бит:
Чем больше глубина цвета, тем плавнее цветовые переходы на фото
Главное применение растровой графики — фотографии и изображения с большой глубиной цвета и множеством деталей. Фотографии — это растр. Рисунки от руки — чаще всего растр. Если на изображении природа, люди, водичка или что угодно со множеством деталей, скорее всего, такое изображение будет растровым.
Компьютеры классно справляются с растровыми изображениями, потому что растр довольно прост в обработке. Компьютер ставит подряд нужное количество пикселей и красит их в нужные цвета. Операция простая, математика минимальная, просто нужно повторить её много раз. Компьютеры в этом сильны.
Векторная графика
В отличие от растровой графики, векторная состоит не из пикселей, а из математических формул. В такой графике каждое изображение нарисовано с помощью отдельных элементов:
Чтобы это нарисовать, у каждого элемента есть свои параметры, например:
Если компьютеру нужно нарисовать звёздное небо, мы можем дать ему такие команды:
В итоге получим такой рисунок:
Избражение: wallpapersafari.com
Так как мы не привязаны к размеру изображения, то по этим формулам компьютер может нам отрисовать звёздное небо любого размера — от обоев на телефон до рекламного билборда 4 на 6 метров. При этом при увеличении потери качества не происходит — компьютер просто получает от нас финальный размер изображения и рисует всё в нужных пропорциях.
👉 Сила векторной графики — в возможности бесконечно увеличивать и уменьшать размер изображения без потери качества. При изменении размера компьютер сразу пересчитывает все формулы и отрисовывает картинку заново. Поэтому при увеличении векторной графики не появляются пиксели и размытие, даже если нам нужно увеличить одну звезду в 100 раз:
Минус векторной графики в том, что в ней очень сложно создать фотореалистичное изображение. Дело в том, что каждая деталь, каждый новый цвет и каждый цветовой переход — это новая формула. Чтобы построить фотореалистичную картинку, нужно очень много формул, которые будут сложно обсчитываться, и всё равно по деталям можно понять, что перед нами не фотография:
Каждый элемент на этой картинке задаётся своей формулой. Здесь много деталей, но всё равно видно, что это не фотография, а векторная иллюстрация 
То же самое изображение в кривых
Векторная графика чаще всего применяется там, где не нужна фотореалистичность — иконки, пиктограммы, рекламные материалы. Главная задача такого изображения — чтобы его можно было увеличить или уменьшить как угодно без потери качества.
‘ src=’https://thecode.media/wp-content/uploads/2021/01/image9.png’ alt=’Векторная графика’> Иконки — Сергей Чикин
Что дальше
Будем осваивать векторную графику в CSS. Заодно потренируемся наводить красоту на страницах и попрактикуемся в коде.
Преимущества и недостатки растровой графики. Область применения
Одним из достоинств растровой графики является простота и, как следствие, техническая реализуемость (автоматизация) ввода (оцифровки) изобразительной информации. Существует развитая система внешних устройств ввода изображений (к ним относятся сканеры, видеокамеры, цифровые фотокамеры, графические планшеты).
Растровое изображение имеет преимущества при работе с фотореалистичными объектами, например сценами природы или фотографиями людей. Дело в том, что наш мир создан как растровый. И его объекты трудно представить в векторном, то есть математическом, представлении. Фотореалистичность подразумевает, что в растровой программе можно получать живописные эффекты, например туман или дымку, добиваться тончайшей нюансировки цвета, создавать перспективную глубину и нерезкость, размытость и т. д.
Форматы файлов, предназначенные для сохранения точечных изображений, являются стандартными, поэтому не имеет решающего значения, в каком графическом редакторе создано то или иное изображение.
При первой же вашей попытке что-нибудь нарисовать в программе точечной графики — например, в Photoshop, — она потребует от вас принципиального решения о разрешении (количестве точек на единицу длины) и о глубине цвета (количестве цветовых битов на пиксел). Ничего этого знать в векторной программе не нужно. Объем файла точечной графики однозначно определяется произведением площади изображения на разрешение и на глубину цвета (если они приведены к единой размерности). При этом совершенно не важно, что отображено на фотографии: деревянный одноцветный столб или коллекция бабочек с обилием цвета и форм. Если три параметра одинаковы, размер файла будет практически одинаковым.
Как только вы попытаетесь отсканировать не очень большую фотографию с максимальными разрешением и глубиной цвета, эта картинка потребует для сохранения столько дискового пространства, что вы схватитесь за голову обеими руками.
При попытке слегка повернуть на небольшой угол изображение, например, с четкими тонкими вертикальными линиями, четкие линии превращаются в четкие «ступеньки». Любые трансформации (повороты, масштабирование, наклоны) в точечной графике не бывают без искажений.
Невозможно увеличить изображение для рассмотрения деталей. Поскольку изображение состоит из точек, то увеличение изображения приводит только к тому, что эти точки становятся крупнее. Никаких дополнительных деталей при увеличении растрового изображения рассмотреть не удается. Более того, увеличение точек растра визуально искажает иллюстрацию и делает ее грубой (пикселизация). Текст в растровой графике оказывается проблемой. В большинстве растровых программ вы, как правило, редактируете текст во время его создания, но когда вы щелкаете мышью в каком-либо еще месте на экране, печатный символ закрепляется там, где он был бы нанесен на холст. Если вы хотите отредактировать уже набранный ранее текст, то не можете просто поместить курсор между двумя буквами, удалить одну и начать снова набирать. С этой проблемой вы сразу столкнетесь, например, когда начнете работать в растровом графическом редакторе MS Paint. Кроме того, при большом разрешении файл растрового текста будет огромного размера.
Применяется для обработки фотоизображений, художественной графике, реставрационных работ, работ со сканером.
Графические редакторы, в которых используется растровая графика: Paint, PhotoShop.
Качество и масштабирование цифрового изображения. Сравнение, мифы, способы и экономическая целесообразность
В современном мире существует огромное множество всевозможных качественных измерителей изображения. Неопытный и непросвещенный человек может запросто запутаться в разнообразии узкоспециализированных терминов, попасть на уловки маркетологов или необдуманно лишить себя очередных технологических новшеств.
Данная статья позволит разобраться в большинстве значимых характеристиках, самостоятельно сравнить разные технологии и ухищрения, а так же решить, какой именно девайс необходим Вам в зависимости от требований и экономического достатка.
FPS (Frames Per Second)
FPS – показатель динамического изображения (не статичного), представляющий из себя количество кадров в секунду.
В настоящее время кинематограф и телевидение использует давно установленную норму в 24 кадра в секунду (ранее, во времена немого кино, стандарт составлял 16 кадров). Существуют и исключения, а именно:
Естественно, чем больше этот показатель, тем плавнее изображение. Продемонстрировать разницу можно простейшей гифкой, в которой шар перекатывается за одинаковое время из левого угла в правый.
Как можно увидеть из гифки, разница заметно на любой даже не подготовленный взгляд. Да, разница не огромна, однако то, что плавность изображения на прямую зависит от частоты кадров, полагаю, очевидно всем.
Существуют и ухищрение, называемое интерполяцией кадров. Подобной системой пользуются при создании фанатских переизданий, а так же она встроена в некоторые телевизоры. Её суть в том, чтобы из исходных кадров рассчитывать новые дополнительные кадры, то есть между 2-мя соседними исходными кадрами программа дорисовывает новые, основываясь на данных движения из соседних. Система сей крайне довольно сложна в исполнении, а главное, рождает из себя множество артефактов, мешающих просмотру.
В игровой индустрии норма количества кадров заметно отличается от кино. 30 кадров в секунду – установленный стандарт для комфортного геймплея, но вариаций здесь куда больше. Спортивные симуляторы, файтинги, шутеры от первого лица и киберспортивные мультиплеерные жанры, где крайне важна скорость реакции, предпочтительно должны обладать 60 кадрами в секунду. Достичь подобных показателей часто бывает сложно, т.к. фпс прямо зависит от производительности системы.
Разрушители мифов
Современное информативное пространство породило множество мифов касательно частоты кадров, каждый из которых хотелось бы рассмотреть.
Человеческий глаз не видит больше 24 кадров в секунду
Данный миф родился, скорее всего, из-за стандарта киноиндустрии, но, что самое важное, он в корне ошибочен.
Видеть разницу частоты кадров, превышающей 24, способны абсолютно все, в чём Вы и убедились в уже показанной гифке. Другое дело – вопрос, способен ли мозг осознать информацию, показанную при высокой скорости. Тут уже далеко не всё так однозначно, однако исследования показали, что при должной тренировке, человек способен увидеть разницу картинки, помелькавшей лишь в одном кадре из всех.
Мистический эффект 25 кадра
Данный миф родился в 1957 году, когда американский ученый опубликовал исследование, в ходе которого якобы увеличились продажи попкорна последствием 25 кадра. Спустя 5 лет он признался, что полностью сфабриковал эксперимент. Не смотря на это, миф жив до сих пор, а в интернете можно найти множество роликов и сайтов, предлагающих за деньги чудо эффект 25 кадра (похудение, изучение языков и т.д.).
Никакого эффекта, уж тем более влияющего на разум, здесь попросту нет. В ином случае это бы означало, что абсолютно каждая игра, или тот же «Хоббит» Джексона, каждую секунду имела возможность обработать ваш мозг скрытой информацией. Что, очевидно, ну совсем глупость в чистом виде.
Разрешение изображения
Разрешение – это показатель изображения, на прямую означающий его качество, представляющий из себя количество точек (или пикселей) на единицу площади (или единицу длины).
В современной гонке технологий этот показатель наиболее знаком каждому рядовому покупателю техники. Любой магазин электроники пестрит всевозможными рекламными знаками «Full HD», «Настоящее 4к Разрешение!», «Кристальная чёткость изображения» и т.д.
Всё далеко не с проста, это самый главный показатель любого устройства для воспроизведения визуальной информации, будь то монитор ноутбука, экран телевизора, дисплей смартфона или электронной книги. Чем выше разрешение – тем чище и детальнее картинка. Прогресс картинки очевиден, стоит только, какое именно изображение мы лицезрели во времена VHS, ну или взглянуть на простейшее сравнение:
Качество изображения зависит так же и от его источника, скорость развития которого абсолютно разное. И во главе его стоит игровая индустрия, которая с каждым днём постоянно увеличивает технологические аспекты. Игровая индустрия не дремлет. Именно она больше всех толкает сейчас прогресс развития качества изображения. Поколения консолей, улучшение производительности систем — всё приводит к тому, что картинка становится реалистичнее, четче и детальнее.
4k разрешение
Когда мода на 3D-телевизоры быстро погасла, но её место пришёл иной технологический аспект — 4k разрешение экрана, рекламируемое со всех сторон.
Скорее всего, у всех Вас по большей части стоит дома Full Hd-телевизор. Нужно ли вам переходить на новое разрешение? Увидите ли Вы разницу?
Всё зависит от того, для чего вы собираетесь использовать его. Подобное разрешение до сих пор редкость. Современное телевидение, особенно в нашей стране, по большей части транслируется в скудном старейшем 480p (720х480 точек), лишь несколько каналов, и то порой за отдельную плату, перешли на HD (720p), и только парочка на FHD (1080p), например, «Первый Канал». Это означает, что, если вы используете телевизор только по прямому назначению, 4к разрешение в этом десятилетии вы не увидите точно.
Для того, чтобы всё-таки хоть как-то использовать возможности нового разрешения, вам понадобится либо покупать 4k blu-ray диски с фильмами (что у нас ещё мало распространено, а главное, недешево), либо искать 4k-стриминговые сервисы (аля Netflix, который, хоть и существует официально в России, не предоставляет локализацию ни одного своего творения), либо смотреть 4k-ролики на YouTube (количество которых крайне малое до сих пор), либо использовать для игровых целей в связке с высокотехнологичным устройством, таким как Xbox One X или Ps4 Pro. Но и в последнем случае использовать все возможности подобного телевизора вам далеко не всегда получится использовать. Существует множество ухищрений (способов), которым пользуются разработчики, т.к. техническая составляющая до сих не полностью подходит для новомодного разрешения.
Все вариации итогового разрешения перечислим:
Нативное разрешение
Нативное разрешение – это настоящее (пиксель в пиксель) разрешение источника, совпадающего с отображающим устройством ( в нашем случае 4k ).
Именно подобное разрешение использует Netflix и 4k-видео в YouTube, однако в игровой индустрии достичь его сложно. На подобную картинку необходимо дорогостоящее оборудование, мощности которого может все равно не хватать для стабильной частоты кадров.
Естественно, именно такое настоящее разрешение даёт наиболее качественную картинку, тогда как использование ухищрений, например, шахматного рендеринга, ухудшает четкость. Особенно это видно по дальности прорисовке при 4-кратном приближении для сравнения. В качестве примера возьмём 4-ёх кратно приближенный скриншот двух версий игры (нативное разрешение 4к – слева, динамическое разрешение с шахматным рендерингом — справа) с прекрасного канала «Digital Foundry», где сравнивается игра «Rise of Tomb Raider».
Суперсэмплинг
Т.к. 4к-телевизоры и мониторы до сих пор не особо распространены (особенно в России, где ещё и половина населения не перешла на HD), а цены на них высоки, существует контингент людей, имеющих лишь FHD-экран, но при этом обладающих более производительным современным устройством. Конечно, любому пользователю хочется получать максимум от возможностей новой технике. Для этого и существует технология суперсэмплинг.
Суперсэмплинг – это технология, в результате которой картинка в игре сначала рендерится в 4K, а затем отображается в 1080p. Это дает возможность увидеть больше деталей на обычном телевизоре Full HD. В сравнение картинка будет в разы проигрывать, но наличие подобной технологии крайне удобно для временного решения. Так же это требует изначального создания картинки в большем разрешении, а значит, это требует приличной производительности системы.
Для примера возьмём скриншот безумно красивой технологической демки «Insects» в свободном доступе от «Microsoft», записанный на Full HD TV. Первый – без применения суперсэмплинга, второй – с использованием.
Как можно увидеть при увеличении, разница не огромна, но присутствует. Да, это и рядом не заменит использование 4к разрешение на таком же 4к экране, но будет приятной мелочью на время.
Шахматный рендеринг
Как можно уже было понять, нативное разрешение требует для себя огромной вычислительной мощности. Т.к. даже самые современные системы далеко не всегда могут его позволить, существуют ухищрения, с помощью которых разрешение добивается при меньших затратах производительности.
Шахматный рендеринг – теxнoлoгия, с помощью которой мoжнo гeнeрировaть изобрaжение бoлee выcoкoгo рaзрeшeния нa oснoве изoбражений меньшегo pазpeшeния и некоторыx дoпoлнительныx дaнных. По сути, она несильно уменьшает итоговое качество картинки за счёт сильного уменьшения необходимой мощности.
Работает технология, как можно понять по названию, за счёт удаления каждого 2 пикселя сцены, последующим склеивании недостающих и, при необходимости, их усреднения.
Для разбора метода возьмём объяснение с интереснейшего, но уже умершего сайта «NeoGAF». В нём рассматривается процесс рендеринга совсем простенького взрыва. На первой картинке изображено обычное (в нашем случае такой, например, используется при нативном разрешении) построение рендеринга.
На второй — с использованием технологии:
Как видим, процесс построения кадра сильно отличается. За счёт убавки пикселей, как на шахматной доске, система нагружается в меньшем количестве, однако это приводит, хоть и не к значительному, ухудшению качестве итогового изображения. Усреднённые пиксели больше всего бросаются во взор, ведь в итоге мы видим небольшое замыливание картинки.
Апскейлинг
Апскейлинг – самый простейший из всех методов преобразования разрешения картинки, в ходе которого процессор (даже рядового теливизора) самостоятельно дорисует дополнительный пиксели, дабы соответствовать собственному разрешению.
Итоговое изображение, хоть фактически и будет иметь соответствующее разрешение, на самом деле будет представлять собой множество новых усредненных пикселей, ужасное качество которых отразится итоговым полным замыливанием изображения, особенно в сравнении с иными методами преобразований картинки и разрешения.
Естественно, в итоге сравнивая все 3 метода построения, можно заявить, что натуральное нативное разрешение в итоге выдаёт наилучшую картинку. При этом, естественно, существует зависимость от необходимой мощности. Чем лучше картинку Вы хотите и чем лучше методом построения разрешения пользоваться, тем производительнее система Вам нужна.
Итоговое сравнение сгенерированной картинки взрыва можно увидеть на финальной картинке:
Экономическая целесообразность
Как уже отмечалось в статье, всё зависит от того, для каких целей вы собираетесь приобретать 4k-телевизор или монитор. Контента подобного качества до сих пор очень мало. Более того, телевиденья в 4k-разрешении не существует ещё в принципе.
При применении телевизора по прямому назначению даже Ваш старый FHD-телевизор до сих пор не реализует все свои возможности. Как много HD-каналов в данный момент вы имеете? Можно с уверенностью сказать, что для перечисления их хватит пальцев одной руки. Из этого стоит сделать простой вывод, приобретать подобную технику Вам не имеет никакого смысла. Это пустая трата денег. Обещания маркетологов абсолютно новых ощущений от просмотра в таком случае чистейшая выдумка.
При применении телевизора в качестве мультимедийного устройства наконец-то появляется видимая разница. Однако стоит учесть, что и в данном случае контента крайне мало. Да, просматривать 4k-сериалы на «Netflix» безумно приятно, однако в России нету локализации, а значит, этим воспользоваться смогут лишь некоторые.
Главное и самое распространенное применение нового разрешения сейчас – игроиндустрия. Но и в этом случае стоит учесть, что Вам потребует высокопроизводительное (а значит недешевое) устройство (ПК, ps4 pro или Xbox One X), да и нативного разрешения, использующего все возможности вашего 4k-экрана, Вы увидите далеко не всегда. По большей части только для подобного применения новое разрешение будет иметь смысл.
Из всего выше сказанного следует, что новомодное 4k-разрешение ещё очень слабо распространено. Не стоит вестись на уловки маркетологов и бежать покупать новые устройства. Единственное, для чего это действительно востребовано, это сильно ограниченные в количестве стримминг-сервисы и современный гейминг. В последних случаях Вам надо детально рассмотреть, стоят ли такие небольшие преимущества тех денежных средств, которых потребуется потратить.
Новенький 4k-телевизор обойдётся в среднем в 60000 рублей, высокопроизводительное устройство для гейминга в 40000 рублей, 4k bluray-фильм в 2000 рублей (а ведь ему ещё потребуется отдельный проигрыватель), подписка на 4k-стримминговые сервис «Netflix» 10 евро за месяц (не забудьте, что тут ещё потребуется высокоскоростной интернет). Стоит ли это того? Решать Вам.