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

• Графические материалы для сайта - это общее название всех фотографий, чертежей, рисунков, диаграмм и т.п., которые предназначены для размещения на сайте. Часто их также называют и графическими рисунками.

• Прежде чем добавлять рисунки на веб-страницу, необходимо определить их формат.

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

Точечные и векторные рисунки

Точечные рисунки (часто называемые растровыми)

Образуются набором точек, наподобие того, как закрашенные квадратики образуют рисунок на листе миллиметровки.

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

• Точечные рисунки часто сохраняются с BMP, расширением PNG, JPG или GIF.

 

Векторные рисунки

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

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

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

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

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

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

• В Microsoft Windows метафайлы сохраняются с расширением WMF.

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

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

   • Одно из преимуществ формата GIF-сжатия — возможность чередования строк рисунка для улучшения его загрузки в обозревателе.

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

   • Другая полезная сторона использования рисунков в формате GIF - фон рисунка (один из цветов) - может быть сделан прозрачным, чтобы видеть цвет фона текущего окна обозревателя.

2. JPEG (Joint Photography Experts Group) - Объединенная группа экспертов по машинной обработке фотоизображений. Был зарегистрирован в 1990г.

   • Формат JPEG обычно используется для рисунков высокого качества, содержащих тысячи и миллионы цветов (до 16,7 миллионов оттенков).

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

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

   Кроме того, допускается добавление рисунков в следующих форматах (3-8).

3. BMP (для Windows и OS/2). Простой растровый формат среды для Microsoft Windows. Такие рисунки состоят из наборов точек и поддерживают до 24 разрядов. BMP формат допредпоследний по популярности после форматов GIF и JPEG.

4. TIFF (Tagged Image File Format). Формат файлов с высоким расширением на основе тегов. Используется в качестве универсального формата для обмена цифровыми изображениями.

5. TGA (Truevision Targa Graphics Adaptor). Этот объем поддерживает от 1 до 32 разрядов и такие средства, как профессиональные альфа-канал, настройки цветовой гаммы и встроенные эскизы.

6. RAS. Растровый формат с низкой степенью сжатия, поддерживает до 36 разрядов.

7. EPS (Encapsulated PostScript). Расширенный формат Post Graphic, позволяющий внедрять файлы рисунков (в PostScript другие документы).

8. PNG (Portable Network Graphics - Переносимая сетевая графика). Этот формат является альтернативой формата GIF. Позволяет создавать 8-битовые, либо 24-битовые изображения. Данный формат поддерживает прозрачность для рисунков, содержащих  множество цветов. Однако в некоторых веб-обозревателях для отображения рисунков PNG требуются особые подключаемые модули (подключаемый модуль: программный модуль, интегрируемый в веб-обозреватели для обеспечения работы определенных  интерактивных и мультимедийных элементов).
   

   Список типов формата PNG, которые можно использовать:

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

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

9. WMF (Microsoft Windows Metafile). Этот формат поддерживает растровые и векторные данные (векторная графика). Способ представления таких графических объектов, как линии, дуги, окружности и прямоугольники с использованием геометрических формул. Противоположность растровой графике - точечные рисунки, где изображение представляется совокупностью точек, а также данными в формате EPS. Если на страницу добавлен рисунок в формате, отличном от GIF и JPEG, то при ее сохранении рисунок автоматически преобразуется в формат GIF, на случай если он содержит меньше 8 разрядов цвета, или в формат JPEG, если он содержит больше 8 разрядов цвета.

10. PDF  (Portable Document Format - Переносимый формат документа) разработан фирмой Adobe Systems. Файлы, записанные в данном формате, имеют расширение *pdf.

    • Формат PDF - один из форматов для передачи электронных документов через Интернет.

    • Документ, открытый в формате PDF, полностью сохраняет внешний вид и структуру оригинала (макет, шрифты, графика), независимо от того, на какой платформе (Win, Mac, Unix) был создан, и каким приложением был открыт файл.

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

    • В PDF-документ могут встраиваться интерактивные элементы - гиперссылки, видео- и аудиофайлы, кнопки и поля для ввода текста.

    • Для просмотра или печати необходима программа  Adobe Acrobat Reader, которая распространяется за одно "спасибо" и может быть скачана с сервера фирмы-разработчика www.adobe.com. Данную программу часто можно найти на большинстве дисков с драйверами, на любом диске программного обеспечения компании Adobe Systems, а также при покупке нового компьютера.

Комментарий :

1. Форматы 2-8 используются редко. Предоставление графических материалов для создания и реконструкции сайта в форматах 2-8 нежелательно.

2. Информация о формате PDF представлена в справочных целях. Контент, подлежащий размещению на сайте и представленный в данном формате, мы не принимаем.

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

• Для рисунка в формате JPEG могут быть заданы качество и число последовательных проходов. Чем ниже качество рисунка, через степень его сжатия, тем меньше и размер файла. Число последовательных проходов определяет число проходов, за которое рисунок отображается при загрузке в веб-обозревателе. Эти свойства могут задаваться послле сохранения веб-страницы и ее рисунков.

• Рисунок в формате GIF и JPEG можно отображать в окне веб-обозревателя постепенно. В ходе загрузки рисунок может отображаться более четко, пока не будет загружен весь файл.

• Имеется возможность добавлять на веб-страницы анимированные рисунки в формате GIF и видеозаписи. Анимированный GIF представляет собой набор рисунков GIF, последовательно отображаемых. Он может быть создан в графическом редакторе. Кроме того, много анимированных рисунков GIF можно найти в Интернете.

• На веб-страницу могут быть добавлены любые видеозаписи, воспроизводимые в универсальном проигрывателе Windows, например, в видеозаписи формате AVI (AVI : мультимедийный формат Microsoft Windows, который применяется для записи звука и видеоизображения).

• Этот формат разработан с учетом стандарта Microsoft RIFF (Resource Interchange File Format).

• Кроме того, имеется возможность задавать такие параметры воспроизведения видеозаписей, как однократное воспроизведение после первой загрузки страницы, непрерывное воспроизведение или воспроизведение при наведении указателя мыши на видеозапись.

На правах рекламы:

Бизнес-сайт, Сайт без дизайна, Сайт в аренду, Комплексная реклама, Расчет бюджета раскрутки сайта, Раскрутка бизнеса, Создание интернет-магазина, Фирменный стиль, Разработка логотипа, Аудит сайта