Kép formátumok, tulajdonságaik

Az előadások a következő témára: "Kép formátumok, tulajdonságaik"— Előadás másolata:

1 Kép formátumok, tulajdonságaik
Lengyel Zsolt – Multimédia alapjai

2 Vektor vs pixelgrafika
Vektorgrafika: pontokkal, egyenesekkel, görbékkel, fügvényekkel írjuk le az alakzatokat. Végtelenségig nagyítható. Logók, ábrák, szórólapook, névjegyek. Ahol fontos a tökéletes minőség, és a készült grafikára változó méretekben van szükség Pixelgrafika(raszteres kép, bittérképes kép, bitmap): az alakzatokat pixelekkel írjuk le, minden egyes képpont külön információ. Vektorgrafikus ábra is lehet nagyon összetett, de a fénykép részletességét soha nem lehet vele elérni. Pl egy pixelgrafikus ábrát egy fémlemezből kivágni lézerrel, nem lehet. Egy logó ha csak pixelgrafikusan van meg, (pl 1024x768-ban) 72 dpi-vel, akkor azt nagyban kinyomtatni (poszterre pl) csak nagyon rossz minőségben lehetne. Mindenféle grafika Fotók, részletgazdag grafikák Egy pixelgrafikus kép is kerülhet nyomdába, plakátra stb… Ha megfelelő a felbontása

3 Képfile formátumok .svg .cdr (coreldraw) .ai (adobe illustrator) .eps
Vektorgrafikus Bittérképes .svg .cdr (coreldraw) .ai (adobe illustrator) .eps .png .jpg, jpeg .gif .bmp .tif Vektor és Bitmap .psd .swf, fla .pdf .ps

4 Felbontás PPI (pixel per inch)
Monitoron hány pixel fér egy inch (2.54cm) –nyi területre 72 már elegendő a monitoron, ugyanez kinyomtatva már nemlesz elég… Hány pixel van egymás mellett függőlegesen és vízszintesen… A pixel, egy pont a monitorodon. A magasabb felbontás, több pixelt jelent. 1 inch (2.54 cm) PPI: azt írja le hogy a monitor hogyan jeleníti meg a képeket. … ez nyilván a felbontástól függ.. Ugyanaz a kép kisebb felbontású monitoron nézve, nagyobbnak látszik a monitoron. Ha növelem a PPI-t a kép a monitoron csökken

5 Felbontás Scanneren Nyomtatón SPI (samples per inch)
A scanner inch-enként mennyi mintát vegyen a lapról Minél több, annál jobb, de egy ponton túl már fölöslegesen tovább növelni LPI (lines per inch) A nyomtató rácsozatán a féltónus foltok milyen közel vannak egymáshoz. DPI-s nyomtató: LPI-t tud Függ a papír minőségétől is Újságpapír: 85 Fotópapír: 150 Nyomtatón SPI: sokan dpi-nek hívják (Rosszul) Még ha DPI-nak is hívnod, tudnod kell hogy az a pont vagy “mérési egység” máshogyan működik ha nyomtatórol, scannerről vagy monitorról van szó Az hogy a nyomtató milyen DPI-vel nyomtat az a nyomtatási technológiától függ, pl a matrix nyomtató pl dpi-vel nyomtat, tintasugaras: dpi laser: DPI Vannak presetek amivel ezt lehet nyomtatás előtt a nyomtató beálításainál állítani (foto minőség, nagyon jó minőség, átlagos, stb…) lehet hogy van külön dpi beállítás is, de általába csak presetek vannak (amivel a DPI-t állíthatjuk) A nyomtatónak sokkal több pontra (dpi) van szüksége ahoz hogy a nyomtatott kép úgy nézzen ki ahogy a monitoron (ppi) látszik. Emiatt van az hogy a képernyőn szép képek, ugyanabban a felbontásban kinyomtatva nemnéznek ki annyira jól Ez abból adódik hogy a nyomtató kevesebb színt tud megjelenteni mint a montor. LPI: A szürke szín szimulálására a nyomtató fekete tintát használ és változó méretű pontokat, mintákat rak a a papírra (féltónus foltok). Kicsi féltónus foltok (kevés pont) világos szürkét ad, nagyobb foltok (több pont) adják a sötétet, feketét. Ehez a művelethez a nyomtató egy rácsot használ, ami cellákra van osztva. A cellákban vannak a féltónus foltok, hogy ezek a foltok milyen közel vannak egymáshoz, ez az LPI Minél kevesebb, annál foltosabb lesz a kép. DPI-s laser nyomtató: LPI-t tud. A papír minőségétől is függ hogy milyen LPI-be nyomtassunk rá, mert különböző papírok, különböző módon nyelik el a festéket, és a festék is máshogyan terjed szét rajtuk. az Újságpapírra pl 85 LPI-ben nyomtatnak. Fotópapír pl 150 LPI-t képes befogadni, vagy akár többet DPI (dot per inch) Nyomtatáskor a nyomtató hány apró pontot tegyen egy inch (2.54cm) –nyi területre. Kevés DPI: rossz nyomtatási minőség (nyomdai: 300 DPI)

6 Felbontás .psd .swf, fla .pdf .ps Web Nyomtatás Image Resizing
nem változtatja a pixelek számát Image Resampling a pixelek száma megváltozik a képen Web Bicubic Sharper: ha a képet kicsinyíteni akarod Bicubic Smoother: ha a képet nagyítani akarod. Nyomtatás Pixel Dimensions = web Document Size = print Image Resizing: nem változtatja a pixelek számát, csak arra van hatással hogy a nyomtató mekkora képet nyomtasson egy adott képből Image Resampling: a pixelek száma megváltozik a képen Bicubic Sharper: Akkor használd ha a képet kicsinyíteni akarod Bicubic Smoother: Akkor használd ha a képet nagyítani akarod. Bicubic: nemigazán használják amióta van bicubic sharper, és bicubic smoother .psd .swf, fla .pdf .ps

