Png это растр или вектор – Форматы векторной и растровой графики

Растровая и векторная графика

Здравствуйте дорогие читатели! В сегодняшней статье на фотодизарт.ру  мы поговорим о том, что такое растровая и векторная графика. Разберем, какие достоинства и недостатки присутствуют в каждом из графических форматов. Наверняка вам уже известно, что все компьютеры работают с графикой в двух графических форматах растровом (точечном) и векторном (объектном).

Растровое изображение представлено в памяти персонального компьютера, как комплекс информации о цвете всех пикселей, упорядоченных каким либо образом. Самым актуальным примером растровой графики в обыденном миру является мозаика. Мозаика состоит из одинаковых элементов разного цвета и в сборе представляет собой единое целое напоминая изображение их точек. В растровом изображение точки до того мелкие, что человеческий глаз их не видит, а видит изображение как единое целое.

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

Схематическое изображение пикселей.

К наиболее популярным форматам  растровой графики можно отнести форматы: GIF, JPEG, PNG.

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

Аналоги векторным изображениям в реальном мире подобрать не просто. Хотя, например может претендовать геометрия со своими фигурами или же инженерная графика так, как в проектирование каких либо узлов оборудования создаются чертежи, которые состоят из различных геометрических фигур и в итоге составляют единое целое (изображение).

Схематическое представление объектов, которые составляют изображение.

К самым популярным форматам векторной графики можно отнести: CDR, Ai, SVG.

Основные различия растровой и векторной графики

Достоинства растровой графики:

  • Растровая графика предоставляет возможность создавать любые изображения не обращая внимание на сложность их исполнения в отличие от векторной графики, которая неспособна предать хорошо переход цветов от одного к другому.
  • Широкий спектр применения – растровая графика на сегодняшний день нашла широкое применение в различных областях, от мелких изображений (иконок) до крупных (плакатов).
  • Очень высокая скорость обработки изображений различной сложности, при условие что нет необходимости в их масштабирование.
  • Представление растровой графики является естественным для большинства устройств и техники ввода-вывода графики.

Недостатки растровой графики:

  • Большой размер файлов с простыми растровыми изображениями.
  • Невозможно увеличение изображения в масштабе без потери качества.
  • Вывод изображения при печати на плоттер является затруднительным.
  • При хорошем качестве изображения требуются значительный объем дискового пространства для хранения файлов.
  • Сложность преобразования растрового изображения в векторное.

Исходя из вышеуказанных недостатков хранить простые рисунки рекомендуется не в сжатой растровой графике, а использовать векторную.

Достоинства векторной графики:

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

Недостатки векторной графики:

  • В векторной графике можно изобразить далеко не каждый объект. Объем памяти и интервал времени на отображение векторной графики зависит от количества объектов и их сложности.
  • После преобразование из растрового изображения в векторное, обычно качество векторного изображения не высокое.

На сегодняшний день наиболее популярными и востребованными графическими редакторами являются:

Редактор растровой графики: Adobe Photoshop, GIMP.

Редакторы векторной графики: CorelDraw и Adobe Illustrator.

Векторная и растровая графика хранится в определенных форматах изображения.

fotodizart.ru

Форматы растровых и векторных изображений

 

Здравствуйте, друзья! Во 2 уроке «Ручки-нарисучки» я напомню вам, какие бывают форматы растровых и векторных изображений. «Как? Опять вокруг, да около!», — возмутятся самые нетерпеливые. Но поверьте, уважаемые поклонники рисованного видео: знание подобных «мелочей» значительно ускорит нам продвижение к рисовашкам в дальнейшем. По крайней мере мы будем понимать, о чем идет речь, когда дело дойдет до работы в программах.

 

Я не дизайнер, да и большинство из вас, думаю, тоже. Поэтому мы не будем углубляться в эту сложную и обширную тему чересчур детально. Нам это попросту не нужно. Сегодня я лишь дам вам понятия растровой и векторной графики, отличия между ними и наиболее популярные их форматы.

 

