В този материал ще разгледаме основните разлики между растерни и векторни изображения. Ще научим всички предимства на векторната и растерната графика, както и къде е най-добре да използвате такава графика за вашите цели. И така, вероятно сте си задавали този въпрос повече от веднъж: „От какво се състои картината, която се показва на екрана на моя компютър?“ Може да се изненадате, но всъщност няма такова нещо като снимка!

Какво е растерно изображение?

В действителност ние просто виждаме електронна версия на картината на монитора. Ако говорим за растерно изображение, след което се съхранява в паметта на компютъра под формата на числа и символи. Те вече са с определена последователностопишете конкретна област (елемент)самото изображение. Този елемент се изобразява като пиксел (клетки с определен цвят). Нека да видим какъв вид пиксел е това.

За да направите това, можете просто да направите снимка и да я увеличите. Ще забележите, че са се появили специални квадратчета (снимката по-долу). Изображението започна да се разделя на квадрати с различни цветове. Тези квадратчета са пиксели.

Така се оказва всяко растерно изображение, получено от камера мобилен телефонили изтеглени от интернет. Всеки пиксел, както казах, се описва с определена последователност от числа и символи. Как да разберете каква е тази последователност? Да, много просто! Изберете инструмента " Пипета» (всеки графичен редактор го има)и насочете към желания пиксел. Ако проверявате във Photoshop, тогава ще трябва допълнително да отидете на цветовата палитра.

И така, какво следва от това, което обсъдихме по-горе. Ако пикселите са представени като поредица от цифри и букви, тогава те могат лесно да се променят. Променяйки цифрите и буквите на всеки пиксел, можем да променим цвета му, тоест да редактираме самия пиксел. Когато извършвате операция за глобална корекция (например регулиране на яркостта)числената стойност на няколко хиляди пиксела на изображението се променя.

Сега нека се запознаем с концепцията векторно изображение. За да демонстрирам визуален пример, ще се опитам да създам нов документ. Да отидем в менюто " Файл» —> « Създавайте". Нека го използваме за създаване на векторни графики. Например ще взема инструмента " Перо» (2) . Наложително е настройката „ Слой с форма» (3) . След това поставям точките на правилните места (4) . Резултатът е определена фигура. Можете да го направите по свое усмотрение.

След като сме свързали всички точки, се оформя форма и към слоя се прикрепя миниатюрна векторна маска. (5) . Това показва, че това е векторна форма, а не растерна.Може да се увеличава и намалява многократно и качеството няма да пострада по никакъв начин. Естествено, към този слой могат да се приложат различни светещи ефекти, щрихи и т.н.

И така, какви са разликите между растерно изображение и векторно изображение? Векторните изображения, за разлика от растерните, се описват с математически формули, а не с латински символи. Следователно те могат да бъдат увеличени или намалени без загуба на качество. Формулата остава същата, променя се само мащабът. Формулата, като правило, описва гладка крива и при всяка стойност тази крива ще остане гладка.

Ако се опитате да увеличите картина с векторна графика, ще забележите, че пикселите са почти невидими, тоест качеството остава на същото ниво. Ако увеличите изображение с растерна графика, то значително ще загуби качество.

по този начин векторни изображенияможе да се увеличи без загуба на качество. Във всеки размер те се описват с математически формули. Растерното изображение е последователност от пиксели. Когато увеличите фрагмент, започват да се наблюдават загуби на качество. Загуба може да се наблюдава и при намаляване на размера на изображението.

Векторните изображения са добри за използване, когато имате нужда от голямо увеличение на изображението без загуба на качество. Например, това може да включва различни визитни картички, лога, банери за уебсайтове и много други. програма Adobe PhotoshopВъпреки че ви позволява да работите с векторни изображения, той все още е растерен редактор. CorelDraw или Adobe Illustrator са много по-подходящи за работа с векторни изображения.

И така, ние се запознахме с концепцията за растерни и векторни изображения. Както казах, основната разлика: векторното изображение се описва с математически формули и може да се увеличава колкото искате, без да се губи качество, което не може да се каже за растерно изображение.