7 Bitmélység (bitdepth)
1 bit (2 szín) 8 Bit (256 szín) 8 x 8 x 4) – Index color Hány bittel ábrázoljunk egy színt 1bites kép: fekete+fehér (0,1) 4 bites: 16 szín, régebbi monitorokon is ritka volt, inkább 8bitesek voltak jellemzőek 8biten 256 színt tudunk ábrázolni, ez úgy jön ki hogy: 8Piros,8Zöld, 4Kék, (a kék színre kevésbé érzékeny a szem) 24biten ábrázolunk egy színt, minden alapszínre 8 Bit jut A 8 bites kép gyakran a 3x8bites képre utal, tehát ha 24bites képről van szó akkor 99% hogy a 8x8x8bites képre kell gondolnunk. 4 bit (16 szín) 24 Bit ( szín “true color”) 256x256x256 (8bit)

8 Bitdepth Bitdepth Szín skála/channel Max előállítható szín File formátumok (pl) Index color 256 GIF, FLC, CEL, FLI 8 (true color) 16,777,216 TGA,JPG 10 1,262,485,504 CIN, DPX 12 0 - 4,095 68,719,476,736 RAW 14 0 - 16,383 4,398,046,511,104 16 0 - 65,535 281,462,092,005,375 PNG,MOV,TIF,SGI Float/HDR 0 - 4,294,967,296 * HDR, EXR, TIF, PSD, RPF, PIC Deep color Különböző file formátumok különböző bitmélységet támogatnak A float bitdepth lebegőpontos értéket használ, 0-1ig terjedő számként jelenítjük meg általában, decimális számként. (töb mint 4 milliárd szám)

9 Bitdepth A színmélység nem a színtér kiterjesztése, csak több részletre osztása!

10 GIF Veszteségmentes tömörítés Max 256 szín!
Alkalmas animáció tárolására is (hang nélkül) Régen ez volt a webdesign fő formátuma Ma már kevésbé használják Veszteségmentes tömörítés Max 8bites lehet (256 szín) Alkalmas animáció tárolására is(hang nélkül)

11 PNG Veszteségmentes tömörítés (20%-al jobb mint a gif)
Interlaced is lehet Monochrome-tól – 64bit-es színmélységig Transparency (átlátszóság) is lehet benne Ps-ben NEM alpha channel !! Vezteségmentes tömörítés (true losless format) A helyesen végzett PNG tömörítés, 20%-al jobb mint a GIF tömörítés - » gyorsabban tölt be a honlap! Interlaced PNG (gyorsabb, képbetöltés a lassú internetkapcsolat esetén) PNG bit depth: monochrome – 64bit (nem csak internetre hanem máshova is hasznos ahol fontos a pontosság és a veszteség nélküliség) Tud átlátszóságot menteni (alpha channel)

12 JPG JPG-2000 ICO Veszteséges tömörítés Nincs átlátszóság benne
Fotókhoz Támogat veszteségmentes tömörítést is Nincs átlátszóság benne Nagy felbontású képekhez előnyösebb. ICO Használj JPG-t ha a tökéletes pontosság nem annyira fontos, pl természetfotók, stb, és használj PNG-t minden másra. Nem túl előnyős pl vonalas rajzokhoz, ikonokhoz, ahol az élesség fontos. Veszteséges tömörítési eljárást használ. Favicon.ico - ez kerül a böngésző feljécébe, ez lesz az adott honlap ikonja Eleinte a webszerver gyökérkönyvtárában kellett elhelyezni favicon.ico néven, a modernebb böngészők az ICO mellett már GIF és PNG fájlokat is tudnak kezelni (akár animáltakat is), és más helyen és néven lévő fájl is megadható (színmélység: 4,8.16,24bit) több méretben tartalmazhatja ugyanazt a képfile-t és az adott program mindíg azt veszi ki belőle ami éppen neki kell Windows iconok, és a Favicon.ico (régen) Van benne átlátszóság 4,5,16,24bit

13 Tif - TIFF TGA - Targa Mindenre jó Veszteségmentes tömörítést használ
Taratlmazhat: JPG-t, Vectorgrafikus képet, Layer-eket Multipage-es TIF TGA - Targa A TIF-el ellentétben ez egy nagyon egyszerű formátum, de széleskörben támogatott a grafikus szoftverekben Animációkhoz, textúrákhoz használják Átlátszóság van benne Egyszerűsége miatt előszeretettel használják CG-ben

14 BMP RAW file Tömörítetlen kép file Többféle színmélységet támogat
Átlátszóságot is NE EBBE MENTSD A SCREENSHOTOT!!!  RAW file Minimálisan feldolgozott, “tiszta” adat, ami a fényképezőgép CCD-jéből érkezik Tömörítetlen Fotósok használják ha nagyon jó utómunka kell a képnek Rengeteg formátuma van (gyártója válogatja) Feldolgozása pl: Adobe Camera RAW, Adobe Bridge

15 .ps Postscript Nyomdában használatos formátum
Kiadók, nagyvállalatok, kormányzati szervek világszerte használják nyomtatott kép-szöveg tárolására A post script egy olyan programnyelv ami lehetővé teszi akármilyen márkájú nyomtató számára, hogy egyértelműen ugyanolyan (tömeges) nyomtatást tudjon végezni. A nyomdák nagyrészt ebben a formátumban dolgoznak, mert ha minden formátumot befogadnának, nagy kavarodás lenne és nem azt kapná a megrendelő amit kért.

16 Felhasznált irodalom Wikipedia