Цвет

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

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

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

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

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

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

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

Сплошные цвета в рисунках JPEG смотрятся плохо

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

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

1. Найдите исходный файл с высоким разрешением и откройте его в вашей графической программе или пересканируйте рисунок. (Если у вас нет такого рисунка или файла, вы все равно сможете в чем-то улучшить ваш рисунок с помощью этих шагов. К сожалению, вы не сможете восстановить детали, потерянные при сжатии JPEG. Если рисунок достаточно большой, вы можете извлечь хоть какую-то пользу, уменьшив его размер.)
2. Сохраните или экспортируйте рисунок, как JPEG. Начните с высокого или максимального качества, влекущего за собой наибольший размер файла. Если ваш редактор позволяет предварительный просмотр файла, уменьшайте качество постепенно, не делая рисунок слишком пятнистым или зернистым.
3. Некоторые графические редакторы позволяют вам исправить пятнистость и другие дефекты сжатия. Такие опции уменьшают нежелательные эффекты, но не пользуйтесь ими слишком активно, иначе изображение будет как бы "не в фокусе".
4. Сохраните рисунок и просмотрите его в вашем броузере.

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