Это хорошая идея, чтобы дать цвет фона или img непрозрачных изображений?

Question

как

img { background-color:color: color matched to the theme}

или

img { background-image:url (a very very tiny gif image with the text "image loading") }

Я думаю, что в пользу этого, когда пользователь получает доступ к сайту по медленному соединению, тогда цвет фона даст подсказку о чем-то, что отличается от текстового содержимого.

Answer 1

Сайт с большим количеством изображений, вероятно, будет выглядеть ужасно с «загрузочным» фоновым изображением, но если ваш сайт не полон изображений, продолжайте.

Небольшое загрузочное изображение - приятное прикосновение, например, из http://www.ajaxload.info/

Answer 2

Это, безусловно, хороший подход. Однако я бы попытался присвоить фону как можно больше одного и того же фона как самого сильного цвета фактического фонового изображения. Таким образом, веб-сайт будет по-прежнему репрезентативным, когда клиент отключит все изображения (как это делают некоторые пользователи с ограниченной пропускной способностью или некоторые карманные компьютеры по умолчанию) или когда его браузер не поддерживает изображения. Панель инструментов веб-разработчика полезна в этом, в меню Изображения вы можете скрыть изображения, чтобы видеть, как они будут выглядеть без (фоновых) изображений. Однако я не стал бы загружать gif загрузки. Однако вы можете сохранить чересстрочное изображение (поддерживается в GIF и PNG).

Answer 3

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

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