Filformat för webbläsare och olika färgsystem

Filformat för webbläsare

.jpg

.png

.gif

JPG

Komprimerande (förstörande), tar bort färginfo. Varje gång du sparar en.jpg tar du bort ytterligare färginfo, därför ska du när du jobbar med bilden använder du filformatet .psd, när du är klar sparar du i .jpg.

Fördel med .jpg är att den är bra till fotografier och stora bakgrunder. Den visar 16,7 miljoner färger. Alla webbläsare kan se bilden i .jpg.

Nackdel med .jpg är att den inte kan visa transparens (kan inte göra delar genomskinliga) och att den är komprimerande.

PNG

Detta filformat är inte komprimerande vilket innebär att du kan spara hur många gånger som helst utan att tappa färginfo. 

PNG stödjer alfakanaler, man slipper taggiga kanter - fungerar på små fotografier. PNG visar 24 bit färg.

GIF

Detta filformat var vanligt förr och användes till grafiska element, har nu ersatts av .png. Kan bara visa 256 färger.

Färgsystem

RGB (Röd, Grön, Blå) - Additiv färgblandning = Tillför ljus.

Vitt = 255,255,255

Svart = 0,0,0

RGB är de additiva primärfärgerna.

CMY (Cyan, Magenta, Yellow) är de additiva sekundärfärgerna som uppstår när man blandar färger i RGB.

Rött+Grönt = Gult (Yellow)

Grönt+ Blått = Cyan

Rött+Blått = Magenta

CMYK (Cyan, Magenta, Yellow, Keycolor/Svart) - Subtraktiv färgblandning = Varje pigment tar bort ljus.

Vitt = 0%,0%,0%,0%

Svart = teoretiskt 100% på respektive färg, men så mycket färg kan man man inte trycka, därför finns det standarder för hur många procent man kan lägga på (ca 320% på bestruket papper).

Teoretiskt blir C+M+Y =svart, men i verkligheten blir det en gråbrun nyans, därför måste man lägga till svart för att få riktig svart i trycket.

CMY är de subtraktiva primärfärgerna, blandas dessa blir det subtraktiva sekundärfärger:

Cyan+Magenta = Blått

Magenta+ Gult = Rött

Cyan+Gult = Grönt

OBS. CMYK används inte på webben, den används i tryck!

Hexadecimal - webbsäkra färger

Färger på nätet anges med hexadecimaler i html-koden eller css-koden. Vissa standarfärger kan anges direkt som de är tex. blå, gul, röd osv.

#000000 = svart

#FFFFFF = vitt