Въпреки това, въпреки това, много уеб дизайнери, а не само те, често използват растерни графики на своите сайтове. Това е разбираемо, защото такива графики изглеждат много по-привлекателни. Има обаче страхотни примери за векторна графика. Освен това такава работа тежи много по-малко. Като цяло, изучавайте и прилагайте!

Преди да започнете да изучавате програмата Photoshop, първо трябва да се запознаете с основните основни понятия от света на цифровата графика. Те включват видове графики: растерни и векторни изображения.

Тези две понятия ще ви срещат през цялото време, така че нека разберем какво представляват и каква е разликата между тях.

Растерни изображения

Растерните изображения са основният и най-популярен вид графика. Лъвският дял от изображенията, които срещате в интернет, са именно това растер. Вашият фотоапарат, смартфон и всяка друга джаджа или устройство прави снимки, които вече принадлежат към растера. Технически това е най-простият и достъпен начин за изобразяване на графики.

Точно както всеки жив организъм се състои от малки частици, наречени клетки, така растерното изображение се състои от пиксели.

Програмата Photoshop е създадена специално за работа с растерни изображения. Всички функции, инструменти и механизми на програмата са предназначени за редактиране на пиксели на изображения.

Защо този тип графика е толкова популярен?

Факт е, че поради своята структура растерните изображения могат да показват плавни цветови преходи и градиенти. Краищата на обектите на снимките може да изглеждат гладки. Цветът се предава ясно, близо до реалния и точно това е необходимо, за да предадем нашия реален свят под формата на снимка.

Растерните изображения обикновено се съхраняват в компресирана форма. В зависимост от вида на компресията, може или не може да е възможно да възстановите изображението точно както е било преди компресирането (компресия без загуби или компресия със загуби). Графичният файл може да съхранява и допълнителна информация: за автора на файла, камерата и нейните настройки, броя на точките на инч при печат и др.

Въпреки предимствата, растерът има сериозни недостатъци:

1. Поради факта, че всеки пиксел съдържа доста информация, когато говорим за милиони пиксели в едно изображение, става ясно колко информация ще бъде кодирана в паметта. Това води до увеличаване на размера на файла. Следователно, колкото повече пиксели има една снимка, толкова повече тежи.

2. Трудности при мащабирането на изображението. Когато увеличите мащаба, се появява зърно и детайлите изчезват. Когато една снимка се намали, пикселите се губят в резултат на сложни процеси на преобразуване. В този случай детайлността на изображението няма да пострада толкова много, колкото при уголемяване, но този процес вече е необратим, тоест, ако трябва да увеличите изображението отново, то ще загуби много в качеството си.

Векторни изображения

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

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

Такива графики се създават директно от лице, използващо специализирани програми, например Adobe Illustrator и Corel Draw. Трябва да имате специални умения за използване на тези програми, както и способността да рисувате. Разбира се, това не е достъпно за много хора, така че този тип графики не са толкова широко разпространени.

Векторните изображения се създават предимно за рекламната и дизайнерската индустрия.

Предимства на векторната графика:

1. Възможност за преоразмеряване на изображения без загуба на качество до какъвто и да е размер, докато теглото на изображението не се увеличава. При промяна на размерите координатите и дебелината на линията се преизчисляват и след това обектите се конструират в нови размери.

2. Векторното изображение не съхранява много информация, така че теглото на такъв файл ще бъде няколко пъти по-малко от растер.

3. Възможност за трансформиране на изображение от векторно в растерно без загуба на качество или затруднения. Photoshop може да направи това с две кликвания.

недостатъци:

Векторната графика не е подходяща за създаване на реалистични картини и снимки. Той е много ограничен в предаването на плавни преходи и градиенти между цветовете. В резултат на това всички цветове и линии са в силен контраст.

Въпреки че Photoshop работи с растерна графика, той също така съдържа векторни елементи в своя инструментариум. На първо място това. Когато добавите текст към изображение във Photoshop, се създава отделен текстов слой. Докато този слой живее независимо, той е векторен елемент. Може да се разтяга до всякакъв размер и текстът винаги ще бъде ясен.

Photoshop също се състои от прости векторни изображения.

Освен всичко това, въпреки че Photoshop не може да създава векторни графики, той може да го отвори. Това ви позволява да добавяте предварително подготвени дизайнерски обекти и да ги мащабирате без загуба на качество.