Кстати, а что это такое — формат графики? Это метод визуализации (показа на воспроизводящем устройстве) той информации, которая сохранена в файле. По сути формат изображения  — это способ кодирования изображения и инструкция, как воспроизвести статическую или динамическую картинку со всеми ее параметрами (размерами, палитрой цветов, их глубиной и оттенками).

 

Признаюсь, что никакой инновационной информации в статье не будет. Я лишь постараюсь изложить этот непростой материал доступным языком и в том объеме, который необходим нам — будущим видеоскрайберам и дудлвидеоменам. Поехали?

 

Что такое растровый формат, его виды, применение

 

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

 

Под размерами растровых изображений чаще всего понимают количество пикселей по длине и ширине, например, 600*300 px. Важной характеристикой является также их разрешение, то есть количество ячеек (точек) на единицу площади носителя — экрана, бумаги. Чем выше эта величина, тем более точно происходит воспроизведение оригинала.

 

Цифровые фотоаппараты, сканеры, графические редакторы типа Paint, Canva, Photoshop — все эти устройства и программы выдают продукцию (и работают с ней) в растровом формате. Кстати, скриншоты (снимки экрана монитора) — это тоже растр.

 

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

 

Самые распространенные форматы пиксельной технологии, применяемые для web -ресурсов:

  • gif — несколько устаревшее, но все еще популярное расширение, которое поддерживает анимацию, имеет не слишком большой вес и допускает прозрачность;
  • jpeg — самый легкий из растровых форматов; сжатие происходит за счет отбрасывания части данных, которые в меньшей степени воспринимает человеческий глаз; для хранения или размещения на сайтах подходит прекрасно;
  • png — не поддерживает анимацию, в отличие от gif имеет расширенную цветовую палитру, возможна регулировка прозрачности, но вес изображений довольно велик.

Перечисленные расширения имеют отношение к рисованному видео постольку, поскольку именно их мы будем учиться переводить в вектор.

 

В полиграфии и издательском деле чаще используют форматы BMP и TIFF, которые обеспечивают самое высокое качество печати. В сайтостроении они не применяются из-за чересчур большого веса. Нам с вами, друзья вряд ли придется встречаться с ними в дальнейшем.

 

Векторные форматы — какие бывают, для чего используются

 

Векторная графика — это вид сохранения данных в памяти компьютера в виде простейших геометрических фигур, то есть их математической модели. У человека несведущего (типа нас с вами) возникнет законный вопрос: чем всех этих компьютерных гениев не устраивал растр. Для чего нам какие-то вектора? Но дело в том, что векторные изображения лишены главных недостатков точечных расширений:

  1. Они позволяют значительно менять размер изображения или отдельных его деталей без ущерба для качества — свойство масштабируемости.
  2. Размеры векторных файлов существенно меньше растровых, что дает хорошую экономию дискового пространства ПК.
  3. Именно векторная графика применяется для создания рисовашек, потому что она лучшим образом подходит для простых рисунков, не требующих фотореализма. И это третье преимущество для нас с вами, наверняка, становится решающим.

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

  • svg — самое популярное из расширений графических файлов в двухмерном пространстве, используется в производстве дудл-видео; дает широкие возможности для web-дизайна, поддерживает анимацию, окраску, прозрачность;
  • swf — баннеры, анимированные логотипы, игры; не позволяет задавать прозрачность; при экспорте может самопроизвольно переформатироваться в растр, поменять цветовые градиенты;
  • eps — один из первых векторных форматов; является по сути смешанным, так как может содержать наряду с векторными объектами и растровые; прозрачность не поддерживает, его файлы имеют большой вес;
  • ai — имеет хорошее качество изображений, стабильный, его принимают практически все векторные редакторы; используется при создании рекламной продукции;
  • cdr — используют в полиграфии для продукции, не отличающейся слишком широкой палитрой — визиток, логотипов; несовместим с другими граф-редакторами, ограниченно с Adobe Illustrator; при попытках конвертации файлы искажаются, теряют прописанные эффекты;
  • pdf — полиграфия, электронные книги, презентации — область применения довольно широка; программное обеспечение для отображения pdf-файлов бесплатное; печать допускается на самых простых устройствах без искажения; может использоваться как архиватор, так как значительно сжимает данные.

 

