) És várható, hogy az Alfaimageloader ezt a munkát az Internet Explorer-ben fogja tenni. Ne feledje, hogy az Alfaimageloader beilleszti a képet a háttér és az előtér között. Ezért, míg a képet minden átlátszó dicsőségére szállítja, továbbra is háttérképként, valamint a csodálatos áttetsző képpontok nélkül is szállít.

Igazi felhasználás alfaimageloader

Menjünk vissza az egyik legkorábbi példával, és próbáld meg helyesen betölteni az Internet Explorer programban. Emlékezz a 49-es csatornára, tv-állomásra Topeka-ban? Biztos vagyok benne, hogy - igen. Az 5-21. Ábra azt mutatja, hogy a webhely úgy néz ki, mint az Internet Explorer 6.

5-21. Ábra
A 49ABCNEWS.COM fejléc, amely az Internet Explorer 6-ban származik, az érintetlen PNG átláthatósággal.

HTML az időjáráshoz tartozó felső részhez, úgy néz ki, mintha már javasolt:

Látod a képet, és minden bizonnyal PNG, még az Internet Explorer is kifogástalanul terheli. Ennek titkos összetevője a JavaScript. Valójában egy kis sztripting domot használtam annak érdekében, hogy eltávolítsam az IMG elemet a repülésen, és cserélje ki egy div elemet, amely kitalálta - az alfaimageloadert használja. A JavaScriptet a feltételes megjegyzések, a másik benyújtott, de teljesen nyitott idiómát írja le a Microsoft beépített Internet Explorerben. A feltételes megjegyzések lehetővé teszik, hogy csak a fejlett ismertséget használhassa internet verzió Felfedező. A kódot minden más böngésző figyelmen kívül hagyja, így nem érinti őket. Elem Www.49abcNews.com webhely, megtalálja:

Az első sornak köszönhetően, ha az LTE IE6, ez a parancsfájl csak akkor fog szerepet játszani a dízable dokumentumban, ha az Internet Explorer verziójában kevesebb vagy egyenlő (ez az LTE segítségével jelenik meg) 6. Minden más böngésző, beleértve az újonnan érkező böngészőt is Az Internet Explorer 7, teljesen figyelmen kívül hagyja..

Tehát mi van a JavaScript fixweatherpng.js fájlával? Nézd meg:

