Bilder... Dagens föreläsning. Objektgrafik. Objektgrafik. TNMK30, 2010 Föreläsning

Storlek: px
Starta visningen från sidan:

Download "Bilder... Dagens föreläsning. Objektgrafik. Objektgrafik. TNMK30, 2010 Föreläsning"

Transkript

1 TNMK30, 2010 Föreläsning Bilder... Tobias Trofast, LiU 1 Dagens föreläsning Olika grafikformat Bitdjup Färglägen och kanaler Komprimering Filformat Bildkvalitet Upplösning & Interpolering Objektgrafik Ett eller flera objekt som beskrivs matematiskt Renderas ( ritas ) av datorns grafikkort Skalbart utan kvalitetsförluster Objektgrafik Varje objekt har sina egna atribut: Linje Fyllning Effekt Filstorleken bestäms av antalet objekt och deras komplexitet

2 Objektgrafik Logotyper Illustrationer Fonter Objektgrafik Adobe Illustrator Adobe Flash.eps (Encapsulated Postscript).ai (Adobe Illustrator).pdf (Portable Document Format).svg (Scalable Vector Graphics) Pixelgrafik Skapas genom digital fotografering, skanning, illustration (pixelart) Enda (rimliga) sättet att återge fotografiska bilder Varje pixel har en unik position kulör

3 Upplösning (Geometrisk) Bildfilen består av en pixelmatris var storlek bestäms av skannern eller kameran Upplösningen = pixlar/cm eller pixlar/tum Upplösning mäts i ppi - pixels per inch (inte dpi) Stor pixelmatris (många pixlar) = Storfil Hög upplösning = Hög detaljåtergivning vid t ex tryck Upplösning (Geometrisk) 72 ppi 96 ppi Upplösning (Geometrisk) Upplösning (Geometrisk) GDK [postscript] GDK Postscript: 1 point = 1/72 inch Apple: 1 pixel = 1/72 inch

4 Upplösning Apple: 1 pixel = 1/72 inch Skärmupplösning = 72 ppi (Microsoft valde 96 ppi för högre läsbarhet) Upplösning (Geometrisk) MacBook Pro 15" ppi iphone 3G ppi ipad 132 ppi iphone ppi HTC Desire ppi* SonyEricsson X1-311 ppi ASUS Eee PC ppi Vilken upplösning? För utskrift : ppi Beakta också betraktningsavståndet Vepor, banderoller 30 (!) ppi För tryck : 2 x rastertätheten (ex. 2 x 150 lpi = 300 ppi) 2 kallas samplingsfaktor behöver egentligen bara vara 1,5 Bitdjup (Fotometrisk upplösning) Antal toner en pixel kan anta/kanal 1 bit = 0 eller 1 (t ex svart eller vitt) 8 bitar = > = 256 toner (nivåer) 16 bitar = nivåer Fler bitar ger större mängd data att lagra

5 Kanaler 1 databit & 1 kanal > Streckoriginal 2 möjliga kulörer 8 databitar & 1 kanal > Gråskala 256 möjliga kulörer Kanaler 8 databitar & 3 kanaler > t ex RGB 256 kulörer per kanal 16,7 miljoner möjliga kulörer Filstorlek 8 databitar & 3 kanaler, t ex 800 x 0 pixlar 8 databitar = 1 byte varje pixel = 3 bytes 800 x 0 x 3 = bytes = 1,44 Mb jmf text där varje tecken = 1 byte 1,44 Mb = 1,44 miljoner tecken ord 300 sidor text Dataöverföring För att föra över 1,44 Mb Bredband (10 Mbit/s) = 1 s Mobilt bredband (c:a 3 Mbit/s) = 3 s Sämre bredband (512 kbits/s) = 30 s ISDN (128 kbits/s) = 2 min GPRS ( kbits/s) 2-5 min Lösningen heter komprimering!

6 Komprimering Syftet är att minska filstorleken för att: Minska lagringsutrymmet Öka överföringshastigheten Två typer: Förstörande komprimering Ickeförstörande komprimering Komprimering Komprimering och Dekomprimering Programmet som sparar filen komprimerar, men programmet som skall läsa filen måste kunde dekomprimera filen! Vissa komprimeringsalgoritmer är patenterade (t ex LZW). Ickeförstörande komprimering Bygger oftast på att förenkla beskrivningen av likfärgade ytor. RLE (Run Length Encoding) LZW (Lempel, Ziv, Welch) DEFLATE Run Length Encoding Okomprimerat bytes/pixel x 8 pixlar = 24 bytes (8 bitar = 1 byte) RLE (Run Length Encoding) , , bytes/pixel x 5 pixlar = 20 bytes,2

7 Run Length Encoding okomprimerat : 143 kb RLE (bmp) : 74 kb RLE (bmp) : 53 kb LZW Okomprimerat bytes/pixel x 8 pixlar = 24 bytes (8 bitar = 1 byte) LZW (Lempel, Ziv, Welch) [A] [B] [C] [A]= [B]= [C]= LZW okomprimerat : 143 kb LZW (gif) : 61 kb RLE (bmp) : 74 kb DEFLATE LZ77 + Huffman Finns i t ex gzip & pkzip

8 DEFLATE okomprimerat : 143 kb LZW (gif) : 61 kb RLE (bmp) : 74 kb DEFLATE (png) : 57 kb Förstörande komprimering Komprimerar genom att ta bort information ur bilden: JPEG Förstörande komprimering JPEG - Joint Photographic Experts Group 1982 För smidigare bildöverföring via ISDN Finns som eget filformat, men även som komprimeringsalgoritm i flertalet andra format (t ex TIFF) Förstörande komprimering JPEG - Joint Photographic Experts Group Komprimeringen sker varje gång bilden sparas Komprimerings-/Kvalitetsgraden går att styra Komprimerar genom att likställa områden med liknande kulör Ändrar inte luminansen (där ögat är mycket känsligare)

9 L -10 a -10 Förstörande komprimering JPEG - Joint Photographic Experts Group Omvandlar till färgrymden YCbCr Samplar ner CbCr, men inte luminansen Y Delar in bilden i pixelblock om 8x8 pixlar Förstörande komprimering JPEG - Joint Photographic Experts Group Använder DCT-transform för att likställa informationen inom blocket Ljusa toner likställs mer än mörka, pga ökats ickelinjära uppfattning Likställningen inom blocket görs genom normalisering Programmet som skall dekomprimera använder en omvänd DCT.

