веб сайт. веб-сайт. Средства отображения и редактирования графических элементов webсайтов

• Название: Средства отображения и редактирования графических элементов webсайтов
• Анкор: веб сайт
• Дата: 14.09.2022
• Размер: 1.2 Mb.
• Имя файла: веб-сайт.pptx
• Тип: Документы; #676080

Средства отображения и редактирования графических элементов web-сайтов

MENU

web

Средства отображения

MENU

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

web

ВЕКТОРНАЯ ГРАФИКА

MENU

web

MENU

web

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

Объекты векторной графики описываются совокупностью координат, параметров и атрибутов.

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

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

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

MENU

web

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

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


MENU

web

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

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


MENU

web

Редакторы

ABViewer
Adobe Animate
Adobe Fireworks
Adobe Illustrator
CorelDRAW
Inkscape
SK1
Scribus
Xara Xtreme


Форматы

SVG 
EMF
CDR
CGM
DXF
OpenVG
GXL 
WMF
EPS
PDF
AI
SWF
DXE
FLA.


MENU

web

РАСТРОВАЯ ГРАФИКА

MENU

web

MENU

web

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

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

Важными характеристиками изображения являются:

Размер изображения в пикселях — может выражаться в виде количества пикселей по ширине и по высоте (800 × 600, 1024 × 768, 1600 × 1200 пикселей и т. д.) или же в виде общего количества пикселей. Так, изображение размером 1600 × 1200 пикселей состоит из 1 920 000 точек, а это примерно 2 мегапикселя
Цветовое пространство (цветовая модель) — RGB, CMYK, XYZ, YCbCr и др.;
Разрешение изображения — величина, определяющая количество точек (элементов растрового изображения) на единицу площади (или единицу длины). Не следует путать с размером сетки изображения.

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

MENU

web

Преимущества Растровой графики

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


MENU

web

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

Может занимать много места если изображение сложное и используется высокая глубина цвета. Так же это зависит от его формата: PMG, JPG, BMP и т.д.
При масштабировании теряется четкость. Поэтому разрешение так важно
Не вывести на печать на плоттер или это сделать довольно сложно.


MENU

web

Редакторы

GIMP
Krita
Paint
Paint.NET
Pixlr
CorelDraw и т.д


Форматы

PmG
JPG
BMP
GIF
PCX
TIFF
Raw и т.д


MENU

web

Спасибо за внимание!

MENU

web