Ablak.attachevent ("Onload", fixweatherpng); Funkció FixWeatherpng () (var img \u003d document.getelementbyid ("weatherimage"); var src \u003d img.src; img.style.Visibility \u003d "rejtett"; var div \u003d document.createelseels ("div"); div.style. Szűrés \u003d "Progid: Dximagetransform.microsoft. Alfaimageloader (+ SRC +" ", méretezés \u003d" skála ")"; // Néhány 49Abnews.com-specifikus CSS styling elhagyása a rövidségért. img.replacenode (div); )

Elemezzük, lépésről lépésre, ami a forgatókönyvet teszi. Először is azt mondjuk, hogy a böngésző, amelyet a FixWeatherpng funkciót szeretnénk végrehajtani, amikor az oldal betöltődik. A szkript fennmaradó része maga a funkció.

Kezdjük, először keresünk a képet, amellyel az ID-attribútumban fogunk dolgozni, és mentjük az IMG változóba. Az SRC attribútum mentése (URL a képfájlhoz) az SRC változóban. Aztán elrejtjük az IMG elemet, amely kimutatja a CSS tulajdonságot a rejtett láthatóságáról.

Ennek eredményeként az eredeti IMG elemet (amely rejtve van) az újonnan létrehozott DIV elemhez, amelyhez az Alfaimageloader sikeresen csatlakoztatva van.

A Dom Scripting használata az Alfterfaimageloader - szűrőbitek beszúrásához saját pártatlan, de a szükséges oldal helytelen CSS. Ráadásul az (x) HTML jelöléseken kívül diszpentikus div elemeket tartalmaz. És míg mindezeket a feltételes megjegyzéseken belül írják le, nincs esély arra, hogy más böngészők legyenek a Microsoft kóddal. (HandyBlogger: Itt Jeff finoman jelzi a "helyes" megoldást a Microsofttól)

Ha valami helytelenet kell tennie, legalább kivonhatja azt, és külön-külön mentheti el mindent, ami nem szükséges.

Őrizetben

A PNG, mint grafikus formátumban számos technikai előnyt kínál a GIF-ben széles körben alkalmazott. Valójában a közösség annyira nagy, hogy a PNG régen domináns pozíciót tudott egy grafikus formátumban, amely nem kapcsolódik a fotó képekhez. Nem megfelelő támogatás az Internet Explorer-től néhány jelentősebb PNG-képesség, mint például az Alpha Channel Transparency, ennek eredményeként sok webfejlesztőt megijeszt. De két nagyon jó oka van annak, hogy ne félj a PNG-től.

Először is: Még az Internet Explorer 6 és korábbi verziói szinte teljes mértékben támogatják a PNG-t, hogy milyen Gif (természetesen az animáció kivételével). A PNG szinte mindig egy kisebb fájlméretet mutat, amely lehetővé teszi számukra, hogy gyorsabban betöltsék őket, és kevesebb erőforrásokat töltsenek be.

Másodszor: Az Internet Explorer 7 teljes támogatást nyújt az Alpha átlátszó PNG-hez. Az áttetsző opciók teljes körű védelmével előállított hatások szinte korlátlanak. Azt várom, hogy a tervezők, akik érdekes módon találják a PNG átláthatóságának használatát, az e cikkben leírt elvek elvének megfelelően az ajtókat a még mindig soha nem látott stílusok új szintjére nyitják meg. Adtam neked a hasznos ötleteket, hogy mit lehet létrehozni a PNG átlátszóságával, de ne hagyja abba. Nézd meg magad!

Kivonat a webes szabványok kreativitása Cameron Adams, Mark Boulton, Andy Clarke, Simon Collison, Jeff Croft, Ethan Marcotte, Derek Featherstone, Ian Lloyd, Dan Rubin, és Rob Weychert; Megjelent barátok Ed. Copyright Jeff Croft 2007. Apress, Inc. használatával

A PNG képformátuma az egyik legnépszerűbb, és a felhasználók számára a sűrített képeket tárolják anélkül, hogy elvesztenék minőségüket. A legtöbb png a grafika vagy az internet szerkesztésére szolgál. Ezután néhány egyszerű módon nézünk ki, amelynek köszönhetően megnyithatja a formátum fájlját a számítógépen.

Számos különböző módszer létezik, amelyek lehetővé teszik a PNG formátumú fájlokat a megtekintéshez és szerkesztéshez. Elég ahhoz, hogy kövesse az alábbi utasításokat, és nyissa meg a képet, nem lesz nehéz.

1. módszer: Programok képek megtekintéséhez

Az interneten számos grafikus szerkesztő és speciális szoftver található a képek megtekintéséhez és szerkesztéséhez. Számos funkciót és eszközt biztosítanak a felhasználók számára, amelyek a lehető legkényelmesebbek a képeket a lehető legkényelmesebbek. Tekintsük a PNG kép megnyitásának folyamatát a GIMP program példáján:

Ha a GIMP semmilyen okból nem alkalmas, javasoljuk, hogy megismerjük magad teljes lista Programok a cikkünkben lévő képek megtekintéséhez. Ott biztosan találsz valami alkalmat.

Abban az esetben, ha különféle nyitott képkezeléseket szeretne készíteni, használjon speciális grafikus szerkesztőket, kiterjesztett funkcionalitással és számos különböző eszköz jelenlétével. További részletek A cikkünkben az alábbi hivatkozással találhatók.

2. módszer: Standard Windows

A működési minden verziójában windows rendszerek Van egy beépített program a képek megtekintéséhez. Ezzel a PNG formátumú fájlokat is megnyitják. Tekintsük részletesebben ezt a folyamatot:

Ha minden PNG képre van szüksége a Standard Windows Photo Viewer segítségével, kövesse az alábbi lépéseket:

Alapértelmezés szerint az összes PNG fájl megnyílik szabvány eszköz Fényképek megtekintése. A program megnyitásához egyszerűen végezze el ugyanazokat a műveleteket, ha egy másik szoftvert választ.

Ebben a cikkben részletesen megvizsgáltuk egyszerű utak PNG formátumú képek megnyitása. Amint láthatod, ebben a folyamatban semmi sem bonyolult, és mindent szó szerint több cselekvésre tesz.

Ön itt van egy fájlkiterjesztés .png .png-ben. A fájlkiterjesztéssel rendelkező fájlok csak bizonyos alkalmazások indíthatók el. Lehetséges, hogy a .png fájlok adatfájlok, nem pedig dokumentumok vagy média, ami azt jelenti, hogy "újra Egyáltalán nem kell tekinteni.

mi az a & nbsp.png & nbspfile?

A PNG-fájlok tömörített raszteres képfájlok, amelyeket általában a weboldalon található vizuális elemekre hajtanak végre más webes grafikák között. Ezeknek a .png-fájlok képtartalmának tartalma a bitmap képekkel integrált indexszínekből áll, amelyek az ISTO-ban végrehajtott bitmap képeket és kódolási specifikációkat tartalmaznak. Apng fájlok hasonlóak a GIF fájlokba integrált tömörítési szabványokhoz. Hordozható hálózati grafikákként is ismert, a PNG formátumot a GIF képek korlátai megszüntetésére, a színtámogatás és a szabadalmi engedélyezés tekintetében emelték fel. A PNG-fájlok átlátszócsatornája javult a 8 bites támogatást. A CMYK támogatás nem érhető el ezeken a PNG-fájlokban.

hogyan lehet megnyitni egy .png fájlt?

Indítsa el a .png fájlt, vagy bármely más fájlt a számítógépen, duplán kattintva. Ha a fájl egyesületei helyesen vannak beállítva, az alkalmazás, amely "s, hogy megnyissa a .png fájl megnyitása. Lehetséges, hogy a megfelelő alkalmazást letölteni vagy megvásárolni kell. Lehetséges, hogy a megfelelő alkalmazással rendelkezik a számítógépén, de a .png fájlokat, amelyek még mindig kapcsolódnak hozzá. Ebben az esetben, amikor megpróbál megnyitni egy .png fájlt, meg tudod mondani a Windows-nak, hogy melyik alkalmazás az adott fájlhoz. Ettől kezdve a .png fájl megnyitása megnyitja a megfelelő alkalmazást.

alkalmazások, amelyek megnyitják a .png fájlt

Adobe Photoshop CS6 a Microsoft Windows számára

Adobe Photoshop. CS6 for Microsoft Windows. A Windows számítógépeken letölthető képszerkesztő és kezelő szoftver, nevezetesen a Windows 7 (Withot SP1) és a Windows XP SP3-val. Ez a szoftver új funkciókkal és eszközök A digitális képek egyszerű, gyors, szórakoztató és fejlett szerkesztése. Az egyik funkció, amely ezt a programot megbízhatóvá teszi a képszerkesztéshez az Adobe Mercury Graphics Engine, amely egy olyan motor technológia, amely gyorsabb és kiváló minőségű teljesítményt nyújt. Content-Aware szerszámok új funkciókról, a retusálása könnyedén AS YOU COP képeket készítsen AFFECT, az automatikus javítás elmosódást vagy széles látószögű lencse görbülete, eltávolíthatja a vörös szem és a színegyensúly, mint a fényerő és a kontraszt. Ez a kép szerkesztő is mellékelt Auto-Recovery funkció, amely Backup nem mentett képek, Background mentése opció, Blur Gallery, Crop eszköz, videó létrehozása, és egy csomó más. Mindezek az új, továbbfejlesztett funkciók és egy modern barátságos felület, a digitális fotók szerkesztése soha nem lehet olyan szórakoztató és egyszerű Wort Photoshop CS6.

Adobe Photoshop CS6 for Mac

Adobe Photoshop CS6 for Mac

Adobe Photoshop CS6 Mac a változat à ¢  „kreatív Suiteà ¢ A-” A fényképek kezelő szoftver, amelyet kizárólag a Mac számítógépek, különösen a Mac OS X 10.6 10.7 64-bit. Ez a képszerkesztő program új funkciókat és eszközöket tartalmaz, mint például az ugyanazon cég által kifejlesztett higanygrafikai motor, amely gyors és kiváló minőségű képnövelő teljesítmény, tartalom-tudatos funkciók, intuitív újból képzelt eszközök a filmtervezéshez, munkafolyamatokhoz , Blur Galéria, növényi eszköz és sokkal több. Az Adobe Mercury Graphics motor olyan módon működik, hogy egyszerű és gyors szerkesztési feladatot készítsen. Ez lehetővé teszi a képek megosztását és áttelepítését az automatikus helyreállítással és a háttér mentési lehetőségekkel Az új tartalom-tudatos eszközök egyszerű és szabályozható módon készültek a retusáláshoz vagy a képek javításához, amelyek egy elégedettebb kimenetet eredményeznek. Alapvetően lehetővé teszi, hogy bármely felhasználó automatikusan javítsa, kivágja őket és a széles látószögű lencse görbületeket.

ACD Systems Canvas 14

ACD Systems Canvas 14

ACD Systems International Inc. Az ACD Systems Canvas 14 fejlesztője, amely technikai grafikus megoldási szoftver, amely lehetővé teszi a felhasználók számára, hogy elemezzék az adatokat, növeljék a grafikákat és megoszthassák az összes információt könnyedén és gyorsabban. Ez a program olyan teljes funkcionalitású eszközökkel rendelkezik, amelyek segítenek a technikai grafikák és illusztrációk pontossággal történő használatában. Ez olyan szerkesztési eszközökből áll, amelyek a szerkesztésektől függően változnak az objektum illusztráció eszközökhöz. A program által létrehozott bármely eredmény jó bemutatókat készít projektekre, javaslatokra és egyéb célokra a grafikákhoz és a mérnöki tevékenységhez kapcsolódó vállalkozások számára. A felhasználók a raszteres képekkel és a vektoros grafikával működhetnek ugyanazokkal a fájlfúvással, rajzformákkal, valamint a stroke és a tinták vagy szélességek beillesztésével. Van egy eszköz szövegek vagy címkék hozzáadásához és formátumméretek hozzáadásához, valamint a diagramok létrehozásához. Ezzel a programmal a felhasználók megoszthatják a kész projekteket bemutatókon vagy kiadványokon keresztül.

ACD rendszerek ACDSEE 15

ACD rendszerek ACDSEE 15

ACD Systems ACDSEE 15 egy fotórendező, nézet A Microsoft Windows és Mac OS X 10.6 képszervezője, Viewer és Raw / Image Editor Programja (Windows XP 2, Vista, 7 és 8, Mac OS X 10.5, 10.6 10.7 És hegyi oroszlán). Az ACD Systems International, Inc. kifejlesztette. És eredetileg 16 bites alkalmazásként osztották el, amelyet később 32 bites verzióval bővítettek. Ez az alkalmazás minimális hardverkövetelménye egy Intel Pentium III / AMD Athlon processzor vagy azzal egyenértékű, 512 MB RAM-val (310 MB ingyenes merevlemez-meghajtóval), egy magas színű kijelző adapter 1024 x 768 felbontással és egy CD / DVD-íróval. Az ACDSEE kezeli és támogatja a video- és hangfájlokat olyan formátumokban, amelyek tartalmazzák a GIF, BMP, JPG, PNG, MP3, PSD, WAV, MPEG és TIFF. A felhasználók megtekinthetik, szerkeszthetik, módosíthatják, és olyan fotó- és videogyűjteményeket szervezhetnek, amelyek megoszthatók online. A fényképek szervezhetők, mivel ezeket importálják a fényképezőgépről vagy más tárolóeszközről. Térképnézet és geo-címkézésű támogatást is tartalmaz, amelyek lehetővé teszik a felhasználók számára, hogy megtekinthessék a képeket a GPS-kompatibilis kamerákból. A funkciók, mint például a gyors böngészés, a szkennelés, a szerkesztés és a biztonsági mentési lehetőségek megkönnyítik a fotók rendezését dátum és esemény, valamint a biztonsági másolatok tárolása CD, DVD és Blu-ray.

A PNG fájl a hordozható hálózati grafikus formátumban mentett raszterkép. Minden PNG-rajz tartalmaz egy palettát - egy színeket használt. A fájlméret csökkentése érdekében a tömörítést a deflát algoritmus szerinti minőségvesztés nélkül alkalmazzák. Elsősorban az interneten, mint a weboldalak képei. A formátumot úgy tervezték, hogy helyettesítsük a GIF-t, amely hiányosságai mellett 2004 előtt korlátozódott a szabad használatra szoftver. Új formátum A PNG megoldotta ezeket a problémákat. Különösen végrehajtja a 8 bites alfa-csatorna támogatását, és támogatja a színmélységet 48 bitre. Míg GIF-formátumban csak a teljes átlátszóság és a színpaletta csak 256 színre korlátozódik (8 bit). Az elődjével ellentétben azonban ez a formátum nem támogatja az animációt. Ebből a célból egy másik MNG formátumot hoztak létre. A PNG-fájlokban is lehetetlen használni a CMYK palettát, mert ez a formátum nem szánták szakmai grafikával. A PNG fájlokat bármilyen böngészőben és gyakorlatilag bármely programban lehet megnyitni a képek megtekintéséhez és szerkesztéséhez. BAN BEN Windows fájl. A PNG kiterjesztéssel megnyithat egy dupla egérkattintást.

Fájlbővítmény. A PNG egy PNG minta. Nézet és feldolgozás raszteres kép PNG formátumban a következő programok segítségével lehetséges: Microsoft Windows fotók, Microsoft Windows Photo Viewer, Microsoft Paint, Adobe Photoshop CC. A felsorolt \u200b\u200bprogramok is konvertálhatják ezeket a formátumokat, képeket és rajzokat.

A PNG formátumú fájl speciális programokkal nyílik meg. A formátum megnyitásához töltse le az egyik javasolt programot.

A PNG kiterjesztése olyan fájlformátum, amelyet a képek elvesztése nélkül tárolnak. Ez az interneten található legnépszerűbb formátum, amelyet kifejezetten a hálózatra való használatra terveztek.

A fájl kiterjesztése A PNG egy fájl Hordozható hálózati grafika.. A formátum veszteség nélküli tömörítést használ, és általában a GIF alternatívájaként tekinthető. De a giftől eltérően az animáció nem támogatott PNG fájlokban.

A PNG formátum mind a szürke, mind a teljes színű, átlátszó rétegek árnyalataiban vannak. A PNG tömörítés általában jobb, mint a GIF-ben. JPG néha több előnnyel PNG, de miután ilyen tömörítés, hibák előfordulhatnak képeket, szöveget, vagy bárhol a nagy kontrasztú régiókban.

A PNG fájl megnyitása

A PNG fájlok megnyitásához bármilyen online böngésző vagy grafikus szerkesztő segítségével használható. És a Windows OS platform és a Mac OS beépített mechanizmusokkal rendelkezik az ilyen képek megtekintéséhez.

Mi a PNG formátum?

PNG program - A Windows fotók megtekintése Alapértelmezés szerint gyakran használják a PNG fájlok megnyitásához, mivel rendszeres windows program. De sok más lehetőség van megtekinteni őket.

Minden böngésző (például, Chrome, Firefox, Internet Explorer stb.) Automatikusan megtekinti az interneten megnyitott PNG-fájlokat, ami azt jelenti, hogy nem kell letöltenie a számítógépet, amelyet minden PNG fájl szeretne látni. A böngésző segítségével megnyithatja a PNG-számítógépen már elérhető fájlokat kombinációval. kulcsok Ctrl + O. A legtöbb ilyen program támogatja a Drag-and-Drop-ot is, így egyszerűen húzhatja a PNG-fájlt a böngészőbe, hogy kinyissa.

Vannak több autonóm lehetőség is az ilyen képek megnyitásához - ezek különlegesek grafikus szerkesztő. Néhány népszerű - Xnview , Irfanview. , Faststone Image Viewer. , Google Drive. , A gnome és a gthumb szeme. A felsorolt \u200b\u200bprogramok szinte bármelyikét használhatja a PNG fájlok szerkesztéséhez. Festék. és Paint.net., Népszerű GIMP segédprogram, valamint a jól ismert Adobe Photoshop.

Konverzió PNG.

A képfájlok átalakíthatók különböző utakpéldául a PNG-re és annak különböző programok alkalmazásával történő átalakítására és online szolgáltatások. Például lehetővé teszi, hogy PNG-szerkesztő - fotó átalakítót készítsen.

A hordozható hálózati grafikus (PNG) formátumban tárolandó képfájl. Tartalmazza a színek bitmátrixát, és a tömörítést veszteség nélkül használja, közel a fájlhoz.GIF, de korlátozások nélkül a másolás során. Általában a webes képgrafika tárolására szolgál.

A korlátozásokra adott válaszként létrejött a PNG formátum (APG olvasása) gIF formátumfőként a színek növelése, valamint a képformátum biztosítása szabadalmi engedély nélkül. Ezen kívül gIF fájlok Csak átlátszatlan vagy teljesen átlátszó képpontok karbantartása, a PNG képek tartalmazhatnak egy 8 bites átlátszócsatornát, amely lehetővé teszi, hogy megváltoztathatja a színeket az áttetszőből átlátszóvá.

A PNG képeket nem lehet gif képként animálni. De ezekhez kapcsolódó .mng lehet animált. A PNG-képek nem biztosítják a CMYK támogatást, mert nem szándékoznak használni a szakmai grafika területén. A PNG képeket a legtöbb webböngésző támogatja.

A Mac OS X 10.4 és a későbbi verziók PNG fájlként tárolják a képernyőképeket. Ubuntu Linux A nyomtatási képernyőképeket PNG formátumban tárolja.

MIME típus: kép / png

Letöltési program formátumban Png.

Ebben a cikkben nagyon szeretnék elmondani kellemetlen funkciók "Photoshop", amely nyilvánul meg magát a PNG24 átlátszó képeinek fenntartása mellett. Vegye ki az eredeti képet, és másolja a fragmentumot a PNG24-ben. Ezt tettem: A sokszögű Lasso szerszám használata egy töredéket, másolt és behelyezve Új dokumentum, amely után megtartottam a Save for Web:

PNG24, 456 KB

Amint az első részben, a PNG24-ben, a kép ténylegesen két rétegből áll: RGB, amely adatokat tartalmaz az egyes képpontok színéről és az alfa-csatornáról az átláthatóságukról.

PNG grafikus formátum: feldolgozás és megtekintés

Logikus, hogy feltételezzük, hogy abszolút átlátszó területeken bármelyik színnek kell lennie, hogy hatékonyabban csomagolja a képet. Azonban ez az, amit mentettem a "Photoshop" az RGB rétegben (láttam a tengerpart szerkesztőjén):

És a szabad szem azt mutatja, hogy nagy töredékek voltak teljesen felesleges információk:

Ha nem szeretné használni más szerkesztőket (például nem vettem észre egy ilyen hiányt az Adobe tűzijátékban), javasolok egy egyszerű módja annak, hogy megszüntessem ezt a hibát a "Photoshop" -ban. Feladatunk az, hogy az összes információt teljesen átlátszó területeken helyettesítjük (lehetőleg fekete, hogy ne kétlem, hogy ezek a területek a legkisebb súlyú bájtban vannak).

1. Nyissa meg a "Photoshop" példát, és jelölje ki a képen lévő képet: Ctrl + Kattintson a kis réteg képre a Rétegek panelen.

2. Váltsunk a gyors maszk üzemmódra (Q gomb).

3. A kép → Beállítások → Küszöbérték használata, csak a maszkokat hagyjuk, amelyek színe fekete. Ehhez húzza a csúszkát a bal szélen.

4. A gyors maszkból (KEY Q), és invertáljuk a választást → inverz vagy Ctrl + Shift + I). Csak a teljesen átlátszó képpont maradt kiemelten.