10 Kanaler / Färg RGB 24-bitar Truecolor RGB 8-bitar indexerade färg, totalt 256 möjliga kulörer RGB 8-bitars websäkra färger, totalt 216 (6 nivåer per kanal; 6x6x6 = 216) Ickeförstörande komprimering Dithering Används för att skapa jämnare, mer fotografiska, tonövergångar med färre färger Ökar visuella kvaliten, men ökar filstorleken utan dithering med dithering Transparens 1-bits transparens Alpha-kanal RGBA

11 Transparens Transparens Transparens Transparens

12 Kantutjämning Anti-aliasing Kantutjämning Anti-aliasing Kantutjämning Anti-aliasing Filformat för webben JPEG (Joint Photographic Expert Group) Digitalkameran, Webben och ibland till tryck som leveransformat Förstörande komprimeringsmetod Aldrig som arbetsformat! Gråskala, RGB och CMYK Stödjer färghantering

13 Filformat för webben GIF (Graphic Interchange Format) Webben Endast indexerad färg 256 kulörer (jmf 16,7 milj) Dithering Enklare animationer Ickeförstörande komprimering LZW Filformat för webben PNG (Portable Network Graphic), 1995 Ersättare till GIF Indexerad färg, Gråskala, RGB Transparens Ickeförstörande komprimering (DEFLATE) Filformat för webben PNG (Portable Network Graphic), 1995 Bitdjupet varierar beroende på färgläge Transparens via alpha-kanal Dithering MNG (Multiimage Network Graphic) för animationer Jämförelse av format och komprimering Originalet 1,3 Mb Komprimerat med JPEG till 80 kb (1/16)

14 Jämförelse av format och komprimering Originalet 1,3 Mb Komprimerat med JPEG till 50 kb (1/25) Jämförelse av format och komprimering Originalet 1,3 Mb Komprimerat med JPEG till 13 kb (1/100) Jämförelse av format och komprimering Originalet 1,3 Mb Komprimerat med PNG till 641 kb (1/2) Jämförelse av format och komprimering Originalet 1,0 Mb Komprimerat med PNG till 40 kb (1/25)

15 Jämförelse av format och komprimering Originalet 1,0 Mb Komprimerat med JPEG till kb (1/16) Jämförelse av format och komprimering Originalet 1,0 Mb Komprimerat med JPEG till 40 kb (1/25) Objektgrafik då?? SVG eller SWF SWF ShockWave Flash FutureWave > Macromedia > Adobe Objektbaserade animationer Kan läsas av samtliga webläsare, nästan...

16 Scalable Vector Graphics Utvecklas av W3C Baserat på XML Anpassningar för mobila enheter Stöd i alla browsers utom IE Möjligt att komprimera (med gzip) SVG TACK! tobias.trofast@itn.liu.se

Pixelgrafik. Utdrag ur Adobe Photoshops handbok. Om bitmappsbilder (pixelbilder) Om vektorgrafik (kallas ibland objektgrafik)

Pixelgrafik. Utdrag ur Adobe Photoshops handbok. Om bitmappsbilder (pixelbilder) Om vektorgrafik (kallas ibland objektgrafik) Pixelgrafik Utdrag ur Adobe Photoshops handbok Om bitmappsbilder (pixelbilder) I bitmappsbilder, eller rasterbilder eller pixelgrafik, används ett rektangulärt rutnät med bildelement (pixlar eller bildpunkter)

Läs mer

Digital bildhantering

Digital bildhantering 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

Läs mer

Föreläsning i webbdesign. Bilder och färger. Rune Körnefors. Medieteknik. 2012 Rune Körnefors rune.kornefors@lnu.se

