Оптимизация графики
После создания красивого дизайна страницы с огромным количеством графики нужно добиться того, чтоб она еще и легко загружалась. Размер страницы не должен превышать тридцати Кбайт. Для начала стоит решить: какой формат использовать? значительное развитие получили 2 формата: GIF (используется для логотипов и текста) и JPEG (используется обычно для фото и изображений, в которых большое количество цветов). понятное дело, сперва все рисуется в формате PSD.
Файлы формата GIF при сохранении сжимаются, при чем сжимаются по горизонтали (технология "run length encoding"), а это означает что изображения (к примеру, логотипы), которые состоят в большинстве своем из горизонтальных линий могут сжиматься относительно неплохо. Но если большую часть картинки составляют вертикальные линии, то оно будет сжиматься хуже, а это приведет к увеличению объема сжимаемого файла, а следовательно и к наращиванию времени загрузки.
При работе с файлами формата JPEG (скажем, с фотографиями, которые можно подобрать зайдя на качественный
хостинг картинок) немаловажно уменьшить степень резкости. выполнить это можно, скажем, при помощи программы JPEG Optimizer.
есть так называемый "прогрессивный GIF", то есть изображение, которое по мере загрузки постепенно будет все больше резким. Это ведет к тому, что формируется ощущение более скорого отражения странички. Есть также и "прогрессивный JPEG", но его недочет состоит в том, что его могут не поддерживать устаревшие версии браузеров.
пока что еще нашел малое использование формат PNG (Portable Network Graphic), не смотря на то, что у него имеется одно довольно немаловажное достоинство: сжатие данного формата происходит без потерь. Если
скачать иконки, можно подметить, что почти все они будут как раз в формате PNG, а не в формате PSD. однако существует и недочет: такой формат почти не поддерживается в четвертых версиях браузеров.
Для того, чтоб ваш логотип, да и вся графика была поживее, можно просто скачать иконки и вставить их в разнообразные части сайта. Только не перестарайтесь. Смотрие, чтобы это не было черезчур грузоемко!
Теперь, подобрав подходящий вам формат требуется выполнить так, чтобы картинка довольно шустро отображалось. вот для этого употребляется технология сжатия изображения. Программы, такие как Ulead SmartSaver Pro, в ходе сжатия изображения, немного ухудшает его качественные характеристики, понижая размер.
И очередной совет: не размещайте огромные по размеру изображения, особенно в формате
PSD, наверху странички, так как это приведет к увеличению времени загрузки и человек может не раздумывая нажать клавишу "Stop".