5. Öntsük a kiválasztott területet fekete (például sok, például szerkesztési → töltés).

6. Ismét a kiválasztás elkerülése és a maszk rétegének hozzáadása (ikon a réteg palettán).

7. Most már megtakarítjuk az internetet, és nézzük meg, hogy a kép csodálatosan "elveszett" 122 KB.

Ismét ismételtem, hogy minden műveletet nagyon kényelmesen rögzítik a cselekvésekben, majd a kulcs egyik megnyomásával végezzük.

Folytatjuk.

A különböző szemináriumok és a stúdióban dolgozó kollégáival való kommunikáció arra a következtetésre jutottam, hogy a PNG formátum egyetlen előnye a tisztességes áttetsző jelenléte. Ha információt keres az interneten az interneten, könnyen észrevehető, hogy a webfejlesztők két táborra vannak osztva. Az első írás arról, hogy milyen formátumban csodálatos, tisztán műszaki adatok, érthetetlen hagyományos jeladók és tervezők (például az LZW-os tömörítés deflációs algoritmusainak fölé) működnek, mások a haszontalanság különböző mértékű észrevételeit hagyják el a haszontalanságról a PNG-tól, anélkül, hogy zavarta volna még a specifikációban leírt dolgok lényegében is.

Próbáljuk meg kitalálni, hogy milyen előnyökkel jár ez a formátum, hogy megtudja őket, hogy az illusztrációk előkészítése során az interneten.

