| |
следующих опытах. Браузер
сам
растянет наш пиксел до нужных размеров, и, таким образом, будет достигнута
значительная
экономия в объеме файла. Подобным же образом можно использовать однопикселные
рисунки других цветов, но наибольшую пользу может принести прозрачное
однопикселное
изображение GIF. С его помощью удобно задавать «пустышки» на страницах,
абзацные отступы, фиксировать минимальную ширину или высоту таблицы и делать
другие полезные вещи.
Графика для Web-страниц _ _
Методом изменения размеров очень удобно создавать графические разделительные
линии.
Достаточно нарисовать ее сечение в виде квадрата со стороной в один пиксел, а в
HTML-документе указать нужную ширину линии или высоту, если линия вертикальная.
Фрагментарная оптимизация. Фрагментарная оптимизация применяется в случае, если
у вас есть некоторое большое изображение, содержащее сильно отличающиеся по
количеству
цветов области. В этом случае изображение можно разрезать на фрагменты и
поместить
их в таблицу, тогда в браузере оно будет выглядеть как единое целое. Теперь
каждый фрагмент исходного рисунка оптимизируется отдельно. Для фрагментов,
содержащих
мало цветов, вполне может хватить палитры в 8 или 16 цветов, а для богатых
цветами
фрагментов можно использовать полную палитру в 256 цветов или сохранять их
в формате JPEG. Этот способ позволяет уменьшить объем, занимаемый исходным
файлом,
примерно раза в 2-3, в зависимости от конкретного изображения. Кроме того,
изображение будет появляться на экране более равномерно, так как все фрагменты
будут
загружаться параллельно. Однако, если количество фрагментов превысит 10, то
возможного
выигрыша не получится, так как каждый фрагмент должен будет хранить свою копию
палитры и служебной информации.
Оптимизация «прозрачных» изображений. Формат GIF позволяет сохранять так
называемые
«прозрачные» изображения. На самом деле, GIF не поддерживает прозрачность в
изображениях - альфа-канал - он лишь позволяет назначить одному любому цвету в
палитре
атрибут прозрачности. Если браузер рисует на экране такое изображение, то,
встречая «прозрачный» пиксел, он просто игнорирует его и не показывает на
экране.
Само по себе это хорошо, но в случае использования метода сглаживания краев
изображения
(anti-aliasing) и последующего сохранения в формате GIF, возникает проблема
появления ореола вокруг прозрачного изображения в случае, если GIF показывается
на
фоне, отличном of того, на котором происходило сглаживание и который стал
прозрачным.
Единственным способом уменьшения проявления этого эффекта является назначение
прозрачности цвету, близкому к цвету фона, на котором будет использоваться GIF,
и
проведение сглаживания на этом же фоне.
Использование чересстрочной развертки. Версия GIF89a позволяет сохранять файлы
с использованием чересстрочной развертки. При использовании этого способа
строчки,
составляющие изображение, перемежаются, и при загрузке браузер вначале
показывает
каждую 8 строчку, потом каждую 4, каждую 2, и, наконец, загружается полное
изображение.
При этом посетитель вашей Web-страницы сможет понять, что же нарисовано на
данной картинке, не дожидаясь ее полной загрузки. Это очень удобно.
J\@1. Вставляем графику в HTML-кол
Создавая в первой главе книги наш сайт, мы уже познакомились со способом
включения
изображений в Web-документ, вставив на начальную страницу сайта рисунок,
сохраненный
|
|