Оптимизация графики

После сотворения красивого дизайна страницы с огромным количеством графики потребуется достигнуть того, чтоб она еще и легко загружалась. Размер странички не должен превышать 30 Кбайт. сперва следует решить: какой формат применять? Наибольшее распространение получили 2 формата: GIF (используется для логотипов и текста) и JPEG (используется как правило для фотографий и изображений, в которых много цветов). понятно, вначале все рисуется в формате PSD.

Файлы формата GIF при сохранении сжимаются, при чем сжимаются по горизонтали (технология "run length encoding"), а это значит что картинки (например, логотипы), которые состоят в основном из горизонтальных линий будут сжиматься достаточно неплохо. Но если большую часть изображения составляют вертикальные линии, то оно будет сжиматься хуже, а это приведет к увеличению объема сжимаемого файла, а следственно и к наращиванию времени загрузки.

При работе с файлами формата JPEG (например, с фотографиями, которые можно найти зайдя на хороший хостинг картинок) необходимо уменьшить степень резкости. выполнить это можно, скажем, при помощи программы JPEG Optimizer.

есть так называемый "прогрессивный GIF", т.е. изображение, которое по мере загрузки равномерно становится все более резким. Это приводит к тому, что создается чувство более быстрого отображения странички. существует и "прогрессивный JPEG", однако его недостаток заключается в том, что его могут не поддерживать устаревшие версии браузеров.

пока что еще нашел небольшое использование формат PNG (Portable Network Graphic), хотя у него имеется одно довольно важное достоинство: сжатие данного формата осуществляется без потерь. Если скачать иконки, вы можете подметить, что практически все они будут именно в формате PNG, а не в формате PSD. однако существует и недочет: данный формат практически не поддерживается в четвертых версиях браузеров.

Для того, чтоб ваш логотип, да и вся графика стала поживее, вы можете скачать иконки и вставить их в разные части сайта. Только не перестарайтесь. Смотрие, чтобы это не было черезчур грузоемко!

Теперь, выбрав подходящий вам формат требуется сделать так, чтобы изображение очень шустро отображалось. Именно для этого используется технология сжатия изображения. Программы, такие как Ulead SmartSaver Pro, в процессе сжатия изображения, немного ухудшает его качественные характеристики, понижая размер.

И еще один совет: не размещайте большие по размеру изображения, особенно в формате PSD, наверху странички, так как это приведет к наращиванию время загрузки и посетитель может не раздумывая надавить клавишу "Stop".
12.10.09 mobilcoms 0Просмотров: 2473

ComForm">
avatar