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

Величина штрафа

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

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

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

Пояснение

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

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

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

Сравните эти два изображения:

Профессор Профессор

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

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

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

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

Сравните эти два изображения:

Профессор Профессор

Одно из них увеличено браузером, другое — графическим редактором.