Föreläsning i webbdesign. Bilder och färger. Rune Körnefors. Medieteknik. 2012 Rune Körnefors rune.kornefors@lnu.se Föreläsning i webbdesign Bilder och färger Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Exempel: Bilder på några webbsidor 2 Bildpunkt = pixel (picture element) Bilder (bitmap

Läs mer

Så skapas färgbilder i datorn

Så skapas färgbilder i datorn Så skapas färgbilder i datorn 31 I datorn skapas såväl text som bilder på skärmen av små fyrkantiga punkter, pixlar, som bygger upp bilden. Varje punkt har sin unika färg som erhålls genom blandning med

Läs mer

De olika exportmetoderna för rasterfiler inne i ArcMap är BMP, TIFF, GIF och PNG.

De olika exportmetoderna för rasterfiler inne i ArcMap är BMP, TIFF, GIF och PNG. Exportera karta När man har skapat en karta kanske man vill exportera kartdokumentet till en bild eller grafisk filtyp. Nedan ges exempel på vilka olika format som stöds, samt tips för exporten. Det går

Läs mer

LITEN GRAFISK HJÄLPREDA

LITEN GRAFISK HJÄLPREDA LITEN GRAFISK HJÄLPREDA ATT TÄNKA PÅ... VILKET FORMAT OCH VILKET PAPPER? Man kan använda alla möjliga format på trycksaker men oftast håller man sig till standardformaten. A4 är det vanligaste. Formatet

Läs mer

Exportera karta juni 2010

Exportera karta juni 2010 Exportera karta juni 2010 När man har skapat en karta kanske man vill exportera kartdokumentet till en bild eller grafisk filtyp. Nedan ges exempel på vilka olika format som stöds, samt tips för exporten.

Läs mer

INT 3 F3. En texts läsbarhet. Teckensnitt. Medieteknik Del1. Färger, teckensnitt och bildformat

INT 3 F3. En texts läsbarhet. Teckensnitt. Medieteknik Del1. Färger, teckensnitt och bildformat INT 3 F3 Medieteknik Del1 Färger, teckensnitt och bildformat DSV Peter Mozelius En texts läsbarhet Teckensnitt Teckengrad Radlängd Radavstånd Papper/Skärm Bakgrundsfärg Teckensnitt Teckensnitt kan delas

Läs mer

SeniorNet Huddinge

SeniorNet Huddinge SeniorNet Huddinge 2018-09-13 Dagens tema: Bilder Bilder Var hittar man bilder? I din smarta telefon. I din kamera. På internet. Vad vill du göra med dem? BILDER Spar dem någonstans. Skriva ut dem. Maila

Läs mer

TRYCK OCH FÄRGHANTERING LATHUND

TRYCK OCH FÄRGHANTERING LATHUND LATHUND TRYCK & FÄRGHANTERING 1 Vi trycker i CMYK rgb Æ C M Y K Æ Synligt spektrum Adobe RGB Bestruket CMYK Obestruket CMYK Illustrationen visar hur färgomfånget krymper från det synliga spektrumet till

Läs mer

Torstens Digitalbildguide

Torstens Digitalbildguide Thor Stone Education Torstens Digitalbildguide 1 Det finns två huvudtyper av digital bild, vektorbaserad och pixelbaserad. - Vektorbaserade bilder bygger på en matematisk formel och kan storlekförändras

Läs mer

Prioritet. Varför digitalisera? Apparater; i allmänhet. Datorn

Prioritet. Varför digitalisera? Apparater; i allmänhet. Datorn Prioritet. Varför digitalisera? Syftet påverkar digitaliseringsinställningarna. Vill man rädda ett skört material? Vill man göra det tillgängligt på netet? Finns det efterfrågan på dylikt material? Beakta

Läs mer

Välkommen till Flyerskola!

Välkommen till Flyerskola! Välkommen till Flyerskola! Flyerskola Var började det hela Tryckmetoder Teckensnitt Upplösning av bilder Vanligaste filformaten Program Underlätta arbetet för redaktören Att tänka på vid skapandet av en

Läs mer

Filformat / bildformat

Filformat / bildformat Filformat / bildformat Filformat/bildformat är olika modeller för att spara bilden. När du sparar ett foto finns det en uppsjö av olika filformat att välja bland. Först och främst har programmet (ex. Adobe

Läs mer

INT 3 F4. Bildkomprimering. Run Length Encoding. Medieteknik Del2. Komprimering, ljud och rörliga bilder. Olika algoritmer för bildkomprimering:

INT 3 F4. Bildkomprimering. Run Length Encoding. Medieteknik Del2. Komprimering, ljud och rörliga bilder. Olika algoritmer för bildkomprimering: INT 3 F4 Medieteknik Del2 Komprimering, ljud och rörliga bilder DSV Peter Mozelius Bildkomprimering Olika algoritmer för bildkomprimering: Icke-förstörande komprimering RLE Run Length Encoding Huffman-kodning

Läs mer

BILD Objektgrafik, Pixelgrafik & Färglära

BILD Objektgrafik, Pixelgrafik & Färglära BILD Objektgrafik, Pixelgrafik & Färglära BILD Webben i början kritik designers som vi gör mot papper gör vi mot webben har nu anpassat sig (börjat) specifika filformat Design regler BILD CG - Computer

Läs mer

Att skapa er logotyp. Kreativitet

Att skapa er logotyp. Kreativitet Att skapa er logotyp Er logotyp är ert ansikte utåt. Det är er logotyp som ger en första bild av vilka ni är, vad ni gör, vad ni kan etc. Framtagandet av er logotyp är viktig och består enligt oss av två

Läs mer

Optimala bildinställningar för leverans TEORIHÄFTE TILL KURSEN

Optimala bildinställningar för leverans TEORIHÄFTE TILL KURSEN Optimala bildinställningar för leverans TEORIHÄFTE TILL KURSEN Färgrymd Vad är egentligen en färgrymd? Digitala enheter (tex skärmar, skrivare, scanners) kan inte återge alla färger som det mänskliga ögat

Läs mer

Att lyckas med utskrifter

Att lyckas med utskrifter Att lyckas med utskrifter Utgiven av Universitetstryckeriet, Luleå, 1999 Gunnar Tuisku Foldern tar upp vanliga problem som kan uppstå vid utskrifter i PC- och Mac-miljö. Att lyckas med utskrifter! Denna

Läs mer

19-21. Samling och kaffe. Temakväll Bildhantering i släktforskningen Genomgång kring temat. Forska själv. Forska själv. Diskussion kring temat

19-21. Samling och kaffe. Temakväll Bildhantering i släktforskningen Genomgång kring temat. Forska själv. Forska själv. Diskussion kring temat 19-21 Samling och kaffe Temakväll Bildhantering i släktforskningen Genomgång kring temat Forska själv Diskussion kring temat Forska själv Höstens temakvällar 13/9 Digitala bilder i släktforskningen 11/10

Läs mer

Kort lektion i skannerteknik

Kort lektion i skannerteknik Sammanställd av Jan Borgfelt Vad är en skanner? En skanner är en bildläsare, som läser in bilder till Din dator. Det finns 2 typer av skanners som Du kan koppla till Din dator: 1. Flatbäddskanner. Läser

Läs mer

Inför tryck. Färger: CMYK eller dekorfärger. Observera att inga dubbletter av dekorfärgerna är tillåtna.

Inför tryck. Färger: CMYK eller dekorfärger. Observera att inga dubbletter av dekorfärgerna är tillåtna. Inför tryck Färger: CMYK eller dekorfärger. Observera att inga dubbletter av dekorfärgerna är tillåtna. Bilder: Spara bilderna som EPS (objektgrafik) eller TIFF (pixelbilder) Högupplösta (minst 300 ppi)

Läs mer

Föreläsning 17 - Komprimering

Föreläsning 17 - Komprimering DD1343 Datalogi och numeriska metoder del 1 Föreläsning 17 - Komprimering Komprimering Följdlängdskodning (run-length encoding) Huffmankodning Lempel-Ziv-kodning Entropi Komprimering av bilder Komprimering

Läs mer

DIGITAL RASTRERING. Sasan Gooran. 1/8/15 Grafisk teknik 1

DIGITAL RASTRERING. Sasan Gooran. 1/8/15 Grafisk teknik 1 DIGITAL RASTRERING Sasan Gooran 1/8/15 Grafisk teknik 1 DIGITALA BILDER (pixelbaserad) Skanning Foto ppi: Antalet sampel per tum Digital bild 1/8/15 Grafisk teknik 2 ppi (pixels per inch) ppi (Inläsningsupplösning):

Läs mer

Adobe Photoshop Elements Skapa bakgrundsbilder för webbsidor

Adobe Photoshop Elements Skapa bakgrundsbilder för webbsidor 1 Adobe Photoshop Elements Skapa bakgrundsbilder för webbsidor Du kan använda ett foto som bakgrundsbild för en webbsida. Men om du använder ett fyrfärgsfoto som är stort nog att fylla en hel webbsida

Läs mer

DIGITAL BILDBEHANDLING GRUNDKURS. Sammanställd av

DIGITAL BILDBEHANDLING GRUNDKURS. Sammanställd av DIGITAL BILDBEHANDLING GRUNDKURS Sammanställd av INNEHÅLLSFÖRTECKNING Introduktion... 3 Några olika bildkällor... 3 Inladdning av fotografier från digitalkamera till dator... 3 Bildbehandlingsprogram...

Läs mer

VARUMÄRKET Bergdalens IK

VARUMÄRKET Bergdalens IK VARUMÄRKET Bergdalens IK VARUMÄRKET Bergdalens IK Vi har tillsamans jobbat fram ett nytt koncept för att marknadsföra Bergdalens IK. Utgångspunkten är att lokala idrottsföreningar är alldeles för ödmjuka.

Läs mer

Att bevara historiska bilder. Digitalisera, beskriva, söka, visa, långtidslagra

Att bevara historiska bilder. Digitalisera, beskriva, söka, visa, långtidslagra Att bevara historiska bilder Digitalisera, beskriva, söka, visa, långtidslagra Fokus Att bevara bildinformation i oftast lånade bilder genom att överföra informationen i digital form. i digital form. Bättre

Läs mer

Från foto till bildskärm och tryck med bästa kvalitet Ulrik Södergren ulrik@digitalfotografen.se

Från foto till bildskärm och tryck med bästa kvalitet Ulrik Södergren ulrik@digitalfotografen.se Från foto till bildskärm och tryck med bästa kvalitet Ulrik Södergren ulrik@digitalfotografen.se 1 Kontaktinfo Göteborg: DigitalFotografen AB Mintensgatan 3b 416 63 Göteborg Sweden Telefon: +46-31-711

Läs mer

Alla presentationstekniker har olika behov; bandbredd, lagring samt bildkvalitet

Alla presentationstekniker har olika behov; bandbredd, lagring samt bildkvalitet Alla presentationstekniker har olika behov; bandbredd, lagring samt bildkvalitet 1. Multimedia för persondator distribuerad via Internet 2. Multimedia för persondator lagrad på CD-ROM 3. Digital distribuerad

Läs mer

Guide till tryckfärdigt original

Guide till tryckfärdigt original Guide till tryckfärdigt original Pixelbilder, objektgrafik och text Ett grafiskt original kan bestå av pixelbilder, objektgrafik (vektorgrafik) eller en kombination av dessa. En pixelbild begränsas av

Läs mer

Ordbokskodning. Enkel variant av kodning med variabelt antal insymboler och fixlängds kodord. (Jfr tunstallkodning)

Ordbokskodning. Enkel variant av kodning med variabelt antal insymboler och fixlängds kodord. (Jfr tunstallkodning) Datakompression fö 6 p.1 Ordbokskodning Enkel variant av kodning med variabelt antal insymboler och fixlängds kodord. (Jfr tunstallkodning) Man skapar en ordbok som innehåller 2 b olika sekvenser av symboler

Läs mer

Exempel, minnesfri binär källa. Ordbokskodning. Lempel-Zivkodning. Lempel-Zivkodning, forts.

Exempel, minnesfri binär källa. Ordbokskodning. Lempel-Zivkodning. Lempel-Zivkodning, forts. Datakompression fö 6 p.3 Datakompression fö 6 p.4 Ordbokskodning Exempel, minnesfri binär källa Enkel variant av kodning med variabelt antal insymboler och fixlängds kodord. (Jfr tunstallkodning) Man skapar

Läs mer

Bildbehandling Grunder

Bildbehandling Grunder Bildbehandling Grunder Thor Stone Education 1 FÖRORD 3 1 LJUS 4 1.1 Ljus 4 1.1.1 Synligt ljus, våglängder 4 2 FÄRGER I DATORN 6 2.1 Färg på bildskärmen och utskriven färg 6, 7 2.1.1 Färg på bildskärmen

Läs mer

DIGITAL RASTRERING. Sasan Gooran (HT 2003) Grafisk teknik 1

DIGITAL RASTRERING. Sasan Gooran (HT 2003) Grafisk teknik 1 DIGITAL RASTRERING Sasan Gooran (HT 2003) 2006-08-18 Grafisk teknik 1 DIGITALA BILDER (pixelbaserad) Skanning Foto Digital bild ppi: Antalet sampel per tum 2006-08-18 Grafisk teknik 2 ppi (pixels per inch)

Läs mer

DIGITAL RASTRERING. DIGITALA BILDER (pixelbaserad) ppi (pixels per inch) Sasan Gooran (HT 2003)

DIGITAL RASTRERING. DIGITALA BILDER (pixelbaserad) ppi (pixels per inch) Sasan Gooran (HT 2003) DIGITAL RASTRERING Sasan Gooran (HT 2003) 2006-08-18 Grafisk teknik 1 DIGITALA BILDER (pixelbaserad) Skanning Foto Digital bild ppi: Antalet sampel per tum 2006-08-18 Grafisk teknik 2 ppi (pixels per inch)

Läs mer

Kort lektion i Scannerteknik

Kort lektion i Scannerteknik Sammanställd av Jan Borgfelt Vad är en Scanner? En Scanner är en bildläsare, som läser in bilder till Din dator. Det finns 2 typer av Scanners som Du kan koppla till Din dator: 1. Flatbäddscanner. Läser

Läs mer

Filformat för digitala stillbilder M A J I E D S H I E R K H A N L O U

Filformat för digitala stillbilder M A J I E D S H I E R K H A N L O U M A J I E D S H I E R K H A N L O U Examensarbete Stockholm, Sverige 2006 M A J I E D S H I E R K H A N L O U Examensarbete i medieteknik om 20 poäng vid Programmet för civilingenjör & lärare Kungliga

Läs mer

www.webbphoto.se John S. Webb 2006 john@webbphoto.se (text citat från Adobe)

www.webbphoto.se John S. Webb 2006 john@webbphoto.se (text citat från Adobe) www.webbphoto.se D A T O R D I G I T A L A F L Ö D E T K A M E R A K O R T B Ä R B A R H Å R D D I S K R E D I G E R I N G M J U K V A R A O U T P U T L A G R I N G K A T A L O G M J U K V A R A PIXELS

Läs mer

SeniorNet Huddinge

SeniorNet Huddinge SeniorNet Huddinge 2018-11-10 Dagens tema: Vad är en bild Olika typer av bilder Vanligaste typerna Vad skiljer dom olika typerna åt Vilken bildtyp klarar min kamera av 1 Vad är en Pixel? Vanliga filformat

Läs mer

Affina avbildningar och vektorgrafik

Affina avbildningar och vektorgrafik och vektorgrafik 2010-02-04 och vektorgrafik Affin avbildning som matriser Definition En affin avbildning f är en sammansättning av en linjär avbildning x Bx och en translation x x + c och är alltid på

Läs mer

Bildhantering i OEW. Vi ska arbeta med följande bilder:

Bildhantering i OEW. Vi ska arbeta med följande bilder: Bildhantering i OEW Bilder på webben Bilder som man ser på olika hemsidor bör ha dessa egenskaper: 1 Klara färger 2 Skärpa 3 Snabbladdade 4 Rätt storlek för syftet Vi ska arbeta med följande bilder: Program

Läs mer

DIGITAL RASTRERING. DIGITALA BILDER (pixelbaserad) ppi (pixels per inch) Sasan Gooran

DIGITAL RASTRERING. DIGITALA BILDER (pixelbaserad) ppi (pixels per inch) Sasan Gooran DIGITAL RASTRERING Sasan Gooran 1/8/15 Grafisk teknik 1 DIGITALA BILDER (pixelbaserad) Skanning Foto Digital bild ppi: Antalet sampel per tum 1/8/15 Grafisk teknik 2 ppi (pixels per inch) ppi (Inläsningsupplösning):

Läs mer

Regionala Cancercentrum Logotyp

Regionala Cancercentrum Logotyp Regionala Cancercentrum Logotyp Innehåll 1. LOGOTYPEN 3 1.1 Logotypen 4 1.2 Logotyp för fyrfärgstryck 5 1.3 Logotyp för Pantonetryck 6 1.4 Logotyp för webb 7 1.5 Logotyp för kontorsbruk 8 1.6 Logotypfärger

Läs mer

Bilder. Bilder och bildformat

Bilder. Bilder och bildformat och bildformat Det första du måste göra är att skaffa bilder att lägga in i ett HTMLdokument. Ta en bild med din mobil/ webbkamera eller rita bilden själv.du kan ta gratisbilder från Google, gå in på bilder

Läs mer

dpi, lpi och ppi Lite om mig först: Vad termerna står för Tipsa en kompis Skriv ut artikeln

dpi, lpi och ppi Lite om mig först: Vad termerna står för Tipsa en kompis Skriv ut artikeln Logga in Bli medlem Artiklar > Digital bild > dpi, lpi och ppi dpi, lpi och ppi Av Mikael Pertmann 2002-05-17. Läst 16520 ggr. Det finns tre förkortningar som de flesta brukar uppleva som förvirrande nämligen

Läs mer

KVALITET OCH STANDARD. Aktivitet 4

KVALITET OCH STANDARD. Aktivitet 4 KVALITET OCH STANDARD Aktivitet 4 Kvalitet och standard, Arbetsgruppens rapport KVALITET OCH STANDARD Aktivitet 4 ARBETSGRUPPENS RAPPORT ALLMÄN PRESENTATION AV FRÅGESTÄLLNINGEN Digitalisering av samlingar

Läs mer

ppi = 72 ppi = 36 ppi = 18 DIGITAL RASTRERING DIGITALA BILDER (pixelbaserad) ppi (pixels per inch) Sasan Gooran (HT 2003)

ppi = 72 ppi = 36 ppi = 18 DIGITAL RASTRERING DIGITALA BILDER (pixelbaserad) ppi (pixels per inch) Sasan Gooran (HT 2003) ppi = 72 DIGITAL RASTRERING Sasan Gooran (HT 2003) 2006-08-18 Grafisk teknik 1 2006-08-18 Grafisk teknik 4 DIGITALA BILDER (pixelbaserad) ppi = 36 Skanning Foto Digital bild ppi: Antalet sampel per tum

Läs mer

Bildredigering i EPiServer & Gimp

Bildredigering i EPiServer & Gimp Bildredigering i EPiServer & Gimp Maria Sognefors 7minds Agenda Teori om bilder Att tänka på när jag fotograferar Föra över bilder från kamera till dator Ladda upp bilder till EPiServer CMS 5 Enkel redigering

Läs mer

Blickfång proffsen litar på

Blickfång proffsen litar på Blickfång proffsen litar på Undvik vanliga fallgropar 1) Se till att göra din bild i rätt format. På hemsidan vid varje tryckbar produkt nämner vi Designstorlek och Bildstorlek. Bildstorleken är den synliga

Läs mer

Grafisk manual. Innehåll. Kontakt: max@desmond.com

Grafisk manual. Innehåll. Kontakt: max@desmond.com Grafisk manual Innehåll Kontakt: max@desmond.com Förutsättningar Hoop skall ha en modern och sportig profil som skall vara denna manual trogen i allt formellt material som: Brev, Mejl, Instruktionsböcker

Läs mer

Bilduppladdning i Järnvägshistoriskt forum (gäller MS Windows för PC)

Bilduppladdning i Järnvägshistoriskt forum (gäller MS Windows för PC) Bilduppladdning i Järnvägshistoriskt forum (gäller MS Windows för PC) I Järnvägshistoriskt (i forts. Jvmv) forum finns ingen möjlighet att ladda upp bilder direkt i inlägg från sin hårddisk. Man måste

Läs mer

Multimedia? Produktion för Webb och Multimedia

Multimedia? Produktion för Webb och Multimedia Multimedia? Produktion för Webb och Multimedia Vad är Multimedia? En kombination av olika medietyper som text, grafik, ljud, video och animering, osv. Integration av vad tidigare var separata kommunikationsmetoder

Läs mer

Effektiv fotoproduktion Ulrik Södergren - ulrik@digitalfotografen.se

Effektiv fotoproduktion Ulrik Södergren - ulrik@digitalfotografen.se Effektiv fotoproduktion Ulrik Södergren - ulrik@digitalfotografen.se 1 1 Kontaktinfo Göteborg: DigitalFotografen AB Mintensgatan 3b 416 63 Göteborg Sweden Telefon: +46-31-711 17 01 ulrik@digitalfotografen.se

Läs mer

ppi = 72 ppi = 18 ppi = 36 DIGITALA BILDER (pixelbaserad) DIGITAL RASTRERING ppi (pixels per inch) Sasan Gooran (HT 2003)

ppi = 72 ppi = 18 ppi = 36 DIGITALA BILDER (pixelbaserad) DIGITAL RASTRERING ppi (pixels per inch) Sasan Gooran (HT 2003) DIGITALA BILDER (pixelbaserad) Skanning Sasan Gooran (HT 2003) Foto Digital bild ppi: Antalet sampel per tum 2006-11-14 Grafisk teknik 1 2006-11-14 Grafisk teknik 2 ppi (pixels per inch) ppi = 72 ppi (Inläsningsupplösning):

Läs mer

Inför tryck. Om tryckfärger

Inför tryck. Om tryckfärger Inför tryck Om tryckfärger Förutom att dela in i RGB-färgsystemet och CMYK-färgsystemet talar man också om 4-färgstryck och dekorfärgstryck. Vid 4-färg blandas de fyra färgerna (CMYK) till önskade färger

Läs mer

Mediaverktyg. Grafik. Video. Ljud. Animationer. Strömmande media. Webb

Mediaverktyg. Grafik. Video. Ljud. Animationer. Strömmande media. Webb Mediaverktyg Grafik Video Ljud Animationer Strömmande media Webb Björn Thuresson November 2003 1 Följande lista är inte heltäckande, men ger exempel på relevanta, användbara och spridda datorverktyg för

Läs mer

Här finns de allra vanligaste frågorna. Klicka på frågan för att komma till svaret.

Här finns de allra vanligaste frågorna. Klicka på frågan för att komma till svaret. Innehållsförteckning Här finns de allra vanligaste frågorna. Klicka på frågan för att komma till svaret. Hur vill ni ha originalet? Vad är ett original? Vad är DPI? Vad är vektorgrafik? Vad är pixelgrafik?

Läs mer

Adobe. Photoshop CS3. Fortsättningskurs. www.databok.se

Adobe. Photoshop CS3. Fortsättningskurs. www.databok.se Adobe Photoshop CS3 Fortsättningskurs www.databok.se Innehållsförteckning 1 Färghantering... 1 Färgomfång... 2 Behöver du färghantering?... 2 Kalibrera bildskärmen... 3 Kalibreringsprogram... 3 Färginställningar...

Läs mer

Innehåll. Ord och uttryck 3 Utfall och Marginal 6 Olika standardformat 7 Checklista 9

Innehåll. Ord och uttryck 3 Utfall och Marginal 6 Olika standardformat 7 Checklista 9 Grafisk Ordlista Innehåll Ord och uttryck 3 Utfall och Marginal 6 Olika standardformat 7 Checklista 9 2 Ord och uttryck Adressering Vid adressering printas mottagarens adress på den trycksak som ska postinlämnas.

Läs mer

Rasterbilder. En guide till god hantering

Rasterbilder. En guide till god hantering Rasterbilder En guide till god hantering 2017-11-29 Översatt, omarbetat och kompletterat av Sofia Agnesten PDF/A-1 (ISO 19005-1), skapat i Microsoft Office 2016 från formatet docx Rasterbilder: En guide

Läs mer

Rasterbilder: En guide till god hantering

Rasterbilder: En guide till god hantering Rasterbilder: En guide till god hantering 2017-11-29 Översatt, omarbetat och kompletterat av Sofia Agnesten PDF/A-1 (ISO 19005-1), skapat i Microsoft Office 2016 från formatet docx Rasterbilder: En guide

Läs mer

Bildoptimering för webben

Bildoptimering för webben Bildoptimering för webben Av Stefan Isaksson och Jonas Andersson För att få en så hög och så jämn teknisk kvalitet på webben som möjligt krävs att man behandlar bildfilen på rätt sätt. Denna artikel ger

Läs mer

Ordlista för dej med digikamera

Ordlista för dej med digikamera Ordlista för dej med digikamera 3x, 5x, 10x Avser hur mycket kamerans lins kan förstora. Detta är optisk, ej digital zoom. Se även Digital Zoom nedan. Version 1.0 13 Sep 2007 8-bitars bild Bild som har

Läs mer

GSD-Terrängkartan, raster

GSD-Terrängkartan, raster 1(6) D atum: D ok umentversion: 2015-10-01 1.2 Produktbeskrivning: GSD-Terrängkartan, raster LANTMÄTERIET 2015-10-01 2 (6) Innehållsförteckning 1 Allmän beskrivning... 3 1.1 Innehåll... 3 1.2 Geografisk

Läs mer

Förbundet Vi Ungas. Grafiska handbok

Förbundet Vi Ungas. Grafiska handbok Förbundet Vi Ungas Grafiska handbok Innehållsförteckning INLEDNING 2 KAPITEL ETT 3 LOGOTYPEN 4 Vad man inte får göra med Vi Ungas logotyp 5 FÄRGER 6 TYPSNITT 7 FLÄTAN 8 KAPITEL TVÅ 9 GRAFISKA ELEMENT 10

Läs mer

Att göra en modern släktbok för CD och webb med Disgen

Att göra en modern släktbok för CD och webb med Disgen Att göra en modern släktbok för CD och webb med Disgen Bengt Kjöllerström E-post: bengt@kj2.se http://www.kj2.se/anor Modern släktbok 1 Bengt Kjöllerström 2011-04-15 Tre studiecirklar med Disgen Kom igång

Läs mer

GRAFISK MANUAL. Allmän version SKOOPI - Sociala arbetskooperativens intresseorganisation

GRAFISK MANUAL. Allmän version SKOOPI - Sociala arbetskooperativens intresseorganisation GRAFISK MANUAL Allmän version SKOOPI - Sociala arbetskooperativens intresseorganisation Vi har skapat en tydlig grafisk profil för SKOOPI. Tanken är att denna profil ska hålla i många år och dessutom vara

Läs mer

GSD-Terrängkartan, raster

GSD-Terrängkartan, raster 1(6) D atum: D ok umentversion: 2016-01-01 1.3 Produktbeskrivning: GSD-Terrängkartan, raster LANTMÄTERIET 2016-01-01 2 (6) Innehållsförteckning 1 Allmän beskrivning... 3 1.1 Innehåll... 3 1.2 Geografisk

Läs mer

GSD-Fjällkartan, raster

GSD-Fjällkartan, raster 1(7) D atum: D ok umentversion: 2015-06-11 1.5 Produktbeskrivning: GSD-Fjällkartan, raster LANTMÄTERIET 2015-06-11 2 (7) Innehållsförteckning 1 Allmän beskrivning... 3 1.1 Innehåll... 3 1.2 Geografisk

Läs mer

ATT ARBETA MED VEKTORGRAFIK

ATT ARBETA MED VEKTORGRAFIK ATT ARBETA MED VEKTORGRAFIK Helene Brogeland Vektorgrafik och animation VT 2014 2014-04-29 Inledning Före aktuell kurs hade jag bara en vag uppfattning av innebörden av vektorgrafik och hade aldrig jobbat

Läs mer

Grunder. Grafiktyper. Vektorgrafik

Grunder. Grafiktyper. Vektorgrafik 2 Grunder All vår början bliver svår eller hur det nu brukar heta, och detta är något som gäller även Flash. För den som är ovan vid Flash gäller det säkert extra mycket, då det kan vara knepigt att förstå

Läs mer

1 Bildhantering i MS Word

1 Bildhantering i MS Word 1 Bildhantering i MS Word För att alla de bilder, illustrationer och andra grafiska objekt som ingår i avhandlingen även ska se bra ut i det tryckta exemplaret och inte bara i det elektroniska, följer

Läs mer

Synsinnet. Komprimeringsexempel. Förlustkomprimering - Bakgrund. Image Coding. Common Image Formats GIF

Synsinnet. Komprimeringsexempel. Förlustkomprimering - Bakgrund. Image Coding. Common Image Formats GIF Image Coding Förlustkomprimering - Bakgrund Bilder överförs för att visas upp för en människa. Människan är otålig och halvblind Otålig Frustrerande med väntan framför skärmen Halvblind Det mänskliga synsinnet

Läs mer

Synsinnet. Komprimeringsexempel. Förlustkomprimering - Bakgrund. Common Image Formats. Image Coding GIF. GIF (Graphis Interchange Format)

Synsinnet. Komprimeringsexempel. Förlustkomprimering - Bakgrund. Common Image Formats. Image Coding GIF. GIF (Graphis Interchange Format) Image Coding Common Image Formats GIF (Graphis Interchange Format) Lossless, but only in 256 colors Uses LZW for compression (Patent problem) PNG (Portable Network Graphics) More flexible replacement for

Läs mer

Harri Taskinen ACROBAT SOM PUBLICERINGSVERKTYG

Harri Taskinen ACROBAT SOM PUBLICERINGSVERKTYG Harri Taskinen ACROBAT SOM PUBLICERINGSVERKTYG Del 2 SKAPA PDF-DOKUMENT 8. Ändamålsenliga PDF-dokument... 28 9. Pdf från olika program... 38 0. Skanning... 48. Från webbsida till pdf... 49 2. Automatiska

Läs mer

1. Beskär bilden och räta eventuellt upp bilden med beskärningsverktyget

1. Beskär bilden och räta eventuellt upp bilden med beskärningsverktyget Bildbearbetning i Photoshop Gör stegen i denna ordning. Det spelar roll. 1. Beskär bilden och räta eventuellt upp bilden med beskärningsverktyget 2. Kontrollera vilken färgrymd bilden har (OBS! detta går

Läs mer

Produktbeskrivning: GSD-Tätort, raster

Produktbeskrivning: GSD-Tätort, raster 1(6) D atum: D ok umentversion: 2015-10-01 1.7 Produktbeskrivning: GSD-Tätort, raster LANTMÄTERIET 2015-10-01 2 (6) Innehållsförteckning 1 Allmän beskrivning... 3 1.1 Innehåll... 3 1.2 Geografisk täckning...

Läs mer

Att skapa och hantera bilder från Pro/E

Att skapa och hantera bilder från Pro/E Att skapa och hantera bilder från Pro/E Författare Hans-Eric Vendelson Xdin AB Författare till denna presentation är Hans-Eric Vendelson Xdin AB. Gustaf Werners gata 12 SE 421 32 V. Frölunda Office +46

Läs mer

Digitalt foto Modern teknik för alla fotografer

Digitalt foto Modern teknik för alla fotografer Fördelar Enkelt Billigt Snabbt Bildbehandlig Bildhantering Lätt att dela med sig Bli bättre fotograf Digitalt foto Modern teknik för alla fotografer Vad behöver jag? Kamera Oundgängligt Dator Praktiskt

Läs mer

GRAFISK MANUAL. Exempel på icke tillåtna skrivningar: Bank-id, Bank-ID, bank-id, Bankid, Bank id, bankid.

GRAFISK MANUAL. Exempel på icke tillåtna skrivningar: Bank-id, Bank-ID, bank-id, Bankid, Bank id, bankid. GRAFISK MANUAL Välkommen till BankIDs grafiska manual som ger grundläggande instruktioner kring skrivregler, logotypens placering och hantering av färger. GRAFISK MANUAL Varför är det viktigt med en grafisk

Läs mer

Är det tillräckligt bra så accepterar man lite extra väntetid eller lite sämre kvalitet

Är det tillräckligt bra så accepterar man lite extra väntetid eller lite sämre kvalitet Behöver inte överdriva Är det tillräckligt bra så accepterar man lite extra väntetid eller lite sämre kvalitet Beatles och ABBA hade inte heller så jättebra utrustning, men de gjorde det bästa av det de

Läs mer

Digitala bilder & Fotografering med Digitalkamera

Digitala bilder & Fotografering med Digitalkamera Digitala bilder & Fotografering med Digitalkamera Den digitala bilden. Det finns två huvudtyper av digitala bilder på datorn. Den ena bildtypen är uppbyggd av pixlar. Vill man göra det lätt för sig, översätter

Läs mer

Datateknik GR (A), Flash, Photoshop och Datakunskap, 7,5 hp

Datateknik GR (A), Flash, Photoshop och Datakunskap, 7,5 hp 1 (5) Kursplan för: Datateknik GR (A), Flash, Photoshop och Datakunskap, 7,5 hp Computer Engineering BA (A), Flash, Photoshop, and Computer Science, 7.5 Credits Allmänna data om kursen Kurskod Ämne/huvudområde

Läs mer

Våra grafiska riktlinjer

Våra grafiska riktlinjer Våra grafiska riktlinjer Logotypen Den positiva versionen används mot vit eller ljus bakgrund Den negativa versionen används mot röd eller mörk bakgrund Våra grafiska riktlinjer Standardversion, skall

Läs mer

Stora guiden om upplösning Av: Billy Ölvestad

Stora guiden om upplösning Av: Billy Ölvestad Stora guiden om upplösning Av: Billy Ölvestad Vad betyder begreppet upplösning, och hur fungerar det? Detta är nog en fråga som väldigt många känner sig osäkra på. I denna lathund försöker jag beskriva

Läs mer

Format. Problem. Andra format. Digital redigering. JPG för fotografier. Photoshop. GIF lämplig för ritad grafik

Format. Problem. Andra format. Digital redigering. JPG för fotografier. Photoshop. GIF lämplig för ritad grafik Digital redigering Photoshop Format JPG för fotografier 24-bitars färg (RGB), 16,7 milj färger GIF lämplig för ritad grafik 256 färger Färgpalett indexerad bild Stödjer genomskinlighet Kan vara animerade

Läs mer

Lägg till bilder i Disgen

Lägg till bilder i Disgen Lägg till bilder i Disgen 4 I Disgen finns möjlighet att lägga in såväl porträtt som andra bilder. Med bilder i Disgen får du lätt släkttavlor och släktböcker som är roliga att ge bort vid födelsedagar

Läs mer

Bildskärmar och synergonomi

Bildskärmar och synergonomi OptoNordic 2009 Bildskärmar och synergonomi Föreläsare: Niclas Rydell Email: rydell.niclas@gmail.com Syftet med föreläsningen En hjälp till er i arbetet men även privat Bildskärmen är länken mellan människa

Läs mer

FLAC (Free Lossless Audio Coding)

FLAC (Free Lossless Audio Coding) Datakompression fö 9 p.1 FLAC (Free Lossless Audio Coding) Distorsionsfri kodning av ljud Ljudsignalen delas in i block (typiskt några tusen sampel). Koda summa/skillnad av de två stereokanalerna om det

Läs mer

Den digitala bildens grunder

Den digitala bildens grunder 1 Den digitala bildens grunder Analog eller digital? En analog bild, till exempel ett diapositiv eller en pappersbild, innehåller områden och detaljer som är kontinuerligt färgade. Värden för tonomfång

Läs mer

Digital bildteknik. Thor Stone Education. Digital bildteknik. Copyright Torsten Nilsson

Digital bildteknik. Thor Stone Education. Digital bildteknik. Copyright Torsten Nilsson Thor Stone Education 1 Digitala bilder och upplösning Bildupplösning Upplösningen av en bild från en digitalkamera begränsas ofta av kamerans sensor (vanligen en CCD- eller CMOS-sensor) som omvandlar ljus

Läs mer

Bilder för tryck med Photoshop

Bilder för tryck med Photoshop Bilder för tryck med Photoshop Varför råformat När man fotograferar är det en mycket stor fördel om man kan spara bildfilen i råformat i stället för jpg. Även om man låter spara bilden i jpg med minsta

Läs mer

Chaos desktop viewer manual

Chaos desktop viewer manual Chaos desktop viewer manual Chaos systems AB 2010-05-31 Tommy Axelsten Innehållsförteckning Chaos desktop viewer... 3 Chaos desktop viewer format... 7 Konvertera... 10 Mätning... 12 Redline- och snap inställning...

Läs mer

Fotohantering Digitalisera

Fotohantering Digitalisera Fotohantering Digitalisera Digitalisering Digitalisering omfattar scanning eller fotografering, att knyta information till bildfiler, metadata, att tillgängliggöra digitalt, att lagra i rätt format och

Läs mer

WEB OPEN FONT FORMAT

WEB OPEN FONT FORMAT WEB OPEN FONT FORMAT Bakgrund Inte långt efter att designmöjligheterna på Internet utvecklades kom kraven från formgivarna om att att få berika sin grafiska form genom att använda egna typsnitt på Internet.

Läs mer

A N D E R S 2 0. En liten informationsbroschyr om RASTRERING VÄND

A N D E R S 2 0. En liten informationsbroschyr om RASTRERING VÄND A N D E R S 2 0 En liten informationsbroschyr om RASTRERING VÄND Varför används rastrering? Inom nästan all tryckeri- och skrivarteknik idag används någon form av rastrering för att göra tryckningen möjlig.

Läs mer

Startsidan. Panorama / Dubbel panorama. 400x80. Panorama / Dubbel panorama

Startsidan. Panorama / Dubbel panorama. 400x80. Panorama / Dubbel panorama Startsidan Panorama / Dubbel panorama Panorama / Dubbel panorama Panorama-placeringen på startsidan har en stark räckvidd. Ca 530 000 unika besökare och ca 1 100 000 visningar/ dygn gör den till en utmärkt

Läs mer

Redigera bilder snabbt och enkelt!

Redigera bilder snabbt och enkelt! Redigera bilder snabbt och enkelt! När du ska ladda upp bilder till din hemsida så är det klokt att anpassa bilderna så att dom får rätt storlek och att dom blir så lätta som möjligt i filstorlek. Detta

Läs mer