Legfontosabb képformátumok

További részek:

- BMP és ICO

- GIF

- JPG

- PNG

Sokan és sokféle kérdésekkel bombáznak időnként. Tanárként tény, hogy a kérdezők többsége diák, de igen sokan vannak a netről „beeső” ismeretlenek is. Sokan úgy-ahogy tisztában vannak a legfontosabb képformátumok alapjaival, de úgy érzem, hogy tisztáznom kell a részleteket, illetve sejtésem szerint többeknek tudok új információkkal is szolgálni.

Munkám során elsődlegesnek tekintem a tájékoztatást, illetve a minél érthetőbb szövegezést. Mindezek mellett igyekszem olyan információkat is begyűjteni, melyek alapján már komolyabb feldolgozások is készülhetnek az egyes formátumokból. Nos, akkor lássuk mindezt darabonként!

Alapfogalmak

Alapvetően kétféle képtípus van: a bittérképes (vagy raszteres), illetve a vektorgrafikus. A bittérképes az, amelyben minden egyes képpont tartalmát külön-külön információként tároljuk. A megfelelő méretet pontosan a színek mennyisége, illetve színmélység jelenti. Lásd a következő táblázatot:

Hátránya: nagy méret, rögzített felbontás, nagyításnál a minőség romlik.

Előnye: könnyű és egyszerű adatszerkezet, gyors feldolgozhatóság.

Legfontosabb felhasználási területe: fényképek, illetve foltszerű (nem vonalas) ábrák.

A nagy méretet általában tömörítéssel oldják meg az egyes formátumok. Ezek az eljárások lehetnek veszteségmentesek, illetve veszteségesek is. Ez utóbbi kisebb fájlméretet eredményez, de a kép részének jelentős információja elveszhet, így kevésbé lesz éles! Ezzel ellentétben veszteségmentes tömörítésnél az eredeti képet maradéktalanul visszaállíthatjuk.

A felbontás mértékegysége: képpont/hüvelyk. (Angolul: pixel per inch, azaz ppi) Ha pl. egy kép felbontása 200 ppi, akkor 1 négyzetinch-en belül 200*200 = 40 000 képpont található.

(Megjegyzés: 1 inch = 2,54 cm)

Oldalsó kép eredetije: http://hu.wikipedia.org/wiki/Rasztergrafika)

A vektorgrafikus ábrázolás legnagyobb előnye, hogy a kép tkp. korlátlanul kinagyítható, mivel az egyes ábrák matematikai formulákkal (téglalap, négyzet, kör, ellipszis, stb.) vannak leírva továbbá Bézier-görbéket is használnak (csomópontokkal leírt görbék, melyek adott pontjai között görbéket, illetve érintőket húznak meg. Ráadásul a kép jól is szerkeszthető, mivel az egymás mögötti objektumok kiválóan elmozdíthatóak, illetve átszerkeszthetőek. Tény, hogy a több objektumot tartalmazó kép nagyobb feldolgozási igényt jelent, de így a minőség is jelentősen nő!

Hátránya: erős processzor-igény, bonyolult szerkezet, lassú feldolgozhatóság

Előnye: a minőség nem romlik nagyításkor, könnyen szerkeszthető,

Legfontosabb felhasználási területe: ábrák, síkbeli és/vagy térbeli rajzok, animációk megvalósítása.

Példaként itt szeretném kiemelni, hogy a népszerű grafikai játékok nagy része is ilyen vektorgrafikus ábrákkal működik!

A cikksorozatban felhasznált szakirodalom:

• Bevezetés a képformátumok témakörébe:
  http://www.sulinet.hu/tart/ncikk/ae/0/25218/index.html

• Rasztergrafika http://hu.wikipedia.org/wiki/Rasztergrafika)

• Vektorgrafika http://hu.wikipedia.org/wiki/Vektorgrafika)

• BMP fájl formátum http://en.wikipedia.org/wiki/BMP_file_format)

• ICO fájlformátum http://en.wikipedia.org/wiki/ICO_(icon_image_file_format)

• Hivatalos ICO bejegyzés:
  http://www.iana.org/assignments/media-types/image/vnd.microsoft.icon

• Windows ikonok készítése: http://msdn.microsoft.com/en-us/library/ms997636.aspx

• GIF: http://en.wikipedia.org/wiki/GIF

• GIF magyarul: http://hu.wikipedia.org/wiki/GIF

• GIF hivatalos: http://www.w3.org/Graphics/GIF/spec-gif89a.txt

• LZW tömörítés: http://en.wikipedia.org/wiki/Lempel-Ziv-Welch

• JPEG ajánlások: http://en.wikipedia.org/wiki/Joint_Photographic_Experts_Group

• JPEG hivatalos: http://www.jpeg.org/

• JPG leírás: http://en.wikipedia.org/wiki/JPG

• Exif adatok: http://en.wikipedia.org/wiki/Exchangeable_image_file_format

• JPEG-2000 leírás: http://en.wikipedia.org/wiki/JPEG_2000

• JPEG-2000 ajánlások: http://www.jpeg.org/jpeg2000/CDs15444.html

• PNG leírás: http://en.wikipedia.org/wiki/Portable_Network_Graphics

• PNG fejléc: http://www.libpng.org/pub/png/spec/1.1/PNG-Rationale.html#R.PNG-file-signature

• PNG a Usenet-en: http://groups.google.com/group/comp.graphics/msg/1131d852358a7578

• PNG (félhivatalos) honlap: http://www.libpng.org/pub/png/

• PNG az Operában: http://my.opera.com/desktopteam/blog/2007/09/14/opera-9-5-build

• PNG az Internet Explorerben: http://www.libpng.org/pub/png/pngapbr.html#msie-win-unix

• PNG ikonok GNU/Linux alatt: http://developer.gnome.org/doc/whitepapers/libroadmap/

• Vistás PNG ikonok: http://www.oone.googlepages.com/windows_vista_icons.htm

(c) TFeri.hu, 2009