Kezdjük a terminológiával. Feltételezem, hogy a legtöbb olvasó használja a Photoshopot, és teljesítse a PNG-8 és a PNG-24 nevét. Ezek nem két különböző formátum, hanem az ugyanazon PNG variációi. A formátum lehetővé teszi, hogy háromféle képet tároljon: szürkeárnyalat (a kép leírásához, egy csatornát használnak - fehér), indexelt színű (használt színek paletta, mint a GIF) és a Truecolor (három csatorna - RGB).

A PNG formátum legfontosabb előnye természetesen új tömörítési algoritmusok. Mindenki emlékszik arra, hogy a GIF hatékonyan tömöríti a vízszintes monokróm területeket? A korlátozásról most elfelejthető:

GIF, 2568 byte

PNG-24, 372 byte

A második fontos előny a húrok szűrése (scanline szűrés vagy delta szűrők), mivel a PNG-csomagoló sokkal kényelmesebb adatokat kaphat a tömörítéshez.

Fontolja meg a példát, hogyan működik. Vegyünk egy 5 × 5 képpontot vízszintes gradienssel és vázlatosan megjeleníthetik, hogyan lehet elmenteni a fájlban (minden szám egyedülálló színű).

Amint a példából látható, a GIF-kódoló egy vonalakat tömörítené, amelyek vízszintesen vannak csomagolva (mivel ugyanolyan színek vannak elosztva függőlegesen). De hogyan tudja átalakítani ezt az adatokat PNG-kódoló:

