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

После создания красивого дизайна странички с большим количеством графики нужно добиться того, чтобы она еще и быстро загружалась. Размер страницы не должен превышать 30 Кбайт.

Для начала нужно решить: какой формат использовать? Наибольшее распространение получили два формата: GIF (применяется для логотипов и текста) и JPEG (применяется обычно для фотографий и изображений, в которых большое количество цветов). Файлы формата GIF при сохранении сжимаются, при чем сжимаются по горизонтали (технология "run length encoding"), а это значит что изображения (например, логотипы), которые состоят в основном из горизонтальных линий будут сжиматься довольно хорошо. Но если большую часть изображения составляют вертикальные линии, то оно будет сжиматься хуже, а это приведет к увеличению объема сжимаемого файла, а следовательно и к увеличению времени загрузки. При работе с файлами формата JPEG (например, с фотографиями) необходимо уменьшить степень резкости. Сделать это можно, например, при помощи программы Web Razor, в которой есть возможность применить различную степень сглаживания перед сохранением изображения. Существует так называемый "прогрессивный GIF", т.е. изображение, которое по мере загрузки постепенно становится все более резким. Это приводит к тому, что создается ощущение более быстрого отображения страницы. Есть и "прогрессивный JPEG", но его недостаток состоит в том, что его могут не поддерживать устаревшие версии броузеров. Пока еще нашел малое применение формат PNG (Portable Network Graphic), хотя у него есть одно очень важное достоинство: сжатие этого формата происходит без потерь. Но существует и недостаток: этот формат почти не поддерживается в четвертых версиях броузеров.

Теперь, выбрав подходящий вам формат нужно сделать так, чтобы изображение очень быстро отображалось. Именно для этого используется технология разделения изображения на фрагменты (image sclicing). Программы, такие как Image Ready, в процессе разделения изображения на фрагменты разрезают его на части, а затем автоматически генерируют исходный текст HTML, собирающий из на странице WEB. Преимущество этого метода: графика разбита на части, а из-за этого у посетителя страницы создается ощущение, что полное изображение появляется быстрее. И еще один совет: не размещайте большие по размеру изображения вверху страницы, т.к. это приведет к увеличению времени загрузки и посетитель может не раздумывая нажать кнопку "Назад".