В программах для скрайбинга используются только SVG расширения. Но форматы AI и EPS нельзя сбрасывать со счетов, так их легко, буквально в несколько кликов можно преобразовать в нашу «рабочую лошадку» по имени ЭсВиДжи. Этим они и ценны для нас.

Рассказать обо всех графических форматах, будь то растр или вектор — такую задачу перед собой я не ставила, хотя в действительности их намного больше. Нам с вами, друзья, просто стоит запомнить основные из них и понять, какие из них для чего применяются.

 

На этом позвольте закончить мою «песнь» о форматах. А на закуску — вот вам урок 2. На этот раз он — шуточный — о том, как «Как-то раз все дело встало из-за страшного скандала».

 

До свидания. До встречи в третьем уроке «Нарисучки».

 

GALANT.

 

Рекомендую вспомнить урок № 1 «Дудлинг, скрайбинг»

 

 

prowebwriting.ru

Чем отличается векторная графика от растровой?

Знакомьтесь: растр

В переводе с латыни rastrum — это решётка. Таким образом, растровое изображение — это набор цветных точек — пикселей, одинакового размера и формы, что по своей форме напоминает решётку. Точки эти чрезвычайно малого размера, и человеческий глаз воспринимает их не по отдельности, а единым рисунком. Самые популярные форматы для хранения растровых изображений — GIF, JPEG, PNG.

Если на компьютере сильно увеличить пиксельный рисунок, мы увидим размытые границы, и сразу вспомним мозаику: как раз в этом и состоит особенность растровой графики. Качество изображения зависит от количества пикселей: чем их больше, тем больше оттенков цвета возможно воспроизвести. Например, фотография для печати формата А4 состоит примерно из 8 миллионов пикселей.

Знакомьтесь: вектор

Векторная (от латинского vector — «несущий») графика не описывает картинку миллионами разноцветных пикселей, как растровая. Она оперирует математическими формулами. Допустим, компьютер получает команду: нарисовать треугольник определенных размеров. Задается местоположение треугольника, и вот он нарисован. Таким же образом рисуются линии, кривые, окружности, текстовые блоки: всё это можно описать формулой и изобразить. Каждому объекту присваивают атрибуты — толщина линий, цвет. Если нужно поменять размер, то компьютер пересчитывает формулу, и картинка тут же меняется.

И вот в этом как раз кроется главное преимущество векторной графики: вы можете менять размер как угодно — границы изображения останутся такими же чёткими.

Итак, основные различия:

  • Растровая графика подарит качественное изображение за счёт множества оттенков — конечно, если не пожалеете пикселей. Незаменима при печати фотографий, сложных изображений, где важен цвет и живость.
  • Векторная графика поможет в создании схем и чертежей без потери в качестве изображения при любом масштабе.

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

В своей работе мы ежедневно имеем дело с обоими форматами. Использовать вектор или растр при подготовке макетов на печать — решать вам, ведь это всегда зависит от конечной задачи.

Векторные линии и обводки, которые должны уверенно считываться в готовой продукции, должны иметь толщину не менее 0,2 пункта (0,07 мм).

Для растровых полутоновых изображений (Contone) мы рекомендуем использовать разрешение не ниже 150 ppi, в идеале — 300 ppi. Для растровых однобитных изображений (Bitmap) разрешение должно быть не ниже 300 ppi, но в идеале — 600 ppi. При выборе типа сжатия растровой графики предлагаем остановиться на ZIP, но если вы используете алгоритм JPEG, то рекомендуем показатель качества зафиксировать на максимальном уровне. 

По материалам типографии Акцент

pechatnick.com

Отличие векторной графики от растровой. — ZMNik


Думаю многие слышали о векторной и растровой графике. Но знаете ли вы, чем они отличаются друг от друга? 

 

