Хотя изменение атрибутов width и height может показаться удобным спосо — бом приведения размера изображения в соответствие с предназначенной для него областью в пределах Web-страницы, не следует применять этот подход при работе с фотографиями. Атрибуты width и height должны отражать фактические размеры изображения в файле. Если фотография слишком велика для того, что- бы поместиться в отведенную ей область на странице, откройте файл исходного изображения в программе редактирования изображений, например, Photoshop, и
измените размер изображения так, чтобы оно поместилось на Web-страницу.
Когда атрибуты width и height соответствуют фактическим размерам изобра —
жения в графическом файле, Web-браузеру не приходится тратить время на изме — нение размеров изображения. Если же браузеру требуется изменить размеры изображения, он добавляет пиксели, чтобы увеличить изображение, и удаляет пиксели для его уменьшения. К сожалению, если заставить браузер изменять размер изображения, вывод изображения, и, следовательно, всей остальной Web- страницы на экран займет больше времени. Более того, программы редактирова- ния изображений, такие как Photoshop, изменяют размер изображения «каче —
ственнее», нежели Web-браузер. Это особенно очевидно при использовании атрибутов width и height для увеличения размеров рисунка — изображение ста — новится зернистым и расплывчатым.
Рис. 6.8. Если значения атрибутов width и height поменять местами,
в окне браузера изображение исказится
29 6 . Глава 6. Графика
Следовательно, если вам небезразлично качество изображения, задавайте ат- рибуты width и height так, чтобы они отражали фактические размеры изобра- жения в файле.
Основная причина использования атрибутов width и height во всех дескрип —
торах состоит в том, чтобы дать^браузеру возможность точно позициони —
ровать текст или иное Web-содержимое вокруг картинки. Если опустить атрибу- ты width и height, Web-браузер не сможет точно расположить изображения и текст на экране до тех пор, пока не загрузит изображения полностью. В резуль — тате произойдет одно из двух: