Рекомендации. Неверные значения атрибутов width, height

Неверные значения атрибутов width, height

Штрафной балл: 0.1–0.5

За каждую обнаруженную погрешность (один неверный тег IMG) назначается штраф 0.1.

Общая сумма штрафов ограничена числом 0.5. То есть при обнаружении более пяти ошибок, они не увеличивают суммарный штраф.

Буквальное повторение одной и той же ошибки (одного и того же кода) считать одной погрешностью.

Атрибуты height и width задают размеры прямоугольника, в который браузер выводит картинку. Эти размеры должны совпадать с реальными размерами картинки. Если совпадения нет, браузер растягивает или сжимает изображение так, чтобы оно полностью заполнило отведенное для него место. В итоге картинка выводится с неприятными искажениями.

Новичок часто берет большую картинку и уменьшает её при помощи браузера. В итоге пользователь видит изображение с искажением и загружает по сети лишние десятки килобайт.

Уменьшать картинку нужно графическим редактором: он делает это более качественно и, в отличие от браузера, сокращает килобайтный вес изображения.

Сравните эти два изображения (рис. 7.37):

Рис 7.37. Левая картинка уменьшена в графическом редакторе, правая — браузером

Одно из них уменьшено браузером, другое графическим редактором. Правда, не надо уточнять, какая картинка, чем уменьшалась?

Кажется, что если, наоборот, есть маленькая картинка, а на странице нужно поместить её в увеличенном виде, то пользоваться атрибутами height и width выгодно: получаем большое изображение с малым килобайтным весом.

Да, это так. Если, конечно, вас устраивает качество увеличения. Браузер просто укрупняет точки, Photosop это делает по более сложному алгоритму, стараясь не ухудшить качество изображения.

Но самый лучший редактор с точки зрения независимости качества от размера — векторный, такой как, Xara X. Векторный рисунок без искажений растягивается до нужного размера, а потом записывается на диск в растровом формате GIF или JPEG.

Сравните эти два изображения (рис. 7.38):

Рис 7.38. Левая картинка увеличена браузером, правая — графическим редактором

Отсутствие указаний alt="" во вспомогательной и составной графике

Штрафной балл: 0.1–0.5

Дата добавления: 2014-01-14