Библиотека МОУ "Гимназия №1"

 
 

 

 Отличная статья

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

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

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

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

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

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

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

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

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

                          

Лучшее в сети

 


Сайт сделан по технологии "Конструктор школьных сайтов".


Hosted by uCoz