Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
опасаясь неожиданных последствий, поскольку при нахождении указания на такой
шрифт браузер, работающий на платформе Windows, автоматически загружает его с указанного сервера и устанавливает.
И, наконец, последнее, самое важное. Хотя для успешной;. работы сайта дизайн имеет принципиальное значение, для посетителя он не является существенным. Для пользователя значительно важнее - удобен ли ваш сайт для просмотра, естественна ли его система навигации, а собственно дизайн - это для него не самая важная на свете вещь. Дизайн теряет всякий смысл, если сайтом трудно пользоваться.
-і Ум •.-.¦I.;
408.
Оптимизация графики
Чтобы любое изображение можно было использовать на Web-странице, его необходимо предварительно оптимизировать, уменьшив до минимума размер файла и, следовательно, время загрузки по сети, но так, чтобы качество изображения при этом заметно не ухудшилось. Оптимизация обычно выполняется с помощью графического пакета или утилиты, которые поддерживают эту возможность, например Adobe Photoshop, Corel PhotoPaint, PaintShopPro. По сути, оптимизация - это компромисс между размером файла и качеством изображения.
Различные графические форматы имеют собственные особенности оптимизации. , -
Оптимизация изображений 8 формате JPEG
В формате JPEG изображение сохраняется с глубиной цвета 24 бит и используется сжатие с потерей информации. У этого формата всего две возможности оптимизации:
• подбор оптимального коэффициента сжатия; '
]•.'. использование прогрессивной развертки. Jibuti- 4?
Оптимальный коэффициент сжатия. Для определения оптимальной степени сжатия следует сохранить изображение при нескольких значениях коэффициента сжатия, а затем внимательно рассмотреть его. Критерием потери качества будут так называемые «дрожащие контуры», наиболее заметные в местах контрастных переходов, и появление пятен в областях с плавными переходами. Тот коэффициент сжатия, при котором искажения еще не видны, но с увеличением коэффициента на одну ступеньку становятся заметными, и будет оптимальным. Размер файла при таком коэффициенте сжатия будет
минимально возможным при сохранении качества.
Использование прогрессивной развертки в формате JPEG практически не сказывает-на размере изображения, но заметно при загрузке. В случае записи изображения в стандартном формате, т.е. без прогрессивной развертки, вывод на экран осуществляется горизонтальными полосами, и до загрузки всего изображения невозможно определить его смысл. Напротив, при записи файла в прогрессивном формате изображение появляется сразу целиком, но в грубой форме и затем постепенно улучшается. Это дает возможность посетителям сайта сразу же оценить изображение и решить, стоит ли ожидать его окончательной загрузки. Таким образом при просмотре страниц экономится некоторое время. Общее время загрузки страницы при этом не уменьшается, возникает лишь иллюзия его уменьшения. Прогрессивная развертка JPEG поддерживается всеми браузерами, но не каждый графический пакет может записывать в этом формате. Поэтому проверьте, могут ли ваши программы сохранять файлы с прогрессивной разверткой. Последние версии Adobe Photoshop умеют это делать.
Оптимизация изображений В формате GIF •.•,.,•«^
Формат GIF значительно отличается от JPEG. Он использует совершенно другие методы оптимизации. Формат GIF предназначен для хранения изображений с количеством цветов не более 256 и использует сжатие без потерь по методу LZW, который применяется в программах-архиваторах. Методы оптимизации можно разделить на следующие типы,
исключая оптимизацию файлов с анимацией: те-
ГЛАВА 9. Шлифуем и раскручиваем свой сай-rj_:_409
" і -.——г-..,____________ ___________"'!'"г
• уменьшение количества цветов; _ -4-. ' _ .'¦--=: ¦ >•—„'•
...... Va'.j; irj"iiUi :>,$*&>&&г
• оптимизация палитры изображения; ,"^- J. , ,
• стилизация изображения; • ' • ¦¦¦».,¦.¦,¦¦r- .,.-.•U-: ¦¦¦¦r „¦ ¦¦
• изменение размеров изображения;
? фрагментарная оптимизация;- •••
•^.оптимизация «прозрачных» изображений; .
*'•••''использование чересстрочной развертки. ' ' ¦ ' • .
Теперь рассмотрим по порядку эти методы и приемы оптимизации. :
Уменьшение количества цветов. Для большинства изображений, не являющихся
фотографическими, количество необходимых для воспроизведения цветов часто
меньше 256. Лишние цвета можно убрать из изображения, тем самым уменьшив размер файла. Это возможно потому, что формат GIF поддерживает размер палитры меньше 256 цветов. Теоретически вы можете задать любое число цветов палитры, от. 2 до 256, например 45 или 99. Практически же, количество цветов в изображении выбирается из ряда: 2, 4, 8, 16, 32, 64, 128, 256. Это связано с тем, что для представления цвета используется всегда целое число бит, а приведенный выше ряд является рядом максимального количества цветов при использовании от 1 до 8 бит на пиксел. В случае, если вы используете в рисунке, предположим, только 97 цветов, то для сохранения одного пиксела все равно будет использовано 7 бит, как и при использовании 128 цветов. Поэтому при оптимизации количества Цветов следует ориентироваться на приведенный выше ряд. Это позволит получить более качественное изображение. Уменьшив количество цветов с 256 до 32, можно иногда
