Веб-дизайн

Blow up


Напомню, что, вставляя подготовленное изображение в HTML-документ, нужно снабдить его двумя обязатель­ными вещами: alt-текстом (стр. 35) и явным указанием ширины и высоты атрибутами height и width. К пред­мету этой главы имеет прямое отношение возможность масштабирования графики указанием в HTML габаритов изображения, отличных от реальных. Если уменьшать гра­фику таким манером никакого смысла нет (лучше сразу сделать ее маленькой, сэкономив тем самым на объеме файла), то сильное растягивание картинки (в том числе и с нарушением пропорций ширины и высоты) — хотя и редко встречающийся, но достаточно интересный прием оформления.

Броузер не пытается как-то сгладить раздутую графику, пе­редавая каждый увеличенный пиксел прямоугольником — примерно так, как растровая решетка изображается с увели­чением на большинстве рисунков в этом разделе. Поэтому незначительное, на проценты, растяжение картинки не даст ничего, кроме неприятных ступенек в контурах объектов и искажений букв текста. Самостоятельную художественную ценность может иметь только картинка, растянутая в ра­зы, пикселы которой видны невооруженным глазом. Этот эффект особенно интересен, когда пониженная плотность информации на единицу площади в таком изображении компенсируется анимацией (анимированный GIF продол­жает крутиться как ни в чем не бывало и в раздутом

25?

виде). Если же добавить к этому возможность привязать размеры графической вставки к размеру окна броузера (на­писав, например, height="100%" width="100%"), в сумме вы получите несколько «попсовый», но без сомнения весьма впечатляющий оформительский прием.

Пожалуй, дичайший из встречавшихся мне примеров бессмыслицы в веб-дизайне — это залинкованные на большие графические файлы «ноготки» (стр. 258), на самом деле представляющие собой те же полноразмер­ные файлы, уменьшенные лишь масштабированием атрибутами height и width.



Содержание раздела