[Background] Safari vs FireFox colors

Beste OMT-leden,

Voor mijn stageopdracht ben ik een website aan het ontwikkelen. Op deze pagina’s komt meer informatie over gemaakte iPhone Apps.

Al het werk heb ik in photoshop gemaakt (RGB), maar heb ik gigantisch kleur verschil tussen Safari en FF. Ben zelf een erg grote safari fan maar deze doet het het slechts van de twee.

Heeft dit iets te maken wanneer ik de beelden kan omtoveren naar sRGB? Zoja, hoe doe ik dit binnen photoshop?

Mvg,

Kan je hier iets mee?

http://www.appletips.nl/kleurverschillen-tussen-safari-en-firefox/

Bedankt jeroen, heb het snel bekeken maar het probleem is nu alleen dat juist safari "the troublemaker" is =)

Ja, dat zag ik net ook ,maar het probleem is omgekeerd toch wel het zelfde, dus iets in deze richting moet het dan wel wezen toch?

[quote:e957045097="Jeroen Ruiter"]Ja, dat zag ik net ook ,maar het probleem is omgekeerd toch wel het zelfde, dus iets in deze richting moet het dan wel wezen toch?[/quote:e957045097]

Het probleem zijn denk ik de kleurinstellingen. Ik heb ook me twijffel of het iets met sRGB en normaal RGB te maken heeft…

Normaal gesproken heb ik ook maar een klein beetje kleur verschil… maar nu is het vrij extreem. Kan eventueel screenshots even plaatsen.

Edit: Screenshots met het verschil wat ik bedoel:

[img:e957045097]http://robin.dreamix-design.com/omt_firefox.png[/img:e957045097]
[b:e957045097]FireFox[/b:e957045097]

[img:e957045097]http://robin.dreamix-design.com/omt_safari.png[/img:e957045097]
[b:e957045097]Safari[/b:e957045097]

En als je nou een css uitzondering maakt voor Safari met #314169 als background-color. [code:1:3414839e85]<!--[if Safari]> <link rel="stylesheet" type="text/css" href="safari.css" media="screen"> <![endif]-->[/code:1:3414839e85]

[quote:d26f69f1a4="tdwesten"]En als je nou een css uitzondering maakt voor Safari met #314169 als background-color. [code:1:d26f69f1a4]<!--[if Safari]> <link rel="stylesheet" type="text/css" href="safari.css" media="screen"> <![endif]-->[/code:1:d26f69f1a4][/quote:d26f69f1a4]

Briljante oplossing… had er nog niet aan gedacht :). Het is wel een “dirty” hack maar het zal moeten werken… thanks!

klopt! :wink:

Hmz.. noob vraag nu alleen, moet de code onder de huidige stylesheet zetten? (tussen de heads)

Hmz… heb het geprobeerd maar krijg het alsnog niet aan de gang…

Na even te hebben getest blijkt mijn oplossing van hier boven niet te werken, wel heb ik wat lees martiaal: http://forums.macrumors.com/showthread.php?t=220558 http://css-tricks.com/color-rendering-difference-firefox-vs-safari/

Bedankt voor het leesvoer TD, opeens bedacht ik me een "oldskool manier".

Ik heb nu mijn achtergrond als background-image, repeat-x (2px x 900px). Binnen de browser zie je geen verschil meer… maar wanneer je beide schermen opent en naast elkaar zet… tsja.

Die is inderdaad heerlijk oldskool :) maar waarom geen 2x2px,?

[quote:50003b2464="tdwesten"]Die is inderdaad heerlijk oldskool :) maar waarom geen 2x2px,?[/quote:50003b2464]

Gradient =(

[quote:e506416b0b="Jeroen Ruiter"]Kan je hier iets mee?

http://www.appletips.nl/kleurverschillen-tussen-safari-en-firefox/[/quote:e506416b0b]:’)!

Wat een non-oplossing. Safari is een van de enige browsers die kleurprofielen ondersteund, maar in plaats van dat je gewoon het kleurprofiel van je afbeeldingen stripped en zo zónder dirty hacks je sites prima werkend krijgt ga je die andere niche-browser kleurprofielen laten lezen.

Gewoon strippen die kleurprofielen, dan ziet 'ie er overal hetzelfde uit. Ook in IE.

[quote:e733dadbfa="Nietzman"][quote:e733dadbfa="Jeroen Ruiter"]Kan je hier iets mee?

http://www.appletips.nl/kleurverschillen-tussen-safari-en-firefox/[/quote:e733dadbfa]:’)!

Wat een non-oplossing. Safari is een van de enige browsers die kleurprofielen ondersteund, maar in plaats van dat je gewoon het kleurprofiel van je afbeeldingen stripped en zo zónder dirty hacks je sites prima werkend krijgt ga je die andere niche-browser kleurprofielen laten lezen.

Gewoon strippen die kleurprofielen, dan ziet 'ie er overal hetzelfde uit. Ook in IE.[/quote:e733dadbfa]

Hoe strip ik me kleuren profiel? :slight_smile:

Volgens mij was dat gewoon een kwestie van "ICC profile" uitvinken in het Safe-for-web venster. (Mits JPEG.)

1) Gewoon converteren (niet toekennen) naar sRGB.

  1. Daarna er voor zorgen dat de kleur goed is. Met Levels en Curves in Photoshop kom je een heel eind (en een gekalibreerde monitor, zodat je kunt zien wat je eigenlijk aan het doen bent, helpt ook ;-).

  2. Er is geen drie want dan is ie in alle browsers (inclusief IE) hetzelfde.