www html, html уроки, html теги, css, верстка
Уроки книги по css и html урокам вопросы и ответы Помощь сайту дизайн-студия Шутовой Елены
Главная страница > Уроки > Имаги > Размеры Имаги

Размеры Имаги

контентовая версия  

Для изменения размеров Имаги средствами ШТМЛ предусмотрены параметры width и height тега <IMG>.
Исходное изображение sample.gif имеет размеры 100 на 111 пикселов.

ШТМЛ код для размещения данного рисунка:

<img src="sample.gif" width="100" height="111" alt="Исходный размер">

Обязательно задавайте размеры всех рисунков на web-странице. Это несколько ускоряет загрузку страницы, поскольку браузеру нет нужды вычислять размер каждого рисунка после его получения. Это утверждение особенно важно для рисунков, размещенных внутри таблицы. Такая таблица не будет показана до тех пор, пока все рисунки в ней не будут загружены полностью.

Ширину и высоту Имаги можно менять как в меньшую, так и большую сторону. Однако на скорость загрузки рисунка это никак не влияет, поскольку размер файла остается неизменным. Поэтому с осторожностью уменьшайте изображение, т.к. это может вызвать недоумение у читателей, отчего такой маленький рисунок так долго грузится. А вот увеличение размеров приводит к обратному эффекту — размер Имаги велик, но файл относительно Имаги аналогичного размера загружается быстрее.

Ниже приведен рисунок sample.gif с увеличенной в два раза шириной и высотой (200 х 222).

И соответственно код ШТМЛ к нему:

<img src="sample.gif" width="200" height="222" alt="Увеличенный размер">

Алгоритм, использующийся браузерами для ресемплирования (изменения размера) Имаги, уступает по своим возможностям графическим редакторам. Поэтому увеличивать Имаги путем изменения их размеров нужно в особых случаях, уж слишком ухудшается качество картинки. Лучше применить какой-нибудь графической программой. Исключением являются рисунки содержащие прямоугольные области. Приведенный ниже файл узора занимает 54 байта и имеет исходный размер 8 на 8 пикселов, увеличенных до 150.


В рисунке не возникает никаких искажений, что не удивительно, откуда им вообще взяться, если все линии только вертикальные и горизонтальные.

Статья опубликована: 06.09.2009 Последнее обновление: 07.02.2009
Поиск по сайту
Имаги
Разделы
Теги по теме

IMG
Тег IMG предназначен для отображения на web-странице рисунков в графическом формате GIF, JPEG или PNG.

Copyright 2009 Все права защищены

О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект