Рисунки и форматы файлов, используемых на веб-страницах,
и о подборе графических материалов для создания
сайта и
редизайна сайта.
Графические материалы для
сайта - общее название всех фотографий, рисунков, чертежей,
диаграмм и т.п., которые предназначены для размещения на сайте. Часто их
также называют рисунками и графическими рисунками.
-
Одна из важнейших технических характеристик сайта - время
загрузки веб-страниц.
-
Время загрузки страниц во многом зависит от качества
графических рисунков, используемых на страницах, т.е. от их
размера, формата и количества используемых в них цветов.
-
Прежде чем добавлять рисунки на веб-страницу, необходимо определить используемый
формат.
-
Файл, содержащий рисунок, в нормальном состоянии часто
бывает слишком велик по размеру для быстрой загрузки. Поэтому
необходимо уменьшать размер файла с помощью сжатия.
|
Об уменьшении времени загрузки графических элементов.
-
При добавлении на сайт графических элементов, таких как рисунки,
анимация и видеозаписи, размер узла быстро увеличивается. Следует
внимательно подходить к вопросу выбора размера, качества, типа и числа
добавляемых графических элементов, особенно учитывая низкое качество
российских линий связи.
-
Загрузка графических элементов может занимать длительное время, особенно
для посетителей узла с медленным подключением к Интернету. В этом разделе
приведены способы упрощения загрузки страниц с графическими элементами
посетителями узла.
Изменение размера графического элемента
Размер графического элемента может быть изменен
путем:
-
Изменения его
высоты и ширины, либо путем изменения его размера непосредственно на
странице.
-
Преобразования рисунка в формат JPEG и понижения его качества.
При уменьшении параметра, определяющего качество рисунка, увеличивается
степень сжатия файла и уменьшается его размер.
-
Уменьшения разрешения рисунка. Если используется рисунок с
высоким разрешением, то создаётся его копия и
уменьшается разрешение с помощью графических редакторов.
-
Отображения рисунка с низким разрешением в ходе загрузки его версии с
высоким разрешением. Чем меньше цветов задано для версии
рисунка низкого разрешения, тем быстрее он будет отображаться в окне веб-обозревателя.
-
Создания эскиза (предпросмотр).
Эскиз (предпросмотр) — это уменьшенная версия рисунка, которая быстро
загружается. Просмотрев эскиз, посетитель узла может решить, нужно ли ему
загружать версию рисунка полного размера. По щелчку на эскиз, как правило, выполняется переход к файлу,
фрагменту файла или странице HTML в интрасети или Интернете. Гиперссылки
могут также указывать на группы новостей и узлы Gopher, Telnet и FTP) на
исходный рисунок.
Для
справки
Все
основные методы сжатия графики основаны на повторяемости отдельных
участков внутри данных изображений для поиска возможности их
эквивалентного представления, занимающего меньший объем.
Существуют
два основных способа сжатия графики: с потерями данных и без потери
данных.
-
Суть сжатие графики без потери
данных заключается в том, что если взять исходное изображение, сжать
его, а затем восстановить, то получившиеся изображение будет
полностью идентичным исходному изображению.
-
Суть сжатие графики с потерями
данных заключается в том, что если взять исходное изображение, сжать
его, а затем восстановить, то получившиеся изображение будет
соответствовать исходному изображению, но не полностью. При сжатии с
потерями данных учитывается, что человеческий глаз не в состоянии
различить мелкие различия, например, различить почти одинаковые
цвета.
|
Преимущества |
Недостаток |
Сжатие графики без потерь |
Отсутствие потери данных |
Меньшая степень сжатия |
Сжатие графики с потерями данных |
Большая степень сжатия |
Незначительная потеря данных |
Об
оптимизации
графики сайта...
|