Toon posts:

Kleuren images komen niet overeen met HTML kleuren

Pagina: 1
Acties:

  • quintox
  • Registratie: januari 2008
  • Laatst online: 15-09 15:53
Beste Tweakers,


Ik zit met een probleem wat mij al maanden stoort sinds ik mijn Macbook pro heb aangeschaft. En ik kan er maar geen informatie over vinden.

Het probleem is dat JPEG/GIF/PNG kleuren niet overeen komen met de HTML kleuren, als ik een plaatje pipet en de hexadecimale kleurcode in HTML gebruik is er in veel kleuren een duidelijke afwijking te zien. Ook is het gebruik van gradients bijna niet te doen binnen websites aangezien ik al mijn werk moet testen op windows computers om te kijken of de slechte kwaliteit gradient te maken heeft met de mac kleuren of de image compressie. Ik weet dat kleuren tussen PC en Mac afwijken en dat je altijd op beide platformen en op meerdere browsers moet testen, maar sinds wanneer zijn hexadecimale HTML kleurcodes anders dan images?

Het kalibreren van kleuren heeft ook geen zin want het ligt niet aan de monitor maar aan de kleuren zelf. Als dit dus een Mac issue is wat niet te verhelpen is, wat is dan precies het voordeel van Mac's voor designers?

Enige wat ik kan vinden op internet is het kleur probleem wat te maken heeft met print ( RGB, CMYK verhaaltje ) maar dit is op elk systeem ongeacht het besturingssysteem hetzelfde.


Ik hoop dat er hier een Mac expert zit die mij verder kan helpen met dit probleem, alvast bedankt!

Steam profiel


  • Digistorm
  • Registratie: januari 2000
  • Laatst online: 06-06 10:32

Digistorm

tenax moderator pomorum

Het heeft waarschijnlijk toch te maken met een kleurprofiel. Het punt is namelijk dat een Mac het kleurprofiel van je afbeeldingen respecteert en als dat afwijkt van wat je op je monitor gebruikt dan zal er een softwarematige correctie volgen. Ik weet niet hoe je je afbeeldingen opslaat (Photoshop?) en met welk profiel. In Photoshop kun je het profiel kiezen waarmee je je afbeeldingen opslaat. Dit moet matchen met het kleurprofiel dat je met je monitor gebruikt. Windows doet praktisch niet aan color management, dus daarom zie je op een Windowsbak geen verschil als je een ander kleurprofiel aan een JPG hangt.

Unum systema ad eos omnes regendos... | Macbook Pro 15" hi-res - Core i7 2635QM (2 GHz) / 8 GB / 160 GB SSD / Radeon 6490M | iPhone 3GS 16GB


  • Interfico
  • Registratie: augustus 2007
  • Laatst online: 06-09 11:49
Ik ken het probleem. Ik heb er zelf ook al meer dan eens m'n hoofd aan gestoten. Het zit 'm in Safari. Dit is eigenlijk de enige browser die het embedde kleurprofiel van afbeeldingen respecteert en ze dus nét iets anders neerzet dan je meestal wil. Dit gebeurt dus ook op Safari in Windows. De oplossing is simpel:

Als je in Photoshop een nieuw document maakt kies je onder Advanced => Color Profile voor Don't color manage this Document

[Voor 3% gewijzigd door Interfico op 20-10-2010 12:14]


  • Digistorm
  • Registratie: januari 2000
  • Laatst online: 06-06 10:32

Digistorm

tenax moderator pomorum

Het zit m inderdaad in Safari, maar ook in alle andere software van Apple die gebruik maakt van dezelfde code. Ook bijvoorbeeld in iPhoto worden je foto's weergegeven met het profiel dat je (camera) eraan hangt.

Unum systema ad eos omnes regendos... | Macbook Pro 15" hi-res - Core i7 2635QM (2 GHz) / 8 GB / 160 GB SSD / Radeon 6490M | iPhone 3GS 16GB


  • MoietyMe
  • Registratie: juli 2003
  • Laatst online: 20:33

MoietyMe

zij/haar

Firefox kan ook met color-management om gaan. Die zal dus wel het zelfde "probleem" produceren.

  • Zero Grav
  • Registratie: juli 2007
  • Laatst online: 21:13
Dit eens eventjes doornemen, http://don.blogs.smugmug....his-is-your-mac-on-drugs/
Ik dacht dat dit met Snow Leopard aangepast was, maar ben er niet 100% zeker van. Het kan toch geen kwaad om het te weten.

  • _JGC_
  • Registratie: juli 2000
  • Laatst online: 23:29
Heeft idd te maken met kleurprofielen die her en der door browsers ondersteund worden. Bij JPEG heb ik het nog niet echt gezien.
Bij PNG kan je de PNGs door pngcrush halen om alle kleurprofieldata eruit te slopen. Na die actie ziet een PNG er in elke browser hetzelfde uit en komen de kleuren in photoshop ook daadwerkelijk overeen met HTML-kleuren.

  • Eswip
  • Registratie: april 2005
  • Laatst online: 01-08 14:03
