Графика для web
05.09.2018
Презентация «Графика для web» . Размер 629 КБ. Автор: Дарья Гвасалия .
содержание презентации «Графика для web.ppt»
| № | Слайд | Текст |
| 1 |  |
Графика для WEBГрафика для WEB. Web-design. Занятие №4 Гвасалия Дарья Александровна. |
| 2 |  |
Графика для WWWГрафика для WWW. В web-дизайне используются три основных типа графических файлов: JPEG (JPG) для многоцветных фотографических изображений GIF для изображений с небольшим количеством цветов (256). PNG – спроектирован для замены устаревшего и более простого формата GIF. Урок 2. Работа с графикой для разработчика | Курс Веб разработчик | Академия верстки |
| 3 |  |
JpеgJpеg. Широко распространенный алгоритм сжатия изображений. Сжатие информации происходит с потерей качества. Данный метод непригоден если важно сохранить всю информацию, это касается в первую очередь файлов создаваемых программами автоматизированного проектирования. Однако в случае многоцветных фотографий некоторые детали могут быть отброшены без видимого изменения изображения. Домашние фотографии лучше всего хранить в этом формате В данный формат следует сохранять только конечный вариант работы, т.к. каждое новое сохранение приводит к потери данных. Экспорт графики для веба, Виталий Зюзин — HTML Academy |
| 4 |  |
GIFGIF. формат хранения графических изображений (англ. Graphics Interchange Format), созданный в 1987 специально для Интернета (Срок действия последнего патента на GIF истёк 11 августа 2006). Формат GIF способен хранить сжатые без потерь изображения, содержащие до 256 цветов, и предназначен, в основном, для чертежей, графиков и т. д. Есть возможность использовать прозрачный фон. Создавать небольшие анимации (несколько сменяющих друг друга изображений в одном файле). |
| 5 |  |
JPEG и GIFJPEG и GIF. JPEG (JPG) для многоцветных фотографических изображений GIF для изображений с небольшим количеством цветов (256). |
| 6 |  |
Сравнение форматов графических файловСравнение форматов графических файлов. Качество файла в формате GIF выше. В формате Gif используется алгоритм сжатия без потери информации, однако формат поддерживает изображения содержащие только 256 цветов. Сжатие по алгоритму JPEG происходит с потерей информации, что приводит к появлению специфических размытий на границах областей. Что однако не существенно в случае многоцветных фотографий. JPEG. GIF. |
| 7 |  |
Фотография в формате JPEGСравнение форматов графических файлов. При небольшой разнице в размере первая фотография в формате JPEG выглядит значительно лучше. Нетренированный глаз часто не воспринимает все тонкие оттенки цвета в растровом изображении. Таким образом, некоторые детали могут быть отброшены без видимого изменения содержимого изображения. JPEG. GIF. |
| 8 |  |
АнимацияАнимация. Анимация поддерживается только графическим форматом Gif. |
| 9 |  |
Формат PNGФормат PNG. растровый формат хранения графической информации, использующий сжатие без потерь. PNG был создан как для улучшения, так и для замены устаревшего формата GIF. PNG может отображать практически неограниченное количество цветов в изображении, поддерживает прозрачный фон, но нет поддержки множественного изображения. Но несмотря на ряд существенных преимуществ перед форматами GIF и JPEG до сих про не получил широкого распространения! |
| 10 |  |
PNG и GIFPNG и GIF. Опциональная поддержка альфа-канала: формат GIF поддерживает простую бинарную прозрачность (когда любой пиксель может быть либо полностью прозрачным, либо абсолютно непрозрачным), PNG поддерживает переходную прозрачность. |
| 11 |  |
Неправильное представление формата PNGВполне резонно возникает вопрос, почему же при таком количестве преимуществ формат PNG до сих пор не получил широкого распространения: причина неправильное представление формата PNG популярными браузерами. Прозрачный фон корректно отображается только в формате GIF JPEG хорош для сжатия фотографий и размер файла в данном формате получается меньше по сравнению с PNG. Почему PNG не получил широкого распространения? |
| 12 |  |
Рекомендации по подготовке графических изображенийРекомендации по подготовке графических изображений. Фотографии и изображения со сложными градиентными переходами сохраняют в формате JPEG. Картинки с небольшим количеством цветов, скриншоты, схемы, графики, картинки с текстом и т. п. сохраняют в формате GIF. Анимированные картинки и картинки с прозрачными областями можно получить только с использованием формата GIF. |
| 13 |  |
КоллажКоллаж. Если рисунок содержит одновременно примитивы и фотореалистичные изображения, то его можно разрезать на несколько частей и сохранить их в разных форматах. Это позволит сократить общий размера графических файлов. |
| 14 |  |
Подготовка изображений к размещению на web-страницеПодготовка изображений к размещению на WEB-странице. Практически каждый рисунок, предназначенный для публикации на сайте, должен быть предварительно подготовлен: изменены размеры, наложение текста и пр. Все необходимые изменения должны быть сделаны предварительно в каком-либо графическом редакторе. Для решения этих и других задач лучше всего подходит программа Adobe Photoshop. |
| 15 |  |
СкриншотЗадание. Подготовить изображения для публикации на WEB-странице. Нужно: уменьшить размеры фотографии подготовить скриншот –вырезать нужный фрагмент изображения. |
| «Графика для web» |
