Главная | Регистрация | Вход | RSSВторник, 23.04.2024, 15:57

Сайт о словах

Меню сайта
Категории раздела
Мои статьи [22]
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Block title
Rambler's Top100
Форма входа

Набор тем

Главная » Статьи » Мои статьи

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

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

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

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

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

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

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

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

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

И еще один совет: не размещайте огромные по размеру картинки, особенно в формате PSD, вверху странички, так как это приведет к наращиванию времени загрузки и человек может не раздумывая надавить клавишу "Stop".
Категория: Мои статьи | Добавил: liex (12.10.2009)
Просмотров: 805 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Друзья сайта
BestMasterиZация
BestMasterиZация

Copyright MyCorp © 2024
Бесплатный хостинг uCoz