И така, нека обобщим накратко:

— растерните изображения са фотореалистични, докато векторните винаги показват, че са нарисувани;

— мащабирането на изображението е много важна функция, която трябва да знаете как да използвате, когато работите с Photoshop. За да направите това, трябва да знаете как и кога се губи качеството на графиката и да се опитате да предотвратите това. Тогава вашите бъдещи творби ще бъдат едни от онези, в които е хубаво да се възхищавате на най-малките детайли и да се възхищавате колко добре са нарисувани.

Ако забележите грешка в текста, изберете я и натиснете Ctrl + Enter. благодаря ви

За да проведете дискусия относно графичните програми, първо трябва да разберете концепциите и разликите между двата основни типа 2D графики: растерни и векторни изображения. Това е много важен урок, особено ако възнамерявате да работите с графики.

Концепцията за растерно изображение

Растерните изображения саизображения, които се състоят от малки правоъгълни точки с индивидуален цвят - пиксели - комбинирани заедно. Всеки пиксел има свое собствено специално местоположение в картината и своя индивидуална цветова стойност.

Всяко изображение има фиксиран брой пиксели. Можете да ги видите на екрана на вашия монитор, повечето от които показват приблизително 70 до 100 пиксела на инч (реалният брой зависи от вашия монитор и настройките на самия екран).

За да илюстрираме това, нека да разгледаме типична икона на работния плот, My Computer, която обикновено е 32 пиксела широка и 32 пиксела висока. С други думи, има 32 точки цвят във всяка посока, които се комбинират, за да образуват изображението на такава икона.

Когато увеличите този чертеж, както в примера, ще можете ясно да видите всеки отделен квадрат с определен цвят. Обърнете внимание, че белите области на фона също са отделни пиксели, въпреки че представляват един плътен цвят.

Размер и разделителна способност на изображението

Растерните изображения зависят от разделителната способност. Разделителната способност на изображението е броят пиксели в изображението на единица дължина. Това е мярка за яснотата на детайлите растерно изображениеи обикновено се нарича dpi (точки на инч) или ppi (пиксели на инч). Тези термини са донякъде синоними, с изключение на това, че ppi се отнася за изображения, а dpi се отнася за изходни устройства. Ето защо можете да намерите dpi в описанието на монитори, цифрови фотоапарати и др.

Колкото по-висока е разделителната способност, толкова по-малък е размерът на пикселите и повече от тях има на 1 инч и съответно по-добро качество на картината.

Разделителната способност се избира за всяко изображение поотделно и зависи от това къде планирате да го използвате:

• ако планирате да го използвате за публикуване в интернет, тогава разделителната способност е избрана на 72 ppi, тъй като основният критерий за интернет е скоростта на зареждане на изображения, а не тяхното невероятно качество, поради което се избират подходящи формати за запазване на файлове , където качеството не е на първо място.
• ако искате да отпечатате изображение, разделителната способност трябва да е много по-висока от 72 ppi. Така че, за да отпечатате изображение с добро качество, неговата разделителна способност трябва да бъде в диапазона 150-300 ppi. Това е основното изискване към фотопечатниците, които печатат списания, каталози и малоформатни продукти (брошури, флаери, рекламни листовки).

Както бе споменато по-горе, растерните изображения са много зависими от тяхната разделителна способност. Ето защо при мащабиране, поради своята пикселна природа, такива изображения винаги губят качество. Ако все пак решите да увеличите размера на изображението, тогава е най-добре да използвате метода на интерполация, с който можете да постигнете много добри резултати. Ще говорим за този метод в следващия урок.

Размерът на изображението в растерната графика е физическият размер на файла, в който се съхранява изображението. Той е пропорционален на размера на изображението в пиксели.

Photoshop показва връзката между размера на изображението и разделителната способност. Това може да се види, като отворите диалоговия прозорец Размер на изображението, намиращ се в менюто Изображение. Когато се направят промени в една от тези стойности, всички останали автоматично ще бъдат коригирани в съответствие с променената стойност.

За да обобщим, можем да кажем това Основни характеристики на растерните изображенияговорители:

