Установка размеров изображения в HTML

Question

Рекомендуется ли устанавливать размеры изображения (в статическом содержимом), даже если я обрезал изображение до правильного размера, а его контейнер имеет фиксированные размеры и переполнение: скрыто?

<img src="" title ="" alt="" width="100" height="100"/>

Answer 1

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

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

http://www.w3schools.com/tags/att_img_width.asp (см. Советы в разделе «Определение и использование»)

Answer 2

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

Кроме того, некоторые браузеры отображают прямоугольник вместо изображения, когда изображения выключены или не могут быть загружены. Для правильного определения размера прямоугольника также необходима информация о размерах.

Я думаю, что его установка не принесет вреда.