Практика разработки Web-страниц

         

Цвета рисунков не совпадают с цветами страницы


Иногда страница выглядит неправильно из-за того, что цвета не совпадают. Если у вас есть несколько рисунков, которые должны располагаться вместе, вас не слишком устроит то, что на каждом из рисунков свой оттенок голубого цвета. Даже если вы использовали одинаковые номера цветов на вашей странице и в графическом редакторе, при просмотре в броузере цвета могут не совпадать. Что происходит?

Часто проблема заключена в графическом формате. Если вы сохранили рисунки в формате JPEG, сплошные цвета часто меняются, поскольку файл сжат и не воспроизводит рисунок точно. Формат GIF, с другой стороны, использует определенную палитру для каждого рисунка; если вы даже сохраняете рисунок, используя палитру, в которой нет нужного вам совпадающего цвета, рисунок приобретет ближайший оттенок.

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

Если ваши цвета не совпадают, сделайте следующее.

  1. Если ваша страница или таблицы используют фоновые цвета, которые должны сочетаться с цветом рисунков, используйте только веб-устойчивые цвета. (Не знаете как? См. "Номера цветов в сети".) Запишите использованные вами значения RGB.
  2. В вашей графической программе откройте файл с изображением, цвета которого должны совпадать. Измените цвета рисунка на веб-устойчивые цвета. (В исходном рисунке вы можете изменить цвета объектов изображения; в GIF вам нужно будет изменить цветовую таблицу рисунка или поменять цвета на веб-устойчивые при сохранении. Посмотрите в документации вашего графического редактора информацию о смене цвета.)
  3. Сохраните файлы в формате GIF. Если ваш редактор позволяет видеть используемую цветовую палитру, убедитесь, что она включает в себя необходимый цвет. Иначе, сохранитесь с существующей палитрой или палитрой веб-устойчивых цветов, чтобы цвета не поменялись в броузере.
Чаще всего проблема возникает, когда задний фон рисунка не совпадает с задним фоном страницы. Вы можете решить эту проблему, сохранив "прозрачные" GIF изображения, чтобы фон страницы просвечивал. За дополнительной информацией обращайтесь к разделу "Фон не появляется вокруг краев изображения".



Содержание раздела