, создаются файлы меньшего размера, чем из фрагментов, в которых цветов 
больше. 
ПРАКТИКУМ 
Скажем, к примеру, у вас на Web-странице есть большое графическое изображе- 
ние, и из-за большого размера файла изображения страница загружается черес- 
чур долго. Изображение, о котором идет речь, представляет собой фотографию 
ландшафта, содержащую большие области сплошного голубого неба, и называет- 
ся big_sky.jpg. 
Если вы разделите большое графическое изображение на фрагменты и сохра- 
ните каждый из этих фрагментов на диске в отдельном файле формата JPEG, вы 
сможете воспользоваться взаимосвязью между размерами файла и цветовой насы- 
щенностью изображения. При сохранении графического изображения в формате 
JPEG графическая программа выбирает метод сжатия на основании количества 
цветов, содержащихся в изображении. Однако вне зависимости от примененного 
метода сжатия, чем больше на картинке цветов, тем больше размер создаваемого 
программой JPEG-файла. 
Если вы разделите большое графическое изображение на фрагменты, графи- 
ческая программа сможет выбрать различные методы сжатия для разных частей, 
или порций изображения. Программа сохранит те из порций, которые содержат 
меньше цветов, в меньших JPEG-файлах, а порции, в которых цветов больше, в 
JPEG-файлах большего размера (см. рис. 2.26). Однако при данной картинке с 
переменным количеством цветов в различных частях изображения сумма разме- 
ров нарезанных JPEG-файл ов будет меньше числа байтов, необходимых для-хра- 
нения изображения в одном JPEG-файле. Следовательно, Web-браузер сможет 
загрузить и отобразить все файлы порций быстрее, чем он мог бы загрузить еди- 
ный файл, поскольку браузеру придется извлекать с сервера меньший объем дан- 
ных. Помните: когда вы помещаете порции (фрагменты) картинки в ячейки таб- 
лицы с границами нулевой ширины (невидимыми), таблица удерживает 
фрагменты друг возле друга (без интервалов между ними) так, что они выглядят 
одним большим изображением. 
Когда таблица загружает изображение на Web-страницу, оно загружается быст- 
рее, поскольку браузеру приходится загружать с сервера меньший объем инфор- 
мации. 
Для разрезания изображения требуется какой-нибудь графический редактор, 
например, Adobe ImageReady 3.0. Это единственная имеющаяся в настоящее, вре- 
мя на рынке программа, которая автоматически разрезает фотографическое изоб- 
ражение, оптимизирует каждую порцию в соответствии с цветами в изображении 
и сохраняет нарезанные изображения в отдельной папке.

120 Глава 2. HTML-таблицы 
Исходное изображение = 36.2 Кб 
Порция 1 = 4.2 Кб 
Порция 3 = 8.1 Кб 
ШЕЯ 
Порция 2 = 4.2 Кб 
Порция 4 = 8.2 Кб 
Разрезанное изображение = 24.7 Кб 
Рис. 2.26. Разрезанное изображение на 32 процента меньше исходного 
Снижение времени, затрачиваемого Web-браузером 
на рисование таблицы 
Хотя таблицы — отличное средство для отображения содержимого Web-доку- 
мента и управления им, таблицам, как и любому другому Web-элементу, требует- 
ся время на загрузку. Из предыдущего практикума вы узнали, как ускорить заг- 
рузку графического изображения за счет его разрезания на отдельные фрагменты 
и составления фрагментов в единое целое. Хотя разрезание изображения поло- 
жительно влияет на скорость загрузки, браузеру приходится также создавать и 
загружать таблицу. При создании таблицы чем менее сложной является структура 
таблицы, тем быстрее таблица загружается. 
ПРАКТИКУМ 
Чтобы таблица быстрее загружалась, укажите размеры графических изображений, 
вставляемых в ячейки таблицы. В следующем коде графическое изображение 
image.jpg загружается в ячейку таблицы, которую браузер делает такой же ши- 
рины и высоты, что и изображение: 
 
 
sr c=" image. jpg"X/td> 
Если опустить атрибуты height и width в дескрипторе , браузеру при- 
дется определять размер ячейки по размеру изображения, которое он должен в 
ячейку поместить. В результате этого Web-браузеру потребуется больше времени 
для рисования таблицы на экране, поскольку для определения разме