Az egyes sorok előtt egy számjegy megjelent 2. Ez egy szűrő, amelyet a karakterláncra alkalmaztak. Ebben az esetben ez egy szűrő, amely azt mondja dekóder: "Az aktuális pixelhez vigye a fenti képpontértéket, és adja hozzá az aktuális értéket." A mi esetünkben ez 0, mert az aktuális és a felső pixelek színei nem különböznek egymástól. És ez az adat hatékonyabb lehet, ha meglehetősen nagy képünk van.

Miért írtam tud? Mivel az idealizált ügyünkben egy ilyen rendszer hatékonyabb lenne:

Ez vonatkozik az 1-es szűrőre, amely azt mondja a dekóder: "Vegye ki a pixel értékét az aktuális bal oldalán, és adja hozzá az aktuális értéket." Ebben az esetben 1.

A szűrés után az összes vonalat (a szűrőértékekkel együtt) egy szekvenciába kombinálják, amelyet ezután deflát-algoritmusokkal kell összenyomni (megbeszélésük túlmutat ezen cikk hatálya alá).

Ellenőrizze a szűrőket:

A figyelmes olvasó észrevétszik, hogy a szűrők teljes mértékben alkalmazzák a teljes fájlt, de a sorokhoz.

PNG formátumfájl - Mi az?

