Главная CSS-верстка

Как должен выглядеть сайт при отключенных изображениях

Это, пожалуй, 6-й совет, дополняющий мои 5 советов верстальщику, про который я забыл в свое время написать. Им можно было бы вытеснить один из тех 5 советов (если укладываться именно в 5), поскольку я считаю его важным.

Заключается он вот в чем.

Поскольку у меня в Опере по умолчанию стоит режим просмотра изображений «Показывать только кешированные», то при заходе на какой-то сайт, незакешированный в моем браузере, я очень часто наблюдаю следующую картину. Допустим, я загрузил сайт и вижу фоновые цвета темного цвета, и совсем не видимый на этом фоне текст черного цвета. Я нажимаю кнопку, которая подгружает все картинки, и только после этого текст становится читабельным.

Уловили суть?

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

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

Не отрицаю, что не всегда возможно так сделать из-за особенностей дизайна, но по мере возможности делать это нужно!

Тогда юзабилити сайта в определенной степень улучшиться, и посетитель не «испугается» существенному различию цветовой гаммы сайта в состояниях «без изображений» и «с изображениями». Лично я в такие моменты испытываю не очень приятные эмоции.

Комментарии (18)

  1. Именно так! Поддерживаю автора. Сам давно так делаю. И тоже рекомендую делать так другим верстальщикам.

  2. kuks, спасибо за поддержку =)

  3. СПС за совет начинающему верстальщику. А то как-то и не задумывался о тех кто без картинок юзает инет ;)

  4. Артемий, пожалуйста и удачи ;)

  5. Повелитель тегов
    15 лет 5 месяцев назад

    Сам не раз и не два встречал блоги с темами для wp на которых при отключенных картинках невозможно ничего прочитать. Темы в большинстве своем иностранные (м.б. локализованы). Видимо за границей с этим еще хуже чем в рунете.

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

  7. Давно так делаю и всем советую)

  8. >А то как-то и не задумывался о тех кто без картинок юзает инет ;)

    юзать инет без картинок это зло, ладно еще банеры зарезать.

  9. за границей не хуже, там это давно моветон. надеюсь у нас скоро станет тоже

  10. >Видимо за границей с этим еще хуже чем в рунете
    Уровень развития коммуникаций (а следовательно и обеспеченность населения высокими скоростями/низкой (относительно) стоимостью) что есть «там» оправданно позволяет им (заграничным блогерам в т. ч.) думать в самую последнюю очередь о том, что есть люди отключающие графику, чтобы сэкономить трафик.

  11. Дык, может заодно и стили отключить? Правда это только на стационарной Опере работает. На мобильнике иногда приходится загружать страницу через специальный прокси, чтобы прочесть. Как правило, мне такое встречается на западных блогах, кстати. И, кстати, посвященных веб-разработке): А в Опере мини стили не отключишь):

  12. >юзать инет без картинок это зло, ладно еще банеры зарезать.

    У кого трафик анлим — зло, а тем кто платит за трафик нехилые деньги? ИМХО, нафиг мне смотреть картинки, есименя интересует текст, если мне нужна картинка — правый клик мыши — показать картинку. З.Ы. Тоже юзаю оперу, по умолчанию показывать только кэшированые

  13. DeadLy, это было лишь субъективное мнение Denis Streha, поэтому он так категоричен :)

    ИМХО, нафиг мне смотреть картинки, есименя интересует текст, если мне нужна картинка — правый клик мыши — показать картинку.

    Вот, абсолютно согласен! Поступаю аналогично (правда картинки подгружаю более удобными способами :).

  14. Действительно, истина азбучная, но многие ею пренебрегают.
    А еще иногда бывает полезным протестировать сайт с отключенным js. Я как раз недавно столкнулся с подобной задачей — заказчик хотел, чтобы страница с контентом «выезжала» после загрузки страницы (www.operaprint.ru). Соответственно, с отключенным js ничего не выезжало и текста не было видно. Думал-думал, как узнать, включены ли скрипты на клиенте, а потом мне напомнили про тег noscript — и все встало на свои места :)

  15. Я думаю просто текст и главные ссылки ну можно 1 начальный рисунок

  16. bukvoed, а как вообще можно сделать запрет отображения страницы при отключенном JS, не подскажешь? Сейчас часто необходимость в этом возникает.

  17. Кстати проблема действительно актуальная. Иногда с ней можно столкнуться даже на сайтах, где посещаемость несколько тыс. хостов в сутки… Интересно что за дилетанты их клепают …)) Неужели не знают о такой фишке))?

  18. Люди в окно поглядите — даже не год, век изменился. Объясните смысл в «только кешированных»? Может еще ч\б мониторы поставить или только текстовые.