Оптимизация графикиПосле создания прекрасного дизайна странички с большим количеством графики следует добиться того, чтоб она еще и легко загружалась. Размер страницы не должен превышать 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".
|