В this page элемент <body> имеет цвет фона # 77BFBC. Изображение (rv-banner.jpg), установленное в качестве фона элемента <header>, также имеет цвет фона # 77BFBC.цвета не совпадают на FF на Mac
В окнах (FF или IE) два цвета прекрасно сочетаются. Однако на FF на Mac существует заметная разница между цветом фона изображения и элементом <body>. Как я могу это исправить?
Спасибо, Дон
С выпуском Firefox 3.5, цветокоррекция была включена по умолчанию, но его эффект зависит от профиля системы:
http://hacks.mozilla.org/2009/06/color-correction/
На практике это означает, что изображения, сохраненные с цветовыми профилями исправляется и может показаться несогласованными с цветами CSS.
В Firefox может быть turn off colour-correction, что устраняет проблему для вы, но это все еще оставляет всех других потенциальных посетителей там. Кажется, что удаление цветового профиля с изображения - путь. Существует плагин GIMP, который делает это, see here for a discussion.
Это не из-за ваш код, но цветовые профили, я не знаю, если вы можете это изменить.
Когда изображения отображаются, они преобразуются из их цветового пространства в цветовое пространство экрана.
Чтобы изображения JPEG отображались с одинаковым цветовым преобразованием, как остальные элементы, вы должны преобразовать изображения в цветовое пространство sRGB перед их сохранением.
Браузеры, которые не поддерживают информацию о цветовых профилях в изображениях, всегда используют цветовое пространство sRGB, поэтому, если вы используете sRGB для изображений, цветовой профиль становится правильным даже для этих браузеров.
Если в файле изображения нет цветового профиля, предполагается использовать цветовое пространство sRGB. Это означает, что вы можете сохранять свои изображения без цветового профиля, чтобы свести к минимуму размер файла.
Спасибо, любая идея, как я могу «преобразовать изображения в цветовое пространство sRGB»> Можно ли это сделать с помощью Paint.NET? –
Но разве это не зависит от цветового профиля компьютера просмотра? Процитировать Mozilla: «Это означает, что если у вас есть помеченное изображение, где цвет должен соответствовать CSS, который находится рядом с ним, это не так. Или, по крайней мере, вероятно, что он не будет на каком-либо устройстве вывода - возможно, не тот, который вы используете для разработки. Помните, что разные устройства вывода имеют разные цветовые профили ». http://hacks.mozilla.org/2009/06/color-correction/ – flash
@Don: Нет, Paint не обрабатывает цветовые профили. Это может сделать программа редактирования фотографий, например Photoshop или GIMP, а также некоторые из более простых программ обработки фотографий. – Guffa
Попробуйте сохранить изображение как png not jpg. И если вы используете фотошоп, выберите «сохранить для Интернета и устройств», а не «сохранить как».
Использование PNG-формата может на самом деле сделать его хуже, поскольку оно имеет значение коррекции гаммы вместо цветового профиля, и в разных браузерах оно обрабатывается по-разному.Однако альфа-канал формата PNG-24 можно использовать для того, чтобы сделать фоновой часть изображения прозрачной, так что цветовые различия не влияют на фон. – Guffa
Сохраните как PNG, а затем обратитесь к http://hsivonen.iki.fi/png-gamma/ для командной строки pngcrush, которая вычеркивает гамма-ерунду. Один из способов получить pngcrush - установить http://www.cygwin.com. –
ты мужчина !!! имел ТОЧНУЮ ту же проблему. дизайнер открыл все изображения в фотошопе и сохранил их, используя «сохранить для Интернета и устройств», и проблема исчезла. никогда не понимал, для чего этот вариант, но теперь я знаю. – rip747
Плагин GIMP работал как шарм, спасибо! –