Изменение размеров изображений

    Для изменения размеров изображения средствами HTML предусмотрены параметры width и height тега IMG.

    Исходное изображение sample.gif имеет размеры 50 на 50 пикселов.

    HTML код для размещения данного рисунка:

<img src="sample.gif" width=50 height=50>

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

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

    Ниже приведен рисунок sample.gif с шириной и высотой 150 пикселов.

    И соответственно код HTML к нему:

<img src="sample.gif" width=150 height=150>

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