Blow up
Напомню, что, вставляя подготовленное изображение в HTML-документ, нужно снабдить его двумя обязательными вещами: alt-текстом (стр. 35) и явным указанием ширины и высоты атрибутами height и width. К предмету этой главы имеет прямое отношение возможность масштабирования графики указанием в HTML габаритов изображения, отличных от реальных. Если уменьшать графику таким манером никакого смысла нет (лучше сразу сделать ее маленькой, сэкономив тем самым на объеме файла), то сильное растягивание картинки (в том числе и с нарушением пропорций ширины и высоты) — хотя и редко встречающийся, но достаточно интересный прием оформления.
Броузер не пытается как-то сгладить раздутую графику, передавая каждый увеличенный пиксел прямоугольником — примерно так, как растровая решетка изображается с увеличением на большинстве рисунков в этом разделе. Поэтому незначительное, на проценты, растяжение картинки не даст ничего, кроме неприятных ступенек в контурах объектов и искажений букв текста. Самостоятельную художественную ценность может иметь только картинка, растянутая в разы, пикселы которой видны невооруженным глазом. Этот эффект особенно интересен, когда пониженная плотность информации на единицу площади в таком изображении компенсируется анимацией (анимированный GIF продолжает крутиться как ни в чем не бывало и в раздутом
25?
виде). Если же добавить к этому возможность привязать размеры графической вставки к размеру окна броузера (написав, например, height="100%" width="100%"), в сумме вы получите несколько «попсовый», но без сомнения весьма впечатляющий оформительский прием.
Пожалуй, дичайший из встречавшихся мне примеров бессмыслицы в веб-дизайне — это залинкованные на большие графические файлы «ноготки» (стр. 258), на самом деле представляющие собой те же полноразмерные файлы, уменьшенные лишь масштабированием атрибутами height и width.