Digital bildhantering

Transkript

1 Digital bildhantering En analog bild blir digital när den scannas. Bilden delas upp i småbitar, fyrkanter, pixlar. En pixel = den digitala bildens minsta byggsten. Hur detaljrik bilden blir beror på upplösningen dvs storlek och täthet på fyrkanterna (pixlarna)

2 Pixeltätheten: Skrivare: dpi (dots per inch = punkter per tum) Bildskärm: ppi (pixels per inch = pixlar per tum). 1 tum = 2,54 cm. Upplösning Det antal pixlar (punkter) som finns på en tum i bilden. Punkttäthet" eller pixeltäthet Ju högre punkttäthet desto mindre pixlar 200x100, bredden gånger höjden. 1 tum Vilken bild är skarpast?

3 1 tum Vilken bild är skarpast? Skit in skit ut Om en pixelbaserad bild förminskas, tas en del av pixlarna bort och bilden kan få felaktiga proportioner. Om den förstoras, läggs pixlar till mellan de ursprungliga pixlarna (interpolering). Detta ger förvanskningar i bilden. Bilden blir taggig eller pixlig. Förstoras den digitaliserade bilden 3 gånger kommer varje pixel att ersättas med 9 nya.

4 Bilder för bildskärmsvisning Bildskärmsstandard: 72 ppi Bildskärmen kan ställas in på olika upplösning (640x480, 600x800, 1024x768 osv.) Bildens storlek på skärmen beror på: Bildens storlek i pixlar, dvs antal pixlar på höjden x bredden Bildskärmens inställning, alltså skärmupplösningen Bildens storlek på skärmen säger alltså inget om hur stor den är på riktigt 300 ppi 3648 x 2736 pixlar Som jpg 1,5 Mb Utskrift: 30 x 23 cm

5 72 ppi 3648 x 2736 pixlar Som jpg 1,5 Mb Utskrift: 128 x 96 cm 72 ppi 876 x 657pixlar Som jpg 200 kb Utskrift: 30 x 23cm

6 Bilder för utskrift Tryckbara bilder kräver en riktigt bra originalbild med hög upplösning. Ca 2500 ppi för att skriva ut foton. En veckotidning skrivs ut i 300 ppi.

7 Att skriva ut bilder från en web-sida Bilder på webben har oftast upplösningen 72 ppi. Skriver man ut bilder som ligger på en webbsida antar operativsystemet att bilden har en upplösning 72 ppi. Om du istället laddar ner bilden till din dator och sedan öppnar den i ett bildprogram och skriver ut därifrån, blir den olika stor, beroende på originalbildens upplösning: Ex.: En bild på webben är 400 px bred Beroende på bildens upplösning blir den olika stor på papper: 100 ppi blir på papperet 10 cm bred ([400/100] x 2,5) 300 ppi blir på papperet 3,3 cm bred ([400/300] x 2,5) 72 ppi blir på papperet 13,9 cm bred ([400/72] x 2,5) Att man oftast sparar bilder på webben i 72 ppi beror på att bildskärmar tidigare hade en upplösning på 72 ppi. Idag har bildskärmar över 100 ppi i upplösning. På bildskärmen ser bilden lika bra ut oavsett bildens upplösning. På papper blir en 400 pixlar bred bild med 72 ppi i upplösning inte bra, även om den blir stor. Det beror på att pixlarna är så stora!

8 Alltså! På webben spelar det ingen roll vilken upplösning bilderna har. Inte ens om du ska skriva ut webbsidan. Du kan spara bilden i 300, 100, 96, 72, 17 eller 3000 ppi, bilderna skrivs ändå ut lika stora. Det enda fall det spelar roll är om du spar ner bilden på din dator och skriver ut från ett bildprogram. Det viktiga är: Antal pixlar på bredden och höjden Det är detta som avgör filstorleken! Bitar och byte En BYTE är en kombination av 8 BITar. 8 bitar = 1 byte 1 bit ger två möjligheter: 1 eller 0 2 bitar ger fyra kombinationsmöjligheter: 01, 11, 00 eller 10. Beskrivs 2 upphöjt till 2 (2x2) 8 bitar ger 256 kombinationsmöjligheter. Beskrivs 2 upphöjt till 8. (2x2x2x2x2x2x2x2)