• размер на изображението в пиксели
• битова дълбочина
• цветово пространство
• резолюция на изображението

Пример за растерно изображение е всяка снимка или картина, създадена чрез сканиране, фотографиране или рисуване в растерен редактор или създадена чрез конвертиране на векторно изображение в растерно изображение.

Формати на растерни изображения

Най-често срещаните формати на растерни изображения включват:

• JPEG, JPG

Преобразуването между формати на растерни изображения става много лесно, чрез командата “Save As...”, в менюто на която след името на файла избирате формата, в който искате да запазите изображението.

Някои формати, а именно GIF и PNG, поддържат прозрачност на фона. В същото време не трябва да се забравя това прозрачен фонняма да е така, ако GIF или PNG изображението е записано в друг формат или е копирано и поставено в друго изображение.

Програми за работа с растерна графика

Най-популярните програми за работа с растерна графика:

• Adobe Photoshop
• Adobe Fireworks
• Corel Photo-Paint
• Corel Paint Shop Pro
• Corel Painter
• Боядисвайте

Що се отнася до мен, редакторът на Adobe Photoshop е най-добрият от всички програми.

В сравнение с този вид графика, векторната графика също има много предимства. Нека да ги разгледаме.

Какво представляват векторните изображения

Векторът е изображение, състоящ се от множество индивидуални, мащабируеми обекти (линии и криви), които се дефинират с помощта на математически уравнения.

Обектите могат да се състоят от линии, криви и форми. В този случай промяната на атрибутите на векторен обект не засяга самия обект, т.е. Можете свободно да променяте произволен брой атрибути на обекта, без да унищожавате основния обект.

Във векторната графика качеството на изображението не зависи от разделителната способност. Всичко това се обяснява с факта, че векторните обекти се описват с математически уравнения, така че при мащабиране те се преизчисляват и съответно не губят качество. Въз основа на това можете да увеличите или намалите размера до произволна степен и вашето изображение ще остане толкова ясно и рязко, ще се вижда както на екрана на монитора, така и при печат. По този начин векторът е най-добър изборза илюстрации, които се показват на различни медии и чийто размер трябва да се променя често, като например лога.

Друго предимство на изображенията е, че те не са ограничени до правоъгълна форма като растерните изображения. Такива обекти могат да бъдат поставени върху други обекти (поставянето на преден или заден план се избира лично от вас).

За по-голяма яснота съм предоставил чертеж, в който е начертан кръг във векторен формат и кръг в растерен формат. И двете са поставени на бял фон. Но когато поставите растерен кръг върху друг подобен кръг, ще видите, че този кръг има правоъгълна рамка, която, както виждате на снимката, не присъства във вектора.

Днес векторните изображения стават все по-фотореалистични, това се дължи на постоянното развитие и внедряване на различни инструменти в програмите, например, като градиентна мрежа.

Векторните изображения обикновено се създават с помощта на специални програми. Не можете да сканирате изображение и да го запазите като векторен файл, без да използвате преобразуване чрез проследяване на изображението в Adobe Illustrator.

От друга страна, векторното изображение може да бъде преобразувано в растерно изображение доста лесно. Този процес се нарича растеризация. Освен това по време на преобразуването можете да зададете произволна разделителна способност на бъдещото растерно изображение.

Векторни формати

Най-често срещаните векторни формати включват:

• AI (Adobe Illustrator);
• CDR (CorelDRAW);
• CMX (валута на Corel);
• SVG (мащабируема векторна графика);
• CGM компютърен графичен метафайл;
• DXF AutoCAD.

Най-популярните програми за работа с вектори : Adobe Illustrator, CorelDRAW и Inkscape.

И така, каква е разликата между векторни и растерни изображения?

Обобщавайки статията за растерни и векторни изображения, можем да кажем с увереност, че векторните изображения имат много предимства пред растерните изображения, а именно.

Вземане на проби

Пример за аналогово представяне графична информация може да служи като картина, чийто цвят се променя непрекъснато, и дискретно - изображение, отпечатано с помощта на мастиленоструен принтери се състои от отделни точки с различни цветове.

Пример за аналогово съхранение аудио информация е винилова плоча (звукописът непрекъснато променя формата си), а дискретният е аудиокомпакт диск (саундтракът на който съдържа области с различна отражателна способност).

