Legfontosabb képformátumok

További részek:

- BMP és ICO

- GIF

- JPG

- PNG

- TIFF

- WebP

Sokan és sokféle kérdésekkel bombáznak időnként. Bár a kérdezők többsége diák, de sok a netről „beeső” ismeretlen 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:

Színmélység

Színek száma

Elnevezés

1 bit

2 db

B&W (fekete-fehér)

4 bit

16 db

EGA

8 bit

256 db

VGA

16 bit

216 = 65 536 db

HiColor

24 bit

224 = 16 777 216 db

TrueColor (RGB-kódolással)

32 bit

232 = 4 294 967 296 db

TrueColor

48 bit

248 = 281 474 976 710 656 db

 

Bittérképes

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.

KepformátumokLegfontosabb 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!

Képformátumok

(Kép eredetije: http://designertanfolyam.hu/designer-blog/mi-az-a-vektorgrafika)

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)

-         https://en.wikipedia.org/wiki/Image_file_formats

–        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

–        https://en.wikipedia.org/wiki/Tagged_Image_File_Format

–        https://hu.wikipedia.org/wiki/Tagged_Image_File_Format

–        https://partners.adobe.com/public/developer/en/tiff/TIFF6.pdf

–        http://www.fileformat.info/format/tiff/egff.htm

–        http://www.digitalpreservation.gov/formats/fdd/fdd000022.shtml

–        https://en.wikipedia.org/wiki/WebP

–        http://dotwhat.net/file/extension/webp/10843

–        http://blog.chromium.org/2010/09/webp-new-image-format-for-web.html

–        https://developers.google.com/speed/webp/faq?csw=1

–        https://developers.google.com/speed/webp/faq?csw=1#how_can_i_judge_webp_image_quality_for_myself

–        http://forums.getpaint.net/index.php?/topic/21773-webp-filetype-2013-04-06/

–        http://www.xnview.com/en/xnview/#formats

 

© TFeri.hu, 2009

Felújítva: 2016. és 2020.