Графические файлы бывают в различных форматах, например: jpg, gif, tiff, ai, eps, bmp, cdr, и т. д. и хотя все они несут информацию о каком-либо изображении, каждый формат обладает уникальными свойствами и приспособлен для решения различных задач.

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

И все таки, какая разница между векторной графикой и растровой? Какую лучше использовать для создания макетов? В этой статье ты найдешь полную информацию и сможешь раз и навсегда разобраться в этом непростом вопросе.

 

Представь себе сетку или шахматную доску. Каждый квадратик (растр или точка) имеет свой цвет и яркость. Из такой мозаики и состоит растровое изображение. Чем больше точек на плоскости и чем мельче они, тем меньше мы их замечаем и более четко видим изображение.

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

Современные фотоаппараты позволяют делать снимки в десятки миллионов точек. Чтобы разглядеть точки из которых состоит такая фотография необходимо ее многократное увеличение:

Растровая графика используется при работе с реалистичными изображениями.

Преимущества

— Применяется гораздо чаще векторной и ее проще просматривать.
— Способна воспроизводить изображение любой сложности, вне зависимости от количества цветов и мягких переходов градиента.

Недостатки

 

— Самое простое растровое изображение имеет больший размер чем векторное
— При масштабировании пропадает четкость

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

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

Преимущества

— При масштабировании сохраняется четкость изображения
— Любое изображение можно легко править без потери качества

Недостатки

— Изобразить можно только простые элементы в отличие от растра
— Перевести вектор в растр — просто, а перевести растр в вектор — сложно

 

Источник:

http://expert-polygraphy.com/vektor_i_rastr/

dnevniki.ykt.ru

Применение векторной графики — Векторная графика на сайте

Применение векторной графики

Векторная графика, или векторный рисунок, принципиально отличается от растрового представления изображений. Разница в визуальном представление очень большая: растровая картинка (форматов JPG, GIF, PNG, TIF, PSD, BMP) при изменении размеров искажается, при этом ухудшение качества графики бывает заметным на глаз. Это происходит потому, что в растровом графическом файле задается цветовой параметр для каждой точки изображения. При масштабировании переходы между разными цветами картинок огрубляются. Векторные картинки (vector images) — это математические модели, оперирующие не точками, а геометрическими фигурами, из которых состоят рисунки. При масштабировании картинка фактически заново перестраивается, благодаря чему векторную графику можно изменять в любых пределах.

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

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

Векторная графика крайне полезна при подготовке изображений для сайтов, и в этом ее главное применение веб-мастерами. Благодаря тому, что изображения, полученные переводом из вектора в растр, почти всегда уникальны, они по достоинству оцениваются поисковыми системами при ранжировании картинок. Если учесть то обстоятельство, что с векторной графикой нет проблем с фонами, текстурами и формами, то становится понятно: клипарту векторных рисунков самое место на полке веб-дизайнера.

Какие редакторы нужны для работы с векторной графикой?

Для работы с векторными изображениями требуется специальные программные среды (Adobe Illustrator, CorelDraw, Inkscape, Macromedia FreeHand и подобные). Обычные графические редакторы в лучшем случае предлагают при открытии векторного файла задать размер изображения (как в случае с Adobe Photoshop при открытии EPS-файлов) и растрируют картинку, а чаще всего не понимают векторные изображения вообще или поддерживают только один формат вектора — WMF. Универсального векторного редактора, который корректно поддерживает все популярные векторные форматы, в природе не существует. Более того, иногда графические файлы, сохраненные в новой версии программы, могут не поддерживаться старой, как в случае с Corel Draw.

Перевод векторных картинок в растровые

Растрирование, или перевод картинки из вектора в растр, достаточно просто осуществляется в самом векторном редакторе. Для примера рассмотрим операцию перевода векторной графики Corel Draw в растровую формата Adobe Photoshop.

  1. В редакторе CorelDraw создайте пустой проект («Файл» -> «Создать»).
  2. Задайте подложке требуемый цвет фона («Макет» -> «Фон страницы»).
  3. Нажатием «Файл» -> «Импорт» вставьте на нее векторное изображение.
  4. По кнопке «Файл» -> «Экспорт» задайте растровый формат PSD и имя.
  5. Нажмите кнопку «Экспорт» внизу формы, откроется окно параметров.
  6. В окне преобразования установите разрешение 72 и нужный размер.
  7. Остальные установки перевода векторов в растр видны на картинке.
  8. После нажатия кнопки «OK» на компе появится растровый файл PSD.

