Изменение размеров рисункаДля изменения размеров рисунка средствами HTML у тега <img> предусмотрены атрибуты width (ширина) и height (высота). В качестве значения используются пикселы, при этом аргументы должны Рис. 10.6. Картинка исходного размера Соответственно, HTML-код для размещения данного рисунка, приведен в примере 10.4. Пример 10.4. Размеры рисунка Код
Если размеры изображения указаны явно, то браузер использует их для того, чтобы отображать соответствующую картинке пустую область в процессе загрузки документа (рис. 10.7). В противном случае браузер ждет, когда рисунок загрузится полностью, после чего меняет ширину и высоту картинки (рис. 10.8). При этом может произойти переформатирование текста, поскольку первоначально размер картинки не известен и автоматически он устанавливается небольшим. Рис. 10.7. Размеры картинки не указаны и она еще не загрузилась Рис. 10.8. Картинка загружена, текст переформатирован Ширину и высоту изображения можно менять как в меньшую, так и большую сторону. На рис. 10.9 приведено то же изображение, что показано на рис. 10.6, Рис. 10.9. Вид картинки, увеличенной в браузере Код для такого рисунка останется практически неизменным и показан в примере 10.5. Пример 10.5. Изменение размера рисунка
Такое изменение размеров называется ресемплированием, при этом алгоритм браузера Рис. 10.10. Увеличенное изображение Браузеры используют два алгоритма для ресемплирования — |