Представяне на изображения в компютър

изображение:

растер

вектор

растер:

Растерно изображениее колекция от точки (пиксели) с различни цветове.

пиксел - минималната площ на изображението, чийто цвят може да бъде зададен независимо.

По време на процеса на кодиране изображението се дискретизира пространствено.

Пространственото вземане на проби от изображение може да се сравни с конструирането на изображение от мозайка (голям брой малки многоцветни стъкла).

Изображението е разделено на отделни малки фрагменти (точки) и на всеки фрагмент е присвоена цветова стойност, т.е цветен код (червено, зелено, синьо и др.).

Качеството на изображението зависи от броя на точките (колкото по-малък е размерът на точката и съответно колкото по-голям е техният брой, толкова по-добро е качеството) и броя на използваните цветове (колкото повече цветове, толкова по-добро е качеството на кодираното изображение ).

Плюсове на растерното кодиране:

2. Разпространение

Недостатъци на растерното кодиране:

1. Универсален метод (позволява ви да кодирате всяко изображение)

2. Разпространение

3. Единственият метод за кодиране и обработка на размазани изображения, които нямат ясни граници (снимки)

4. Bitmap е естествено за повечето I/O устройства

Най-популярните растерни формати:

Формати на растерни изображения:

Bit MaP изображение (BMP)- универсален формат за растерни графични файлове, използван в операционната система Windows. Този формат се поддържа от много графични редактори, включително редактора Paint. Препоръчва се за съхранение и обмен на данни с други приложения.

Формат за обмен на графики (GIF)- растерен графичен файлов формат, поддържан от приложения за различни операционни системи. Включва алгоритъм за компресия без загуби, който ви позволява да намалите размера на файла няколко пъти. Препоръчва се за съхраняване на програмно създадени изображения (диаграми, графики и др.) и рисунки (като апликация) с ограничен брой цветове (до 256). Използва се за поставяне на графични изображения на уеб страници в Интернет.

Файлов формат с етикети (TIFF)- растерен графичен файлов формат, поддържан от всички основни графични редактори и компютърни платформи. Включва алгоритъм за компресия без загуби. Използва се за обмен на документи между различни програми.

Препоръчва се за използване при работа с издателски системи.Форматът поддържа широка гама от цветови дълбочини, различни цветови пространства и различни настройки за компресия (както със загуби, така и без загуби).

RAW

Векторно изображение- съхранява информация, получена директно от матрицата на цифров фотоапарат или подобно устройство, без да се прилагат трансформации към него, както и съхранява настройките на камерата.

векторно изображение:е колекция от графични примитиви (точка, линия, елипса...).

Всеки примитив се описва с математически формули. Кодирането зависи от средата на приложението. Достойнство

векторна графика е, че файловете, съхраняващи векторна графика, са относително малки по размер.

1. Също така е важно векторната графикаможе да се увеличи или намали без загуба на качество.

Плюсове на векторното изображение:

Най-добрият начин

за съхранение на чертежи, диаграми, карти

2. Няма загуба на информация по време на кодиране

3. Няма изкривяване при преоразмеряване

4. Размерът на файла зависи от сложността на чертежа

5. Няма изкривяване при мащабиране на изображението

Недостатъци на векторните изображения:

1. Не всички обекти могат да бъдат изобразени във векторна форма

2. Преобразуването от растерно във векторно изображение е трудно 3. Неефективно за използване за снимки и размазани изображения

Векторни формати на изображения cdr

– формат, използван от CorelDraw. cmx

– формат на графични програми от Corel Corporation, предназначен за прехвърляне на чертежи между различни програми. ai – файлов формат, създаден от Adobe Illustrator., универсален векторен формат, поддържан от повечето приложения на Windows.

eps– сравнително универсален векторен файлов формат, поддържан от повечето векторни редактори – CorelDraw, Adobe Illustrator, Macromedia FreeHand.

фла– изходните Flash файлове се създават в AdobeFlash (по-рано MacromediaFlash).

swf– Flash формат, който може да се гледа с помощта на Flash Player, инсталиран като плъгин за браузър.

svg– Съкращение за англ. Мащабируема векторна графика.