Ez azt jelenti minden egyes A karakterlánc lehet sajátja szűrő. Kiderül, hogy az egyik kép szűrési módjai a kép 5 magassága lehet. Általánosságban elmondható, hogy a jó kódoló feladata csak olyan szűrők ilyen értékeinek felvétele, amelyen a fájl mennyisége minimális lesz. Sajnos, a Photoshop nem mindig megbirkózik jól munkájával, így a különböző segédprogramok, mint az OptiPng és a Pngcrush jön a mentéshez, ami nagyszámú áthalad különböző módszerek Szűrés és stratégiák az adatok tömörítéséhez, jelentősen csökkentve néhány összetett kép mennyiségét. Azonban érdemes megjegyezni, hogy ezek a programok nem garantálják az egyes fájlok térfogat csökkenését, csak megpróbálják megtalálni az optimális adatkódolási módot.

Egy másik beteg befecskendező photoshop nem tudva, hogyan mentse el a képeket a szürkeárnyalatos módban, azaz nem tudja, hogyan lehet csökkenteni a mélység mélységét. Itt ismét megmentjük a fent említett segédprogramokat, amelyek lehetőség szerint csökkentjük a szín mélységét, és nem romlik a kép minőségét.

Png-24 (Photoshop → Truecolor), 8167 byte

