Компьютерная графика
<<  Создание пиктограмм Компьютерная графика  >>
Графика для WEB
Графика для WEB
Графика для WWW
Графика для WWW
Jpеg
Jpеg
GIF
GIF
JPEG и GIF
JPEG и GIF
Сравнение форматов графических файлов
Сравнение форматов графических файлов
Фотография в формате JPEG
Фотография в формате JPEG
Анимация
Анимация
Формат PNG
Формат PNG
PNG и GIF
PNG и GIF
Неправильное представление формата PNG
Неправильное представление формата PNG
Рекомендации по подготовке графических изображений
Рекомендации по подготовке графических изображений
Коллаж
Коллаж
Подготовка изображений к размещению на web-странице
Подготовка изображений к размещению на web-странице
Скриншот
Скриншот
Презентация «Графика для web». Размер 629 КБ. Автор: Дарья Гвасалия.

Загрузка...

Графика для web

содержание презентации «Графика для web.ppt»
СлайдТекст
1 Графика для WEB

Графика для WEB

Графика для WEB. Web-design. Занятие №4 Гвасалия Дарья Александровна.

2 Графика для WWW

Графика для WWW

Графика для WWW. В web-дизайне используются три основных типа графических файлов: JPEG (JPG) для многоцветных фотографических изображений GIF для изображений с небольшим количеством цветов (256). PNG – спроектирован для замены устаревшего и более простого формата GIF.

3 Jpеg

Jpеg

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

4 GIF

GIF

GIF. формат хранения графических изображений (англ. Graphics Interchange Format), созданный в 1987 специально для Интернета (Срок действия последнего патента на GIF истёк 11 августа 2006). Формат GIF способен хранить сжатые без потерь изображения, содержащие до 256 цветов, и предназначен, в основном, для чертежей, графиков и т. д. Есть возможность использовать прозрачный фон. Создавать небольшие анимации (несколько сменяющих друг друга изображений в одном файле).

5 JPEG и GIF

JPEG и GIF

JPEG и GIF. JPEG (JPG) для многоцветных фотографических изображений GIF для изображений с небольшим количеством цветов (256).

6 Сравнение форматов графических файлов

Сравнение форматов графических файлов

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

7 Фотография в формате JPEG

Фотография в формате JPEG

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

8 Анимация

Анимация

Анимация. Анимация поддерживается только графическим форматом Gif.

9 Формат PNG

Формат PNG

Формат PNG. растровый формат хранения графической информации, использующий сжатие без потерь. PNG был создан как для улучшения, так и для замены устаревшего формата GIF. PNG может отображать практически неограниченное количество цветов в изображении, поддерживает прозрачный фон, но нет поддержки множественного изображения. Но несмотря на ряд существенных преимуществ перед форматами GIF и JPEG до сих про не получил широкого распространения!

10 PNG и GIF

PNG и GIF

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

11 Неправильное представление формата PNG

Неправильное представление формата PNG

Вполне резонно возникает вопрос, почему же при таком количестве преимуществ формат PNG до сих пор не получил широкого распространения: причина неправильное представление формата PNG популярными браузерами. Прозрачный фон корректно отображается только в формате GIF JPEG хорош для сжатия фотографий и размер файла в данном формате получается меньше по сравнению с PNG. Почему PNG не получил широкого распространения?

12 Рекомендации по подготовке графических изображений

Рекомендации по подготовке графических изображений

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

13 Коллаж

Коллаж

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

14 Подготовка изображений к размещению на web-странице

Подготовка изображений к размещению на web-странице

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

15 Скриншот

Скриншот

Задание. Подготовить изображения для публикации на WEB-странице. Нужно: уменьшить размеры фотографии подготовить скриншот –вырезать нужный фрагмент изображения.

«Графика для web»
Сайт

5informatika.net

115 тем