На выборе фона стоит остановиться подробнее. Дело в том, что его гораздо удобнее задать сейчас, на этапе преобразования вектора в раст, чем потом, в Фотошопе.


Применение векторных изображений: перевод векторного рисунка в растровый вид

Масштабирование также лучше делать при переводе векторной графики в растровую. Разумеется, пропорции нужно сохранять, а результирующие размеры указывать в пикселях. Если нужно редактирование рисунка, то его также целесообразно осуществить в векторном режиме.

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

com-seo.ru

Векторная и растровая графика для web

24.01.09    Создание сайтов

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

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

Растровые (точечные) изображения

К растровой графике, которой гораздо больше, чем векторной, относятся все картинки форматов JPEG, GIF, PNG, ICO, BMP. Это привычные нам фотографии, иконки и рисунки, которые состоят из точек (пикселей, растров).

Преимуществом растровой графики является то, что с ее помощью можно создать любой по сложности рисунок. При этом применять огромное количество фильтров и плагинов. Основным недостатком – растровую графику нельзя растягивать без потери качества. Большие рисунки нужно изначально рисовать большими, а фотографии делать с большим разрешением.

При увеличении размера файлов растровой графики теряется четкость изображения, становятся заметными отдельные пиксели, из которых состоит картинка. Самым популярным пакетом для обработки растровой графики является, конечно же, Adobe Photoshop (PSD).

Растровый формат GIF, позволяет создавать анимацию. Правда, она проще и дольше загружается, чем flash, зато сделать gif-анимацию, как правило, намного легче.


Векторная графика: рисунки с помощью кривых

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

Векторные изображения легко редактировать. Все изображение или его часть можно трансформировать без потери качества. Графические программы, такие как Adobe Illustrator и Corel Draw, позволяют создавать векторные рисунки с помощью разнообразных инструментов по рисованию линий, как плавных, так и ломаных. Возможность рисования и редактирования многоугольников, эллипсов, стрелок и прочих графических примитивов всех размеров и расцветок позволяет дизайнерам создавать логотипы, иконки, визитки, персонажей и другую сложную графику, но реалистичности фотографий добиться практически невозможно.

Несмотря на то, что в векторной графике можно легко заполнять области градиентами и создавать эффекты объемности, избавиться от вида нереальности картинки, ее «нарисованности», не под силу даже опытным дизайнерам. В большинстве случаев это и не нужно, для реалистичности есть Фотошоп. Векторные форматы для сохранения фотографий не годятся, т.к. лица и пейзажи невозможно описать линиями и углами.

Основные форматы векторной графики и программы по их созданию: Adobe Illustrator (AI, EPS), Corel Draw (CDR), Adobe Flash (FLA, SWF). К программам, создающим векторные изображения для интернета, также можно отнести новую разработку Microsoft Silverlight 2, аналог Adobe Flash CS4.

Современные программы обработки изображений позволяют смешивать векторный и растровый тип графики в одном файле. В Adobe Illustrator или Corel Draw можно экспортировать JPEG-фотографию или GIF-логотип, а в Photoshop вставлять векторные изображения в виде смарт-объектов.

Форматы AI, CDR, FLA и PSD в определенной степени являются промежуточными для веб-дизайна – браузеры не умеют отображать такую графику. Дизайн сайта сначала создается либо в Photoshop в формате PSD, либо во Flash в формате FLA (без помощи Illustrator или CorelDraw редко обходится) и только потом графика преобразовывается в интернет-форматы.

Зачем веб-дизайнеру векторные графические форматы