Png-24 (Photoshop + OptiPng → Greyscale), 6132 byte

A Greyscale feletti Truecolor előnyei nyilvánvalóak: például az első esetben fehér fehér, a 255-ös számban és a második - 16777215 között rögzül.

Most, a tudás tárolásával PNG formátumban, alkalmazhatjuk őket a webes képek készítésére. Ez a következő cikkekben van.

A PNG (hordozható hálózati grafika) "ping" - raszter grafikus információ tárolási formátumként történik, a tömörítés nélkül. A PNG-t a GIF formátum javítása és cseréje egy olyan grafikus formátumban, amely nem igényel engedélyt használni. A PNG nemzetközi szabvány (ISO IEC 15948: 2003) és hivatalosan ajánlott W3C.

PNG formátumú üzletek grafikus információk tömörített formában. És ez a tömörítés a "veszteségek" nélkül történik, ellentétben például a szabványos JPEG (még a lehető legmagasabb szintű minőségi szint).

A PNG formátumot úgy tervezték, hogy az elavult és egyszerűbb gif formátumot, valamint bizonyos mértékig helyettesítse a lényegesen összetettebb TIFF formátumot.

Ha a webdesignról beszélünk, akkor a GIF-hez képest a következő fő előnyökkel jár:

Javított tömörítés: A legtöbb esetben a PNG kép mérete kevésbé hasonló GIF formátumban.
- Több szín a képen: gyakorlatilag korlátlan számú szín a képen, míg a GIF határértéke 256.
- Opcionális Alpha csatorna támogatás: Míg a GIF csak a bináris átlátszóságot támogatja, a PGN lehetővé teszi, hogy korlátlan számú átláthatósági hatást érjen el az alfa-csatorna támogatásával.

Hiánytalanságként természetesen meg kell jegyezni az animáció támogatását, mint a GIF. Bár természetesen az animációért, és van egy hasonló szabvány, az úgynevezett több kép hálózati grafika (MNG), de ez nem széles körben elterjedt, és ennek megfelelően nem támogatja a masszívan modern böngészők.