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

растерни

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

Минималната единица на този графичен формат е точка или пиксел, на които е присвоена конкретна стойност на цвета. Тъй като в компютърната графика тези точки се разпределят в мрежа или „растер“ на английски, изображенията, съставени от пиксели, обикновено се наричат ​​растерни изображения или растерни изображения и се определят от две централни характеристики: броя точки или пиксели, които ги съставят и информация за цвета който съдържа всеки пиксел. Докато първите определят височината и ширината на графиката и по този начин нейната разделителна способност, стойностите на цвета и контраста могат да бъдат определени индивидуално за всяка точка.

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

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

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

И точно това е голямото предимство на векторните изображения в сравнение с растерните изображения: това е изображение, което може да бъде дефинирано въз основа на неговите качества, независимо от неговата плътност на пикселите. мащаб без загуба на качество, тъй като параметрите се преизчисляват въз основа на крайния размер. От друга страна, ако например искате да мащабирате кръг, изграден с пиксели, от определен размер ще започнете да виждате точките, които го съставят, поради присъщата му липса на гъвкавост (ефект на псевдоним или „стъпка“), следователно този тип изкривени изображения са в разговорно наименование "пикселизирани изображения".

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

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

Файлови формати и програми за графичен дизайн

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

Файлов формат

Програма за дизайн

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

TIF, JPG, BMP, PNG, GIF

Adobe Photoshop, GIMP, Corel PaintShop Pro

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

Adobe Illustrator, Corel Draw, Inkscape

Обхват на приложение

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

Растеризация и векторизация

Докато растеризацията на векторно изображение се случва без много шум и невидимо всеки път, когато изображение от този тип се отпечатва или показва на екран, обратният път от растерното изображение до векторното изображение е, напротив, по-труден. Този процес на векторизация може да се направи ръчно или с помощта на a програма за векторизация като Xara Xtreme или Inkscape, които съдържат съответно функциите Bitmap Tracer или Potrace. Подобна промяна обаче е податлива на грешки, тъй като тези програми могат грубо да показват сложните цветови или контрастни преходи, типични за растерните изображения, като ги показват като видими изолирани ленти (ленти).