onsdag 4. juli 2012

Lagre for web - fargerom og mye mer

Jeg fikk noen spørsmål angående lagring av foto til web, så da tenkte jeg det var på sin plass med en kort innføring. Valg av fargerom, skarping, og lagring. Kort fortalt skal bildene være i sRGB, skarpes i den størrelsen de skal publiseres i og lagres i jpg-format. Forklaringen finner du under.

Hvorfor sRGB?
Bilder som skal på nett skal være i sRGB, enkelt og greit fordi de fleste nettlesere har ingen eller dårlig støtte for å kunne vise fargene på riktig måte dersom de er i Adobe RGB. Bilder i Adobe RGB vil oppleves som "slappe" på web. Dessuten vil en del farger rett og slett vises feil; f.eks. sort i Adobe RGB vil oppleves som grått, mens sort i sRGB vil oppleves som sort. Dette ser du nok helst bare på en god, kalibrert skjerm, men det øverste er sort lagret i Adobe RGB, det andre sort i sRGB

Dersom du føler at bildet blir "feil" når du konverterer det kan jeg berolige deg meg at de fleste sitter ikke på kalibrerte skjermer; kanskje ikke du heller? Den eneste måten du kan være sikker på at fargene vises riktig er ved målinger - noe som er ganske avansert. Dersom du skal bruke øynene til å sjekke om fargene er riktig MÅ du ha en kalibrert skjerm, det hjelper ikke at den er "bra til foto". En fantastisk skjerm er ikke riktig før den blir kalibrert. Til dette renger du et kalibreringsverktøy.

Ikke alle skjermer lar seg kalibrere godt nok heller. Jeg anbefaler en god skjerm som blir kalibrert med 3-4 ukers mellomrom.
Skjermer har ikke uendelig levetid; min forrige skjerm viste feil farger uansett,
da den rett og slett var utslitt.

Årsaken til at du opplever at bildene forandrer seg når man konverterer de fra Adobe RGB til sRGB er at gammut-området til sRGB er mindre enn ved Adobe RGB; altså færre fargenyanser. Men dersom du konverterer fra sRGB til Adobe RGB vil det ikke på
magisk vis oppstå flere farger.

Bildet til venstre er skarpet og i sRGB, mens bildet til høyre er i Adobe RGB og ikke skarpet.
Siden dette er en screenshot er fila du ser i sRGB.

Mange tror forøvrig det bare finnes to fargerom CMYK og RGB, noe som er svært feil.
Det finnes et hav av fargerom innen for både CMYK og RGB, men dette skal vi ikke gå inn på nå. Primert handler det om man blander Rødt, Grønt og Blått (Red, Grenn, Blue) eller Cyan, Magenta, Gult og Sort (Cyan, Magenta, Yellow, Key color = Black). RGB brukes på skjermvisning og CMYK på trykk. Men i dag blir filer som skal trykkes først når trykksaken er klar og skal sendes til trykkeriet, så bildene skal helst være i RGB hele tiden. Dersom du "fremkaller" bilder hos f.eks. Eurofoto bør bildene være i sRGB, da fotolab'er er basert på sRGB - de var i alle fall det for bare noen år tilbake.

Jeg jobber alltid med filene i Adbobe RGB, først når de skal lagres for web konverteres disse til sRGB. Forøvrig jobber jeg i sRGB fra start til slutt når jeg lager grafikk o.l.
som skal på web, da kan jeg være sikker på at fargene blir riktige, men det er annerledes med fotografier. Hovedsakelig foretrekker jeg å ha en masterfil på fotografier, for så å lage kopier til web m.m. derfor ønker jeg å ha masterfilen i et størst mulig fargerom,
da er Adobe RGB det beste valget.

JPG, PNG eller GIF

Jeg bruker JPG-formatet til bilder som skal på nett, først og fremst fordi eldre nettlesere (som mange enda bruker) ikke takler PNG-formatet så godt. PNG-formatet er flott, mye bedre enn JPG til svært mye. PNG skulle overta for JPG - det var tanken, men slik er det ikke blitt. Det flotte med PNG er at deler av fila kan være gjennomsiktig til motsetning til JPG, men ikke alle nettlesere takler PNG like godt.

GIF er forbeholdt enkler grafikkelementer som krever gjennomsiktighet. GIF-formatet egner seg svært dårlig til bilder, da GIF-bilder inneholder svært få fargenyanser sammenlignet med JPG eller PNG, men er fortsatt i bruk til enkle grafikkelementer.

Skarping av filer

Filer som skal på web bør skarpes; det vil si: Du justerer bildet ditt ferdig, lagrer alt i et fornuftig format som kan ta vare på lag f.eks. PSD (photoshop) eller TIFF. Dagens JPG og PNG format tillater lag, men det må krysses av for dette. Deretter gir du bildet den størrelsen det skal vises i på nett. Jeg lagrer bilder i 900x600 pixler i 72 ppi (points per inch) slik at e ikke skal kunne misbrukes av andre. Ikke legg ut bildene dine i stor størrelse da de vil kunne brukes av andre uten din godkjennelse.
Legg også gjerne vannmerke på.

Før du lagrer webkopien bør du skarpe fila, i Photoshop bør du velge "Unsharp mask". Denne funksjonen finnes nok i de fleste redigeringsprogrammer for bilder, men kan ha andre navn. Kunsten er å ikke skarpe for mye eller for lite. Prøv deg frem.
Det er viktig at fila har samme størrelse som den skal ha når den skal publiserer på nett.


Dersom du skarper for mye kan bildet oppleves som kornete eller at det er "rusk" på motivet. Spesiellt kan mennesker bli litt skjeggete dersom de blir overskarpet i sort-hvitt.

Lagre for web
Når jeg til slutt lagrer webversjonen velger jeg kvaliteten etter elementene som er i bildet. F.eks, tekst blir fort kornete og kvaliteten på fila må kanskje opp i 70%, og du vil da få ei relativt stor fil. Mens andre bilder kan enkelt lagres ned i 50-60% og gi et "lett" bilde som er raskt å lade. Store webfiler gjør bloggen/websiden din treg
- alle sitter ikke på bredbånd i dag.


Håper dette var avklarende. Si ifra dersom du lurer på noe!