Als je "Save for Web" gebruikt, heb je het probleem niet meer.. dan gaat het wel goed.

  • quintox
  • Registratie: januari 2008
  • Laatst online: 15-09 15:53
Ik gebruik geen safari, enkel firefox ;) En ik sla mijn werk binnen photoshop op als "Save for web & devices" of Save-as, ligt er natuurlijk aan waar ik het voor nodig heb.

Ik heb me eigenlijk nog nooit bezig gehouden met kleur profielen en dergelijken, ik kwam alleen aan de kwaliteit of de compressie van de afbeelding. Daarnaast moet er toch ook een andere oplossing voor zijn? Niet elk design of website is natuurlijk door mij gemaakt en kan dus deze color issues hebben, er moet toch wel iets beschikbaar zijn om deze kleuren fatsoenlijk weer te geven?

Blijkbaar zet photoshop standaard alle documenten in sRGB IEC61966-2.1

Waar het probleem ook zit, ik vind het enorm slecht dat dit uberhaupt voorkomt.. Apple heeft een reputatie geliefd te zijn onder designers, toch vind ik het juist weergeven van kleuren toch best wel belangrijk ;)

Steam profiel


  • Eswip
  • Registratie: april 2005
  • Laatst online: 01-08 14:03
quintox schreef op woensdag 20 oktober 2010 @ 16:42:
Ik gebruik geen safari, enkel firefox ;) En ik sla mijn werk binnen photoshop op als "Save for web & devices" of Save-as, ligt er natuurlijk aan waar ik het voor nodig heb.

Ik heb me eigenlijk nog nooit bezig gehouden met kleur profielen en dergelijken, ik kwam alleen aan de kwaliteit of de compressie van de afbeelding. Daarnaast moet er toch ook een andere oplossing voor zijn? Niet elk design of website is natuurlijk door mij gemaakt en kan dus deze color issues hebben, er moet toch wel iets beschikbaar zijn om deze kleuren fatsoenlijk weer te geven?

Blijkbaar zet photoshop standaard alle documenten in sRGB IEC61966-2.1

Waar het probleem ook zit, ik vind het enorm slecht dat dit uberhaupt voorkomt.. Apple heeft een reputatie geliefd te zijn onder designers, toch vind ik het juist weergeven van kleuren toch best wel belangrijk ;)
Apple geeft ze ook correct weer, de andere browsers juist niet.. Safari ziet dat een image een color-profile heeft, en gebruikt deze om de afbeelding weer te geven zoals bedoeld is.. Andere browsers doen niet aan color-profiles en geven daarom de afbeelding dus ook eigenlijk verkeerd weer..

http://css-tricks.com/col...erence-firefox-vs-safari/

  • TheJVH
  • Registratie: mei 2007
  • Laatst online: 23:53
Eswip schreef op woensdag 20 oktober 2010 @ 16:48:
[...]


Apple geeft ze ook correct weer, de andere browsers juist niet.. Safari ziet dat een image een color-profile heeft, en gebruikt deze om de afbeelding weer te geven zoals bedoeld is.. Andere browsers doen niet aan color-profiles en geven daarom de afbeelding dus ook eigenlijk verkeerd weer..

http://css-tricks.com/col...erence-firefox-vs-safari/
Jammer dat dat zulke zooi geeft bij het ontwerpen van een site... Weeeeer iets om rekening mee te houden.
Pagina: 1


Nintendo Switch (OLED model) Apple iPhone 13 LG G1 Google Pixel 6 Call of Duty: Vanguard Samsung Galaxy S21 5G Apple iPad Pro (2021) 11" Wi-Fi, 8GB ram Nintendo Switch Lite

Tweakers vormt samen met Hardware Info, AutoTrack, Gaspedaal.nl, Nationale Vacaturebank, Intermediair en Independer DPG Online Services B.V.
Alle rechten voorbehouden © 1998 - 2021 Hosting door True

Tweakers maakt gebruik van cookies

Bij het bezoeken van het forum plaatst Tweakers alleen functionele en analytische cookies voor optimalisatie en analyse om de website-ervaring te verbeteren. Op het forum worden geen trackingcookies geplaatst. Voor het bekijken van video's en grafieken van derden vragen we je toestemming, we gebruiken daarvoor externe tooling die mogelijk cookies kunnen plaatsen.

Meer informatie vind je in ons cookiebeleid.

Sluiten

Forum cookie-instellingen

Bekijk de onderstaande instellingen en maak je keuze. Meer informatie vind je in ons cookiebeleid.

Functionele en analytische cookies

Deze cookies helpen de website zijn functies uit te voeren en zijn verplicht. Meer details

janee

    Cookies van derden

    Deze cookies kunnen geplaatst worden door derde partijen via ingesloten content en om de gebruikerservaring van de website te verbeteren. Meer details

    janee