Hej!

Har problem med mina gradientövergångar när jag gör hemsidor, vill spara alla filer i PNG och när jag gör detta så renderas bilderna
i Safari exakt likadant som i Photoshop, problemet är att ställer jag in HEX-värdet på PNG bilden så gradientövergången ska bli mjuk
så fungerar det inte i Safari, HEX-värdet renderas alldeles för tamt i samtliga webbläsare.

Slängde ihop en snabb hemsida för att testa olika lösningar men det går inte, såhär ser sidan ut nu:

http://farm4.static.flickr.com/3279/...127b86_o_d.png

Såhär ser gradientövergången ut i Safari:
http://farm3.static.flickr.com/2371/...c36e52_o_d.png

Självklart vill jag att mina färdiga sidor ser ut som i Photoshop mockupen, alla PNG filer renderas likadant
i Photoshop som i Safari, på hemsidan jag gjort här så finns det 2 bilder, dels hela headern som har en gradient och outer glow och bakgrunden är en gradient uppifrån och ner.

Problemet är att färgerna i Opera och Firefox får rätt HEX värden när gradient fadar ut i bakgrunden, alltså man ser inte övergången mellan gradienten och bakgrunden.

Safari visar PNG filerna rätt, samma kontrast och färger, men eftersom HEX värdet på bakgrunden renderas tamare så syns övergången.

Självklart vill jag att mina hemsidor ser likadant ut i alla webbläsare och ser exakt likadant ut i PS som i alla webbläsare.

Ni måste ju ha stött på detta problemet någongång?http://farm3.static.flickr.com/2371/...c36e52_o_d.png

Hur sparar du dom i PS till png? Via "Save as" eller via "Save for web" ?

Du har något större översikt via "Save for web"

JesperA: du har en färgprofil för bilden därför blir det på detta vis. (Endast Safari av webläsarna kan läsa och följa färgprofiler.)

Välj "Don't colour manage this Document" (eller vad det nu kan heta på svenska) under avancerat när du skapar bilden. Jag har för mig att du som default kan stänga detta någonstans.