ITC - На первую страницу
Удобство и простота управляют Сетью  


О компании
Услуги
Проекты
Работы
Цены
Полезное
Вакансии
Контакты
  ПОСЛЕДНИЕ РАБОТЫ




Phototoaster


  СВЯЗЬ


Телефоны:
+7 (812) 334-3460
+7 (812) 334-2470
+7 (921) 952-6347

E-Mail:
office@itcenter.ru


  ПРОЕКТЫ

Фитнес в Петербурге

Стоматология в Петербурге

Все для автомобиля в Петербурге









ПОЛЕЗНАЯ ИНФОРМАЦИЯ

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

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

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

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

  НОВОСТИ ИНТЕРНЕТА

03 Сентября 2010
Google обновил браузер Chrome »

27 Августа 2010
Google повторно запустил "мгновенный" поиск »

25 Августа 2010
Google позволит осуществлять звонки из электронной почты »

18 Августа 2010
Бета-версия Internet Explorer 9 выйдет в середине сентября »

17 Июня 2010
В каждом десятом запросе к «Яндексу» нашли ошибки »

14 Мая 2010
Петербургский интернет-форум откроется 19 мая »

14 Мая 2010
Домены Рунета защитят от взлома DNS в конце 2011 года »

13 Мая 2010
В России заработал кириллический домен »

11 Мая 2010
Женская аудитория Рунета превысила мужскую »

06 Мая 2010
Microsoft выпустила вторую тестовую версию Internet Explorer 9 »


Еще новости »