О цветах в веб-дизайне

...при редактировании и последующем сохранении на компьютере у дизайнера (система Mac) дизайн сохраняется в одном оттенке, а при редактировании и последующем сохранении на компьютере у меня (система Windows 7, Photoshop CS 5.1) дизайн сохраняется в другом оттенке. Что сделать, чтобы дизайн после редактирования и последующего сохранения на компьютере у меня оставался в исходном оттенке?

Наш ответ кратко: Забить.

Подробно:

Можно разобраться с тем, какое цветовое пространство для данного файла было использовано (у Вас, скорее всего, стоит AdobeRGB по умолчанию, на Маке у дизайнера - sRGB. Разница при пересохранении, скорее всего, порождается именно этим, и убрать её можно перенастройкой одного из участвующих компов.

3 причины, почему стоит на это забить:

  1. Техника. Посетители на сайт приходят со столь разных компов со столь разными цветовыми настройками, что на проблему несоответствия оттенков "тому, что наваял дизайнер на калиброванном мониторе" положили с прибором даже профессиональные фотографы, художники и многие сайты, посвящённые обработке изображений.
  2. Физиология. Даже если бы у всех были одинаковые настройки мониторов и систем, есть ещё разница в цветовосприятии ДАЖЕ У ОДНОГО человека в зависимости от внешнего освещения, времени суток и степени усталости.
  3. Психология. Данное отличие "ловится" только при рассмотрении "рядом" двух картинок, и при отсутствии "базы для сравнения" подавляющее большинство людей даже не заподозрит, что "цвет был чуть бледнее" или ярче.

И о рендеринге в браусерах

Многократно наблюдается эффект. Берёте в фотошопе квадрат 1.jpg, залитый цветом НЕ ИЗ "Web safe colors". Копируете это значение цвета в виде HTML и делаете страничку: 
...
<BODY BGCOLOR="#123456">
 <img src="1.jpg" alt="">
...
И, возможно, видите явное отличие "одного и того же" цвета. Если сделать принтскрин и копипастить его в этот же Фотошоп, где рисовали квадрат - то пипеткой можно увидеть отличия в цвете "ну хотя бы на единичку!".
[ ]