Веб-дизайнеры, кроме флэшеров, в основном, работают с растровой графикой. Дизайнер создает макет веб-сайта в Фотошопе, используя полученные от заказчика или найденные в интернете файлы других точечных форматов: фотографии и текстуры в JPEG, иконки и персонажей в PNG, флажки и логотипы в GIF. Макет сайта сохраняется в фотошоповском растровом формате PSD, потому что он сохраняет графику без сжатия и искажений. Заказчику показывается превью макета в формате JPEG или PNG, а после утверждения дизайна макет передается верстальщику в формате PSD. И уже после HTML-верстки сайт представляет собой совокупность картинок, формат и размер которых определяется характером графики. Безграмотно сохранять фотографии в GIF, а логотипы в JPEG. Важно четко понимать разницу между форматами и научиться пользоваться сильными сторонами каждого способа представления графики. Тогда картинки будут четкими, реалистичными и загружаться будут максимально быстро.

Обойтись только растровыми форматами хороший веб-дизайнер не сможет. Элементы дизайна для некоторых сайтов приходится создавать в векторном виде, особенно если дизайн сайта мало острых углов и прямых линий. Я один раз даже встречал макет нефлэшвого сайта, созданный полностью в векторе.

Научиться хотя бы азам работы в векторных пакетах веб-дизайнеру необходимо. Логотипы для сайтов в большинстве случаев заказчик предоставляет в CDR, AI или EPS. Кроме того веб-дизайнерам часто приходится делать флеш-баннеры, анимировать шапки сайтов, делать буклеты и визитки. Чем больше освоенных инструментов, чем больше знаний, тем больше вариантов решения поставленной задачи, тем меньше будет потрачено времени, тем лучше будет результат и тем больше можно заработать денег.

Что касается флэш-дизайнеров, то они стараются использовать в своих работах как можно больше векторной графики, хотя Adobe Flash без проблем анимирует и все растровые форматы. Дело в свойствах векторных форматов: изменение размеров без потери качества и при этом маленьком размере готового flash-ролика. Потому информация при создании flash-баннеров или разработки flash-сайтов, по возможности, должна быть в векторном виде. В результате получим более качественный и более легкий flash-ролик.

 

Читайте также:

www.web-article.com.ua

Что значит векторный, и что значит растровый

Что значит векторный, и что значит растровый, такие вопросы возникают в голове не искушенного в современных технологиях человека. Да и необходимость в этом знании появляется только тогда, когда приходится осваивать работу с компьютерными фотографиями, картинками, картами и т.д.

Векторные и растровые изображения – это то, с чем приходится иметь дело графическим компьютерным программам, в связи с этим различают растровую графику и векторную графику. Да и сами программы – графические редакторы, специализируются в работе с каким-то одним классом изображений. Значит, между этими классами изображений есть большие различия. В чем же они заключаются, и что нам от этого?

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

Таким образом, векторное (оцифрованное) изображение состоит из математически описанных линий (векторов) составляющих геометрические фигуры. Благодаря этому векторные картинки  можно неограниченно увеличивать и уменьшать без потери качества изображения и изменения размера исходного файла.

Растровые изображения состоят из большого количества разноцветных точек (пикселей), которые в совокупности образуют картинку на экране монитора. Чем больше этих точек на единице площади экрана, тем более четким будет изображение. Из-за того что количество разных пикселей в картинке неизменно, при увеличении изображения происходит увеличение размеров пикселей и в результате мы видим набор разноцветных квадратиков (зернистость), а не осмысленную картину.

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

Для создания и редактирования растровых изображений используют специальные программы —  растровые редакторы, такие как Adobe Photoshop или Photo Paint, а наиболее распространенными форматами растровых файлов являются BMP, GIF, JPEG, JPG, PNG.

Изображения векторного формата создают и используют в таких известных программах как CorelDraw, Adobe Illustrator, графический редактор, входящий в пакет Либре Офис. Основными форматами являются AI (AdobeIllustrator), CDR (CorelDRAW), DXF CAD.

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

compone.ru

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Авторское право © 2025 Es picture - Картинки
top