A PNG rasztergrafikus formátum a szabad fejlesztők egyfajta Maidanjaként jelent meg az internet fejlődését megfojtó technológiai oligarchia, pénznyelés és kapzsiság ellen.
A múlt század kilencvenes éveinek közepén javában tombolt az első internetes forradalom. Konzorcium világháló A W3C egy vértelen puccs keretében eltávolította a törvényesen megválasztott (a választók megvesztegetésével) a Microsoft és a Netscape által képviselt Ideiglenes Hivatalt. Utóbbiak nem tudtak megegyezni a szabványokban, és a fiatal digitális civilizációt a böngészőháború szélére sodorták.
Sürgősen be kell vezetni az internetes technológiák általános egységesítését. Az akkoriban létező GIF grafikus formátumnak azonban volt egy kis, de jelentős hátulütője - kereskedelmi licence volt, beleértve az adattömörítési technológiát is.
Szokás szerint senki sem akart fizetni, ezért a világháló káoszának elkerülése érdekében, amikor az egyik fejlesztő oldalai nem tekinthetők meg a másik böngészőjében, önkéntes programozók egy csoportja elkészítette a PNG specifikációt, amelyről kiderült. nem rosszabb, mint a GIF, és bizonyos tekintetben jelentős előnyökkel járt.
A PNG formátum műszaki jellemzői Általában, ha alaposan megnézzük, a PNG nagyjából ugyanúgy különbözik a GIF-től, mint az MS Office a LibreOffice-tól. Rasztergrafika alapján tömörítéssel, indexelt színpalettával. A PNG fejlesztők azonban figyelembe vették a GIF hibákat, és sikerült megszabadulniuk új technológia a múlt nyomasztó problémáitól.
- A PNG adattömörítési séma biztosította, hogy az eredeti kép teljesen veszteségmentes legyen, függetlenül a tömörítés mértékétől.
- Magasabb szintű adattömörítés.
- A képen korlátlan számú színt lehetett használni. Ez lehetővé tette, hogy a kép minősége és valósághűsége szinte a fényképes JPEG formátum szintjén legyen.
- A többszintű réteg átlátszóságának támogatása.
- A PNG formátum lehetővé teszi a képszerkesztés minden közbenső szakaszának elmentését, és minden lépés visszaállítását minőségromlás nélkül.
Azt mondhatjuk, hogy a PNG egyetlen hátránya az, hogy nem tud több képet menteni egy fájlba, ami nem teszi lehetővé ennek a technológiának az animált képek készítését. Voltak próbálkozások ennek a formátumnak az animált verzióinak elkészítésére, de már nem volt rájuk kereslet – a 21. század elején lejárt a licenc, és a GIF grafikus formátum szabadon használhatóvá vált bármilyen célra.
Hatókör PNG A Portable Network Graphics nagyjából „hordozható hálózati grafikát” jelent. Még a projekt nevében is észrevehető a GIF utánzása - "grafikus formátum a hálózaton keresztüli megosztáshoz".
A sötét múlt megtagadása érdekében a PNG alkotói elterjesztették az interneten a "Ping nem GIF" rekurzív mozaikszót - "Ping nem GIF".
A ping a PNG brit kiejtése, az amerikai angolban inkább Pi-n-ji-nek hangzik, oroszul beszélő szemlélő számára - peenge.
Valójában a forradalmi grafikai csomagolási formátum nagyon jónak bizonyult, és ma a legnépszerűbb a képek weboldalakon, blogokon és a közösségi hálózatokon kiváló tulajdonságainak köszönhetően.
- Cross-platform – egyformán jól olvasható minden típusú modern böngészőben és grafikus szerkesztőben.
- Kis súlya van jó minőség Képek.
- Könnyen összenyomható széles tartományban minőségromlás nélkül.
Természetesen, ha PNG-t használunk a nyomtatásban, például a nagyméretű színes plakátok vagy fényképek szomorúságára, ahol a kép valósághűsége szükséges, a JPEG formátum jobban mutatja magát. Ha azonban fényképeket helyez el a webhelyeken számítógép-monitoron való megtekintés céljából, különösen kis kijelzőkön mobil eszközök, a felhasználók nem fognak észrevenni különbséget a PNG és a JPEG fotók között. Pontosabban, ahhoz, hogy észrevegye a különbséget, vagy alaposan szemügyre kell vennie, vagy profi fotósnak kell lennie.
A webhelyek esetében a képek kis súlya fontosabb, hogy ne lassítsák a weboldalak betöltését.
Ha figyelembe vesszük azokat a statisztikákat, amelyek szerint a látogatók átlagosan csak néhány másodpercet töltenek az oldalakon, és a tartalmat nem alaposan tanulmányozzák, hanem felületesen, egy gyors pillantással átvizsgálják, akkor a PNG kép minősége optimálisnak bizonyul. .
A PNG előnyei a JPEG-hez képest
Az ismételt tömörítés és szerkesztés során a JPEG-fájlokban lévő képek torzulnak, színes fényudvarok jelennek meg, és pixelblokkok eshetnek ki.
Ha egy nagyon áttekinthető diagramot kell közzétenni az oldal oldalán, olvasható apró részletekkel, infografikával - itt a PNG sokkal jobb eredményeket mutat, mint a JPEG, ami leginkább olyan képek csomagolására alkalmas, amelyeknél a valósághűség a fő követelmény - természeti tájképek fényképei, állatok, emberek.
Az átlátszó rétegek létrehozásának képessége a PNG formátumot nélkülözhetetlenné teszi logók, ikonok, szimbólumok és gombok tervezéséhez.
A PNG-nek van egy funkciója a metaadatok tárolására - dátum, idő, a kép létrehozásának helye, a szerzőről, a szerzői jogok tulajdonosairól és így tovább. Ezt hasznos megjegyezni, amikor az internetről kölcsönzött képet tesz közzé. Ahhoz, hogy a Google ne azonosítsa a másolatot, el kell távolítania a metaadatokat a fájlból (egy grafikus szerkesztő segítségével).
Ingyenes online PNG kép konverter Ezen az oldalon szinte bármilyen képet könnyedén konvertálhat PNG formátumba, miközben a színmélységet 1 bitről 64 bitre állíthatja, valamint beállíthatja a tömörítési szintet is.
Vegye figyelembe, hogy az eredményül kapott kép átlátszósága érdekében az RGBA szín mélységét kell használnia. BAN BEN ez az eset az A betű jelentése - alfa csatorna, azaz. átlátszó.
PNG optimalizálás Nem minden program készít PNG-ket minimális fájlmérettel. Ezért, mielőtt egy képet közzétenne az oldalon, ajánlatos optimalizálni azt. E célokra különféle segédprogramokat használhat, vagy igénybe veheti online optimalizálási szolgáltatásunkat. Csak válasszon ki egy képet, és kattintson az "Optimalizálás" gombra.
Ezenkívül ingyenes formátumként a PNG különféle gyakorlati előnyöket kínál a webes tervezőknek a GIF-fel szemben:
- Jobb tömörítés: A legtöbb kép esetében a PNG kisebb fájlméretet ér el, mint a GIF
- Nagy színmélység: A PNG akár 48 bites truecolor-t is kínál, míg a GIF-ben csak 256 színpalettánk van
- Alfa csatorna átlátszósága: Míg a GIF csak bináris átlátszóságot kínál, a PNG gyakorlatilag korlátlan transzparencia hatást tesz lehetővé azáltal, hogy alfa csatornát kínál az átláthatóság érdekében.
Érdemes megjegyezni, hogy a PNG nem teszi lehetővé az animációt, ahogy a GIF is. De van egy Multiple-image Network Graphics (MNG) szabvány, amely ezt lehetővé teszi, de a webböngészők és képszerkesztők nem széles körben támogatják.
Szóval miért olyan népszerű a GIF? Valószínűleg azon töpreng, hogy a PNG-t miért nem használják olyan széles körben az interneten, ha olyan jó, mint ahogy hirdetik. A válasz többnyire egy tévhit a formátummal és a böngésző támogatásával kapcsolatban.
Mert internet böngésző 6 vagy több korai változatai nem támogatja a PNG-funkciók teljes skáláját (beleértve az alfa-csatorna átlátszóságát is), az emberek azt hihetik (bár ez nem igaz), hogy az Internet Explorer egyáltalán nem támogatja a PNG-t, vagy legalábbis nem támogatja az átláthatóságot. Valójában az Internet Explorer 5 és 6 eléggé támogatja a PNG specifikációt ahhoz, hogy funkcionálisan egyenértékű legyen (vagy még inkább) a nem animált GIF-képekkel. Az összes többi említett böngésző, köztük a Firefox, a Netscape 6 és újabb, a Mozilla, az Opera 6 és újabb, a Safari és a Camino teljes mértékben támogatja a PNG átlátszóságát.
A böngészőtámogatással kapcsolatos tévhittől eltekintve a beágyazott GIF-animáció volt (és továbbra is az) a siker fő oka. Bár az évek során a GIF használata kevésbé népszerű más technológiákhoz (pl. Flash) képest, amelyek egyre alkalmasabbak animációra.
Az átlátszóság a GIF-ek és PNG-k kulcsfontosságú jellemzője, és gyakran ez az oka annak, hogy a webtervezők melyik formátumot választják. Bár a PNG átfogóbb átlátszósági támogatást kínál, a webtervezőknek gyakran GIF-verziókat kell létrehozniuk a képekből, hogy illeszkedjenek a régebbi böngészőkhöz. A CSS használatával ez lehetséges (és kissé triviális) azáltal, hogy régebbi böngészőkhöz való GIF-képeket és kiváló minőségű PNG-ket küld az ezeket megértő böngészőknek. De ez dupla munka egy webdesignernek, és ennek eredményeként az emberek a legkisebb ellenállással mennek, és továbbra is GIF-képeket használnak.
Tehát megvizsgáltunk néhány okot, amelyek miatt a GIF még mindig olyan népszerű, de ezek többsége a fogalmak félreértésén vagy egy ismert munkafolyamat használatán alapul. A PNG néhány kulcsfontosságú ismeretével és a böngészőkben való megbízható felhasználásával felvértezve lehetősége nyílik arra, hogy kihasználja az általa kínált összes előnyt.
És mi a helyzet a JPEG-gel? A JPEG egy másik mindenütt elterjedt webformátum, és a legtöbb esetben, például fényképek (vagy hasonlók), még jobb, mint a PNG vagy a GIF. A PNG nem versenyez a JPEG-gel. A JPEG-tömörítés sokkal kisebb fájlokat tesz lehetővé, mint a PNG, amikor fényképekkel dolgozik. Másrészt a PNG kisebb fájlokat állít elő, ha a képek belsejében szöveg, művészi vonalak, logók, "egyszínű" színek stb.
Néhány nagyszerű példa a szerény PNG használatára Most nézzük meg, hogyan használhatjuk a PNG-t a webdesignban. Minden egyes példához összegyűjtöttem az összes fájlt egy külön mappába, amely elérhető az ED barátainál.
Gradiens Az elmúlt néhány évben a színátmenet – két vagy több szín közötti zökkenőmentes átmenet – a webdesigner legjobb barátjává vált. Különösen népszerűek a finom, finom színátmenetes kitöltések, amelyek mélység és textúra érzetét keltik anélkül, hogy feltűnőek lennének.
Néha a GIF a legjobb választás színátmenethez. Ha a színátmenet egyszerű kétszínű átmenet, akkor a GIF hibátlanul működik benne. A GIF 256 színre való korlátozása azonban gyakran észrevehető és zavaros "sávot" hoz létre a bonyolultabb színátmenetek között. A JPEG viszont szép színátmeneteket tud produkálni, de gyakran nagyobb fájlméret árán. És bár a JPEG színátmenetek általában elég jók, ne feledje, hogy a JPEG veszteséges tömörítést használ, ami azt jelenti, hogy az eredményül kapott kép soha nem fog megegyezni a tömörítetlen kép minőségével.
A szóban forgó tipikus háttérszínátmenet-stílust gombokhoz, dobozokhoz vagy bárhol máshol használják. Úgy nézhet ki, mint az 5-1. ábra. Az óramutató járásával megegyező irányban, bal felső sarokban az eredeti (tömörítetlen) képet, a GIF verziót, a PNG verziót és a JPEG-et látjuk. Látható, hogy a PNG a legkisebb méretű (515 bájt) az eredményben. Ez négyszer kisebb, mint a GIF-kép. A JPEG valamivel nagyobb, mint a PNG 637 bájttal, és a veszteséges tömörítés miatt is gyengébb minőségű (bár ebben az egyszerű példában megkérdőjelezhető az emberi szem képessége a minőségbeli különbség meghatározására).
5-1. ábra
Photoshop panel – Mentés webre,
ugyanazon kép fájlméret-eltéréseinek megjelenítése különböző formátumokban
Egy kép, aminek bármilyen háttéren működnie kell Néha olyan képet kell készíteni, amely különböző hordozókon ugyanazt adja. Néhány gyakori példa a logók és ikonok. Ilyen helyzetekben hagyományosan dominált GIF fájlok, de több oka is van annak, hogy a PNG több lehet a legjobb választás ebben a helyzetben. A PNG általában nyer a fájlméretben a logók vagy más egyszerű "művészet" esetében. Ezen túlmenően, a benne rejlő PNG átláthatóság teszi egyszerű alkotás egyetlen fájlok, amelyek bármilyen háttéren működnek. A PNG bináris átlátszóságot kínál, mint a GIF, de sokkal kívánatosabb opciót is kínál az alfa csatornával, amelyben a pixelek részben átlátszóak lehetnek ahelyett, hogy csak be- vagy kikapcsolnák. Ez utóbbi használata megnöveli a fájlméretet, néha még jobban, mint egy bináris átlátszóságú GIF, de lehetővé teszi a kép széleinek simítását, és elegánsabbá teszi a háttér fölé helyezését.
A koncepciójukat azonban felhasználva dolgoztam át fehér kép szimbólumokkal - sablonok. Átlátszó alapon fehér szimbólumot használtak, ami általában elég hatékony lehetett. Ebben az esetben a te háttérszín A CSS egy négyzet vagy téglalap alakú területen jelenik meg a karakter körül, a karakter helyett.
Dan és PJ is átlátszó GIF-et használt PNG helyett. Ez teljesen lefedte az igényeiket, és pixeles képeket kellett készíteniük az ikonok stílusához. A PNG-vel hasonló technikát kaphat, de az élsimítás és a részleges átlátszóság további előnye a részletesebb ikonokban való használathoz.
Oké, de melyik böngészőben működik? Tudom, mire gondol: ez a PNG átlátszóság jól néz ki, de praktikus?
A jó hír az, hogy mindenki modern böngészők teljes mértékben támogatja a PNG képeket, beleértve az alfa csatorna átlátszóságát is, aminek előnyeit a példákban mutattam be. A Safari (minden verzió), a Firefox (minden verzió), az Opera (6-os és újabb verziók), a Netscape (6-os és újabb verziók) és a Mozilla (minden verzió) mindent megtesz, amire kérem őket. De a rossz hír az az egyetlen böngésző, amelyet még nem említettem, és amelyet a legtöbb felhasználó használ: az Internet Explorer.
Az Internet Explorer 6 és régebbi verziói nem támogatják a PNG formátumba ágyazott alfacsatorna-átlátszóságot. Mivel a legtöbb internetes szörfölő választotta (vagy nem) a böngészőt, ez a tátongó lyuk távol tartotta a webtervezőket a PNG-től. Az Internet Explorer 7 megjelenésével azonban minden nagyobb böngészőben teljes mértékben támogattuk a PNG alfa-transzparenciát. Mi a következő lépés, vannak módok a PNG alfa-átlátszóság használatára az Internet Explorer 6-os és régebbi verzióiban? Tehát, ha szeretné használni ezt a hatást, semmi sem állíthatja meg. Az Internet Explorer 6 és korábbi verziói több mint elegendő figyelmet igényelnek, de ez mindenképpen lehetséges.
Hack az Internet Explorerhez: AlphaImageLoader Az Internet Explorer különféle natív szűrőkkel érkezik. A CSS-ben használatosak, de nem részei a hivatalos CSS specifikációnak. Más szóval, nincsenek szabványosítva az interneten. Sajnos az Internet Explorer 6 és régebbi verziói nem támogatják teljes mértékben a PNG formátumot (amelyet a W3C ajánl), a Microsoftnak van egy szűrője, amely kijavítja ezt a hiányosságot: AlphaImageLoader.
A Microsoft hivatalos webhelyének egy része szerint az AlphaImageLoader "egy képet jelenít meg az objektum határain belül, valamint az objektum háttere és tartalma között". Más szóval, az AlphaImageLoader egy PNG-képet tölt be a maga teljes átlátszóságával, de saját rétegként tölti be, amely alatt az objektum tartalma, amelyre alkalmazta. Az így betöltött PNG-képek inkább háttér-, semmint előtér-képként viselkednek (bár valójában az objektum hátterén "ülnek").
Általában egyszerűen alkalmazhatja az AlphaImageLoader-t CSS-ben az img elemekre, és élvezheti az eredményt. Először a kép töltődik be, az átlátszóság megmarad, de utána újra betöltődik a kép - mint az objektum elülső tartalma - átlátszatlan területekkel (ezzel "árnyékolják" az átlátszó verziót).
Nem használhat átlátszó PNG-t háttérként css kép egy (X)HTML elemhez (mondjuk a ), és elvárja, hogy az AlphaImageLoader megfelelően végezze el a munkát az Internet Explorerben. Ne feledje, hogy az AlphaImageLoader beilleszti a képet az objektum háttere és előtere közé. Tehát bár a képet teljes átlátszó pompájában tölti be, továbbra is CSS-háttérképként tölti be, a csodálatos áttetsző képpontok nélkül.
Az AlphaImageLoader valós használata Térjünk vissza az egyik korábbi példához, és próbáljuk meg helyesen betölteni az Internet Explorerben. Emlékszel a Channel 49-re, a topekai tévéállomásra? Biztos vagyok benne, hogy igen. Az 5-21. ábra azt mutatja, hogyan néz ki a webhely az Internet Explorer 6-ban.
ábra 5-21
A 49abcnews.com címsor az Internet Explorer 6 for Windowsban megjelenítve, sértetlen PNG-átlátszósággal.
Az időjárással kapcsolatos felső HTML-kódja úgy néz ki, ahogyan azt már sejtette:
Jelenleg Topekában, KS:
82°
Szerezd meg az előrejelzést és egyebeket...
Látsz egy képet, és az biztosan PNG, még az Internet Explorer is hibátlanul betölti. Ennek titkos összetevője a JavaScript. Valójában egy kis DOM-szkriptet használtam, hogy menet közben eltávolítsam az img elemet, és lecseréljem egy div elemre, amely - kitaláltad - az AlphaImageLoader-t használja. A JavaScript leírása feltételes megjegyzésekben található, ami egy másik praktikus, de teljesen szabványosítatlan kifejezés a Microsofttól, amely az Internet Explorerbe épített be. A feltételes megjegyzések lehetővé teszik, hogy csak egy ismert kódhoz használjon kódot Internetes verziók felfedező. A kódot az összes többi böngésző figyelmen kívül hagyja, így ez semmilyen módon nem érinti őket. A www.49abcnews.com webhelyelemben a következőket találja:
Az első sornak köszönhetően, ha lte IE6, ez a szkript csak akkor kerül bele a renderelt dokumentumba, ha az Internet Explorer verziója kisebb vagy egyenlő, mint (lte) 6. Minden más böngésző, beleértve az újabb Internet Explorert is. 7, ezt teljesen figyelmen kívül hagyja.
Tehát mi van a fixWeatherPng.js JavaScript fájlban? Lássuk:
Window.attachEvent("onload", fixWeatherPng); függvény fixWeatherPng() ( var img = document.getElementById("weatherImage"); var src = img.src; img.style.visibility = "rejtett"; var div = document.createElement("DIV"); div.style. filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(+ src + "", sizing="scale")"; // Néhány 49abcnews.com-specifikus CSS-stílus a rövidség kedvéért kimaradt. img.replaceNode(div); )
Lépésről lépésre elemezzük, mit csinál a forgatókönyv. Először közöljük a böngészővel, hogy az oldal betöltésekor a fixWeatherPng függvényt akarjuk végrehajtani. A szkript többi része maga a függvény.
Kezdésként először keressük meg az id attribútum alapján azt a képet, amellyel dolgozni fogunk, és tároljuk az img változóban. Az src attribútumot (a képfájl URL-jét) az src változóban tároljuk. Ezután az img elemet exponálással elrejtjük CSS tulajdonság láthatóság rejtettre.
Végül lecseréljük az eredeti img elemet (ami rejtett) egy újonnan létrehozott div elemre, amelyhez az AlphaImageLoader sikeresen csatlakozik.
Ha DOM-szkriptet használunk az AlphaImageLoader beszúrására – menet közben szűri a biteket –, megvan a rossz, de szükséges oldala – a rossz CSS. Ezenkívül a nem szemantikus div elemek az (X)HTML-jelölésen kívül lesznek. És amíg mindezt feltételes megjegyzésekben írják le, nincs esély arra, hogy más böngészőket megsértsen a Microsoft kódja. (handyblogger: Jeff itt próbál finoman rámutatni egy "ügyetlen" megoldásra a Microsofttól)
Ha valamit helytelenül kell csinálnod, legalább ki tudod bontani, és elkülönítve minden mástól, aminek nincs rá szüksége.
Őrizetben A PNG, mint grafikus formátum, számos technikai előnyt kínál a GIF-ekben széles körben használtakon túl. Valójában az előnyök olyan nagyok, hogy a PNG már régen átvehette volna az uralmat a fotóképekhez nem kapcsolódó grafikai formátumként. Az Internet Explorer támogatásának hiánya még egy kicsit értelmes lehetőségeket Ennek eredményeként a PNG-fájlok, például az alfa-csatorna átláthatósága sok webfejlesztőt kikapcsolnak. De van két nagyon jó ok, amiért nem szabad félni a PNG-től.
Először is, még az Internet Explorer 6 és korábbi verziói is szinte teljes mértékben támogatják a PNG-t a GIF képességeit illetően (természetesen az animációt kivéve). A PNG szinte mindig kisebb fájlméretet mutat, így gyorsabban tölthetők be és kevesebb erőforrást fogyasztanak.
Másodszor, az Internet Explorer 7 teljes mértékben támogatja a PNG alfa transzparenciát. Az áttetsző lehetőségek teljes skálájával elérhető hatások szinte korlátlanok. Arra számítok, hogy azok a tervezők, akik érdekes módokat találnak a PNG-transzparencia használatára, az ebben a cikkben leírtakhoz hasonlóan, nyitottak lesznek új szint soha nem látott stílusok. Adtam néhány hasznos ötletet, hogy mit hozhatsz létre PNG átlátszósággal, de ne állj meg itt. Keresd magad!
Cameron Adams, Mark Boulton, Andy Clarke, Simon Collison, Jeff Croft, Ethan Marcotte, Derek Featherstone, Ian Lloyd, Dan Rubin és Rob Weychert által készített részlet a Webes szabványok kreativitásából; az ED barátai közzétették. Szerzői jog Jeff Croft 2007. Az Apress, Inc. engedélyével használva.
A PNG (Portable Network Graphics) egy raszter típusú grafikai formátum, amely 8 bites színpalettát tartalmaz. A PNG-fájlokhoz kifejlesztett Deflate tömörítési algoritmus csökkenti a mentett kép méretét anélkül, hogy a végső kép minősége romlana.
Ebből a cikkből azt is megtudhatja, hogyan lehet megnyitni egy PNG-fájlt.
Jellegzetes A PNG a JPG után a második legnépszerűbb internetes formátum.
Az egyéb előnyök mellett érdemes megjegyezni:
- váltott soros elrendezés;
- a színpaletta és a gamma beépített szoftveres korrekciója.
Ez utóbbi lehetővé teszi, hogy az összes szükséges megjelenítési paramétert belevarrjuk a képbe, hogy az minden képernyőn úgy nézzen ki, ahogyan azt a szerző tervezte.
A formátumnak 2 változata van:
- PNG-8 (a GIF-hez hasonló index színskála);
- PNG-24 (teljes és teljes színpaletta, amely a JPEG-et utánozza).
Előfordulás története 1995-ben, az ingyenes internet fejlődésének korszakában élesen felmerült a komplex GIF formátum tulajdonjogának kérdése. Ugyanolyan megbízható, de ingyenes és szabad formátumra volt szükség a grafikus adatok cseréjéhez világháló. Ekkor a W3C nemzetközi konzorciumban bemutatták a már 1996-ban jóváhagyott PNG 1.0 specifikációkat.
A formátum a GIF alternatívájaként jött létre. Utóbbi 2004-ig „lezárt” volt, vagyis számos korlátozása volt a szabad felhasználásnak (mentéskor a tulajdonos szerzői joga, feladáskor szabadalmi engedélyek szükségesek). A PNG-t megfosztották az ilyen hiányosságoktól, miközben a 48 bitig terjedő színmélység támogatását és egy 8 bites alfa-csatornát valósított meg a képek továbbításához.
A fejlesztőknek sikerült a színek sima átlátszóságát létrehozniuk, ami a GIF-ben lehetetlen. Ez utóbbiban a paletta 8 bites csatornára korlátozódik (256 szín), és csak a teljes átlátszóságot támogatja.
Hogyan lehet megnyitni a PNG fájlokat Ma a grafikus formátum problémamentesen jelenik meg az internetböngészőben és szabvány azt jelenti grafikák megtekintéséhez. Ha részletesebben beszélünk, a kép a következő: minden operációs rendszernek saját eszközkészlete van a formátummal való munkához. Nézzük meg közelebbről a PNG formátum megnyitásának módját.
Online Az interneten lévő fájlok megtekintéséhez használja a következő szoftvert:
Windows 7-10 OS Windows családok nyissa meg a PNG formátumot a következő módon:
- Fényképnéző;
- MS Paint;
- webböngésző (csak megtekintésre).
Android A mobil operációs rendszer a következő eszközökkel rendelkezik:
iOS A Mobile cat for Apple PNG fájlokkal működik ilyen szoftver használatával.
A számítógépes grafika ma már mindenütt elárasztott, még mi is gyakrabban nézünk fényképeket monitor, telefon vagy tévé képernyőjén, mint papíron. A legérdekesebb azonban az, hogy ezeknek a képeknek a tárolási módjai nagyon eltérőek. Több tucat képtárolási formátum létezik, mindegyiknek megvannak a maga előnyei és hátrányai, de ezek közül a leghatékonyabbak és legnépszerűbbek azok, amelyek legjobb minőség Ráadásul a fájl kicsi. Az egyik ilyen formátum a PNG formátum. Mi ez a formátum és honnan jött?
Röviden a képtárolási formátum megjelenésének okairól...
1995. január 4-én merült fel az ötlet egy ingyenes formátum létrehozására a fizetős GIF helyettesítésére, és már ugyanazon év decemberében az új PNG formátum már készen állt és megfontolásra javasolták. A GIF formátum akkoriban lehetővé tette a nagyon kisméretű fájlok fogadását, amelyek kényelmesek voltak a webhelyeken. Ám a korábbi ingyenes GIF hirtelen fizetőssé vált – a szabadalom tulajdonosa, az Unisys Corporation azt tűzte ki célul, hogy pénzt szedjen minden olyan képért, amely ezt a formátumot használja. Ez volt az oka egy ingyenes formátum kifejlesztésének, amelyet PNG-nek hívtak - ez az angol "portable network graphics" kifejezés rövidítése. Ahogy a neve is sugallja, a fájlok kis mérete miatt hálózati használatra készült, ami lehetővé teszi a grafikát tartalmazó oldalak gyorsabb betöltését.
Melyek a PNG formátum előnyei és hátrányai másokhoz képest, különösen fő versenytársához - a GIF formátumhoz? Sok különbség van, de az első dolog az első…
A PNG formátum a Deflate nevű tömörítési algoritmust használja, amely maga is nyílt forráskódú, vagyis teljesen ingyenes. Ez az algoritmus egy hagyományos archiváló elvén működik, amely hatékonyan tömöríti az egyes pixelek színskálájával kapcsolatos információkat, és ez az, aki lehetővé teszi egy meglehetősen kis fájl beszerzését. Ráadásul ebben a formátumban teljes színű képeket is el lehet menteni, vagyis azokat, amelyek képpontonként legfeljebb 48 bitet használnak – ez pedig nagyon nagy színskála, még annál is nagyobb, mint amit az emberi szem képes érzékelni. A GIF formátum viszont mindössze 256 szín és árnyalat használatát teszi lehetővé – ez a legegyszerűbb képekhez elegendő, de a fényképezési minőséghez nagyon kevés.
A PNG, GIF és TIFF formátumok az úgynevezett alfa csatornát használják. Ez azt jelenti, hogy a kép egyes részeit átlátszóvá teheti. Ugyanakkor a GIF formátumban ez nagyon egyszerűen megtörténik - a választható színek közül csak egy van hozzárendelve átlátszónak, és a kép megtekintésekor egyszerűen nem látszik - így készíthet átlátszó hátteret. A TIFF formátum átgondoltabb ebből a szempontból, de nagyon ritkán használják - a fájl mérete túl nagy. De a PNG formátumban az alfa csatorna okosan van elkészítve - nemcsak átlátszóság, hanem 256 fényerő fokozat is van. Vagyis könnyedén áttérhet a teljesen átlátszó háttérről a színes képre, és ezzel egyidejűleg megkaphatja gyönyörű hatások. Weboldalakon különösen jól néz ki. Ha nincs szükség átlátszóságra, egyszerűen nem használhatja a kép mentésekor, és még kisebb fájlt kaphat.
Sajnos a PNG formátumnak van egy hátránya, nem túl jelentős - nem teszi lehetővé egy képsorozat, az úgynevezett animáció mentését. A GIF lehetővé teszi ezt. Ez azért történt, mert az új formátum megalkotásakor gyakorlatilag sehol nem használtak animációt, 1995-ben pedig nem volt különösebb szükség színes oldalakra, így az animációt, mint feleslegeset, kizárták a projektből. Ma az animáció rését a Flash technológia foglalja el, amely nem vetélytársa egyetlen hagyományos grafikai formátumnak sem.
Ha a PNG formátum olyan jó, akkor miért nem lett rendkívül népszerű? A válasz egyszerű - más programok fejlesztői rosszul támogatták. Főleg az, hogy az internetezők többsége az Internet Explorer böngészőt használta, és a PNG-képeket sem „értette”, bár más böngészők fejlesztői azonnal beépítették az ilyen támogatást. A helyzet csak az Internet Explorer 7 megjelenésével javult, de a „promóció” ideje már rég elmúlt.
Ma a PNG formátum a webes technológiák három legnépszerűbb és legajánlottabb formátumának egyike, a GIF és JPG formátumok mellett. És az animáció hiányától eltekintve minden tekintetben nyer a többihez képest. Kiváló minőségű veszteségmentes kép, kis fájl, sima átmenetek átlátszó háttér, és anélkül, hogy megsértené valaki szerzői jogait – mi kell még egy weboldal fejlesztőjének, hogy boldog legyen?
Frissítve: 2021.08.18
103583
Ha hibát észlel, jelöljön ki egy szövegrészt, és nyomja meg a Ctrl + Enter billentyűket