9 Bitdjup/färgdjup Färgbilder kan ha olika färgdjup. Lägre färgdjup = mindre filstorlek Färgdjupet anger hur många olika möjliga färger som varje pixel i en bild kan ha: 1 bit 21 2 = 2 färger 2 2 bitar 2 2x2 = 4 färger 8 8 bitar 2 2x2x2x2x2x2x2x2 = 256 färger (GIF) bitar 2 2x2x2x2x2x2x2x2x2x2x2x2x2x2x2x2 = färger bitar 2 = 16,7 miljoner färger (JPG) Man kan välja ut vissa färger, tex "webbsäkra". Sådana bilder kallar man ofta "indexerade" för att tala om att de använder en särskild palett. Svartvita pixelbilder, som ibland kallas streckbilder, lagrar 1 bit i varje pixel, eftersom varje pixel är svart eller vit. Färgdjupet är 1 bit. Färglägen RGB: RGB-systemet tillåter ungefär 16,7 miljoner olika färger, eftersom varje färg (Red, Green, Blue) kan anta något av 256 olika nyanser och 256x256x256 blir ungefär så många. RGB-systemet har 24 bitars färgdjup (8 bitar i varje färgkanal) (224 =16,7 miljoner) Används för foton på bildskärm och på webben. När du arbetar i Photoshop arbetar du i RGB-läge. Dekorfärg: Färgsystem som kan visa maximalt 256 färger. Används för illustrationer på bildskärm och på webben. GIF-bilder använder dekorfärgsystemet. CMYK: Cyan, Magenta, Yellow, Key (Cyan, Magenta, Gul, Svart) Färgsystem som används för bilder som ska skrivas ut Gråskala: Färgsystem som beroende på bitdjup kan visa från 256 gråtoner och uppåt

10 Bildens storlek (vikt) i byte Vet man hur många pixlar en bild består av och dess färgdjup, kan man räkna ut hur stor plats bilden tar i minnet: En bild på 200x100 pixlar med 1 bits färgdjup (svart/vit) tar då upp bitar eller 2500 bytes (2,5kB). Man räknar delat med 8 för att få storleken i byte, eftersom 1 byte är 8 bitar. Formel: Antal pixlar x färgdjup delat med 8. Vikten i kilobyte (filstorleken) beror alltså på antal pixlar, bredden x höjden färgdjup (hur många färger varje pixel kan innehålla) filformat och kompressionsgrad, tex en JPG-bild. (Olika slags filformat klarar av att hantera olika många färger. En del filfomat komprimerar bilden mer eller mindre. Vissa filformat skickar med ytterligare information t.ex. flera lager eller alfakanal) Räkna ut: 200x200 pixlar Färgdjup 8 bitar 200x200 = pixlar x 8 = /8 = = 40 kb

11 Pixelbaserade bilder En pixelbaserad bild (bitmappbild) består av pixlar. Varje pixel har tilldelats en plats och ett färgvärde. En pixelbaserad bild bör inte förstoras. RAW PSD TIFF GIF JPG PNG (BMP) (PICT) Objektgrafik/Vektorgrafik Vektor -streck mellan två punkter. För att skapa mjuka kurvor, t.ex vid utskrifter av bokstäver, satte man förr ihop många små vektorer. Resultatet blev lite kantiga kurvor. Numera använder man också en annan slags objektgrafik: Bezierkurvor - mjuka kurvor mellan två punkter. Kombination av vektorer och Bezierkurvor Räknas fram matematiskt. Ung. som i ett koordinatsystem, i vilket en linje eller kurva kan beskrivas med hjälp av en matematisk formel.

12 Objektgrafik/Vektorgrafik Linjen/kurvan behåller sina proportioner även om bilden förstoras eller förminskas. Objektgrafik/Vektorgrafik kan därför förstoras med bibehållen skärpa. Stora bilder tar dessutom mindre minne i anspråk EPS, PDF, AI Filfomat för bilder Photoshop (psd) Så länge du du jobbar med bildbehandling i Photoshop ska du spara i detta format. All information som lager och sparade markeringar följer med i detta formatet. När du är klar sparar du en kopia som jpg eller png Håller du dig till ett arbetsflöde som bara inkluderar Adobe-produkter: Photoshop, Illustrator, InDesign, Flash etc så duger Psd bra till det oxå. Psd-formatet ger dock stor filstorlek i kb, eftersom det sparar mycket information. RAW När bilden fångas i systemkameran är det i så kallat RAW-format. För fotografer kan det finnas anledning att behålla RAW-filen. Filen kan sen öppnas upp i ett RAW-program, som Camera RAW som kommer med Photoshop. I Camera RAW sköter du själv överföringen från RAW till Photoshops format. Du kan själv då kontrollera en större mängd parametrar.

13 Filfomat för bilder Jpg Jpg är ett komprimerat format som minskar bildens tyngd i kilobyte. Det är en förstörande kompression eftersom varje gång du sparar om en JPEG-bild försämras den till kvaliteten en aning. Helst bör man spara en bild i formatet JPEG bara en gång. Man sparar inte i JPEG-format förrän man är helt färdig med bilden i Photoshop. Jpg kan visa miljontals färger och nyanser, och används därför foton. GIF används för illustrationer och teckningar med mindre antal färger. GIF kan visa max 256 olika färger, och blir därmed mindre i filstorlek. PNG Till skillnad från GIF stöder PNG-formatet 24-bitars bilder och skapar bakgrundsgenomskinlighet med jämna kanter. Bra för bilder på webben Filfomat för bilder TIFF TIFF är fotot i bra kvalitet utan någon förstörande komprimering. Alla program kan läsa det, både på Macintosh och Windows. Men det är en onödigt stor filstorlek för webben. För foton som ska tryckas är det dock bra. Eps EPS är i princip samma som TIFF, fast för vektorgrafik istället för pixelgrafik.