Što je PNG datoteka. Što je PNG.

PNG datoteka (s engleskog jezika) odnosi se na bitmape. PNG format sadrži određenu paletu boja koja se koristi na slici. Kao grafički format Vrlo se često primjenjuju u mreži World Wide Weba kada unesete web-stranice u raznim slikama. Kroz uporabu algoritma kompresije deflata, raster slikeNakon što je proširenje datoteka PNG dostupan za kompresiju bez eksplicitnog gubitka kvalitete.

Razvijen ovaj format Datoteka zamijeniti GIF format, jer posljednji put zahtijeva prisutnost plaćenog softvera. Među vlasnicima web resursa, PNG slike su poznate po izvrsnim karakteristikama u odnosu na pozadinu takvih formata. PNG podržava dubinu boje unutar do 48 bita. Glavna razlika između GIF-a je takva grafička datoteka. Ograničeno je na 8 bitova (samo 256 boja). Trebalo bi biti poznato da za razliku od GIF-a, PNG nema podršku animacijskim učincima.

Otvorite datoteku s nastavkom PNG-a zapravo zapravo bilo koji pregled programa. U operacijski sustav Windows, otvorite PNG je moguć jednostavnim dvostrukim klikom miša za prikaz slika. Ovaj format slike pokreće se u bilo kojim web preglednicima. Ako korisnik treba promijeniti spremljenu sliku u PNG verziji, dovoljno je koristiti uslužne programe za uređivanje slika, kao što su Adobe Photoshop ili Microsoft Windows fotografije, kao i Corel PaintShop ili ACD sustavi.

Ova datoteka je vrlo popularna i nosi sve potrebne grafičke informacije za slike u boji dobre kvalitete.

Računalna grafika sada je preplavila sve oko, čak i fotografije koje češće izgledamo na zaslonu monitora, telefonu ili TV-u nego na papiru. Ali ono što je najzanimljivije - metode za pohranjivanje tih slika vrlo su različite. Postoji desetaka formata skladištenja slika, svaki s njihovim prednostima i nedostacima, ali oni koji daju najučinkovitiji i najpopularniji najbolja kvaliteta I štoviše, datoteka ispada malu volumen. Jedan od tih formata je PNG format. Što je ovaj format i odakle je došao?

Ukratko o samom razlogu izgleda ovog formata za pohranu slika ...

4. siječnja 1995. izražena je ideja o stvaranju slobodan format Umjesto plaćenog GIF-a, a već u prosincu iste godine novi format PNG je bio spreman i predložen za razmatranje. GIF format u to vrijeme dopušteno je primiti vrlo male datoteke koje su bile prikladne za korištenje na web-lokacijama. No, bivši slobodni gif neočekivano je postao plaćen - vlasnik patenta za njega, tvrtka "Unisys Corporation", uklonjena je za novac za svaku sliku koju ovaj format koristi. To je bio razlog razvoja slobodnog formata, koji se zvao PNG - kratica iz engleskog izražavanja "prijenosni mrežnu grafiku". Kao što se može vidjeti iz imena, namijenjen je za korištenje u mreži, zbog snimaka malog volumena, što vam omogućuje brzo preuzimanje stranica s grafikom.

Koje prednosti i nedostaci imaju PNG format u usporedbi s drugima, osobito s glavnim konkurentom, GIF formatom? Postoji mnogo razlika, ali o svemu u redu ...

U pNG format Algoritam kompresije nazvan deflate, koji je sam po sebi slobodno distribuiran, to jest, apsolutno slobodan. Ovaj algoritam radi na načelu konvencionalnog arhivira, učinkovito komprimiranje informacija o shemi boja svakog piksela, a to je to što vam omogućuje da dobijete malu datoteku. Osim toga, u ovom formatu možete uštedjeti slike u boji, odnosno one u kojima se koriste do 48 bita za svaki piksel - a to je vrlo velika shema boja, čak i više od percipiranja ljudskog oka. GIF format također vam omogućuje da koristite samo 256 boja i nijansi - dovoljno za najjednostavnije slike, ali vrlo malo za fotografsku kvalitetu.

U PNG-u se koristi GIF i TIFF formati, tzv alfa kanal. To znači da možete napraviti neke dijelove slike transparentnosti. U isto vrijeme, u GIF formatu, to je učinjeno vrlo jednostavno - samo jedna od boja za odabir dodjeljuje se transparentno i prilikom gledanja slike jednostavno nije vidljivo - možete napraviti transparentnu pozadinu. Tiff format je više razmišljati u tom pogledu, ali se vrlo rijetko koristi - dobiva se prevelika veličina datoteke. Ali u PNG formatu alfa - kanal je napravljen s umom - ne postoji transparentnost tamo, već ima i 256 gradacija svjetline. To jest, možete jednostavno napraviti prijelaz s potpuno transparentne pozadine na sliku u punoj boji i da biste dobili lijepe efekte. Pogotovo lijepo izgleda na mjestima. Ako transparentnost nije potrebna, jednostavno ga ne koristite kada spremite sliku i dobijete datoteku za manji volumen.

Nažalost, PNG format ima jedan nedostatak, nije vrlo značajan - ne dopušta vam da spremite slijed slika, takozvanu animaciju. GIF vam omogućuje da to učinite. To se dogodilo, jer u vrijeme stvaranja novog formata, animacija se ne koristi gotovo bilo gdje, i nije bilo posebne potrebe za šarenim mjestima 1995. godine, tako da je animacija isključena iz projekta kao nepotrebne. Danas je animacijska niša zauzela tehnologiju Flash, koja nijedan obični grafički format nije natjecatelj.

Ako je PNG format tako dobar, zašto onda nije postao superpopular? Odgovor je jednostavan - njegov je slabo podržao programeri drugih programa. Posebno je utjecalo na činjenicu da je većina korisnika interneta koristila preglednik Internet Explorer.I nisam razumio slike u PNG formatu, iako su programeri drugih preglednika odmah ugradili takvu podršku u njima. Situacija je ispravljena samo kada se pojavio Internet Explorer 7, ali vrijeme "promocije" je dugo prošlo.

Danas je PNG format uključen u prva tri najpopularnija i preporučene formate u web tehnologijama, zajedno s GIF i JPG formata. I, osim ako je nedostatak animacije u nepovoljnom položaju, on osvaja sve parametre u usporedbi s drugima. Visokokvalitetna slika bez gubitka kvalitete, malu datoteku, glatke prijelaze na prozirnu pozadinu, pa čak i bez kršenja nečijeg autorskog prava - što je još potrebno za sreću razvoju web-mjesta?

Štoviše, biti besplatan PNG format nudi razne praktične prednosti u odnosu na GIF web dizajner:
- Najbolja kompresija: Za većinu slika, PNG doseže manju veličinu datoteke od GIF-a
— Velika dubina boje: PNG nudi Truecolor do 48 bitova kada imamo samo 256 palete boja u GIF-u
— Transparentnost alfa kanala: Kada GIF nudi samo binarnu transparentnost, PNG omogućuje gotovo neograničenu transparentnost, nudeći transparentnost alfa kanala

Primjereno je primijetiti da PNG ne dopušta animaciju kako to čini gif. Ali postoji standard (MNG), koji dopušta, ali to nije tako široko podržano web-preglednicima i grafičkim urednicima.

Pa, zašto je GIF još uvijek toliko popularan?

Vjerojatno ste iznenađeni zašto PNG nije tako široko korišten u web formatu, ako je tako dobro kako se oglašava. Odgovor je u najvećoj mjeri, pogrešna ideja formata i njezinu podršku preglednicima.

Zbog činjenice da Internet Explorer 6 i ranije verzije ne podržavaju cijeli niz PNG mogućnosti (uključujući transparentnost alfa kanala), ljudi ostaju da vjeruju (iako je pogrešno) da Internet Explorer uopće ne podržava PNG ili barem ne radi transparentnost podrške. U stvarnosti, Internet Explorer 5 i 6 podržavaju dovoljno PNG specifikacija, što ga čini funkcionalno ekvivalentnim (ili više) netaknute GIF slike. Svi ostali referentni preglednici, uključujući Firefox, Netscape 6 i više, Mozilla, Opera 6 i više, Safari i Camino potpuno podržavaju PNG transparentnost.

Osim ovog netočnog koncepta na podršci preglednika, ugrađena u GIF animaciju bila je (i nastavlja biti) glavni razlog za njegov uspjeh. Iako, za nekoliko godina, korištenje GIF postaje manje popularna u usporedbi s drugim tehnologijama (na primjer flash), koja postaje prikladnija za animaciju.

Transparentnost je ključna karakteristika GIF i PNG, što je često uzrok odabira korištenog web dizajnerskog formata. Iako PNG nudi sveobuhvatnu podršku za transparentnost, web dizajneri često moraju stvoriti GIF verziju slika za postavljanje starih preglednika. Korištenje CSS-a moguće je (i djelomično tariti), kroz slanje GIF slika za stare preglednike i visokokvalitetne PNG u preglednike koji ih razumiju. Ali ovo je dvostruki rad za web dizajnera i kao rezultat toga, ljudi idu manji otpor i nastavljaju koristiti GIF slike.

Dakle, pregledali smo nekoliko razloga zašto je GIF još uvijek toliko popularan, ali većina ih se temelji na koncepti nesporazuma ili koristeći uobičajeni scenarij rada. Naoružani s nekim ključnim znanjem u radu s PNG-om i kako se može sigurno koristiti u preglednicima, dobivate mogućnost da iskoristite sve prednosti koje nudi.

Što je s JPEG?

JPEG je još jedan ubikvable web format iu većini slučajeva, kao što su fotografije (ili druge s njima), to je još bolje od PNG ili GIF. PNG nije osmišljen kako bi se natjecao s JPEG-om. JPEG kompresija čini značajno manje datoteke od PNG-a pri radu s fotografijama. S druge strane, PNG proizvodi manje datoteke kada unutar slika sadašnji tekst, umjetničke linije, logotip, "glatke" boje itd.

Neki prekrasni primjeri korištenja skromne PNG

Pogledajmo sada kako koristiti PNG u web dizajnu. Prikupio sam sve datoteke za svaki primjer u zasebnoj mapi dostupnoj na (Handyblogger: originalni izbornik tamo, ali nisam pronašao izvor).

Gradijent

U posljednjih nekoliko godina, gradijent je glatki prijelaz između dvije ili više boja, postao je najbolji web dizajneri. Sofisticirani, jedva razlikovan gradijent ispunjava, koji ne žure do očiju stvaraju osjećaj dubine i teksture.
Ponekad je GIF najbolji izbor za gradijent. Ako je gradijent jednostavna dvobojna tranzicija, GIF radi u njemu savršeno. Međutim, ograničenja GIF-a je samo 256 boja često stvara vidljivo i neuredan "skidanje" među složenijim gradijentnim prijelazima. JPEG, s druge strane, može izlazati prilično začinjene gradijente, ali često košta više datoteke. I dok su JPEG gradijenti obično dovoljno dobri, morate se sjetiti da JPEG koristi kompresiju gubitka koja znači da rezultirajuća slika nikada neće doseći kvalitetu nekomprimirane slike.

Tipični stil gradijenta pozadine koristi se za gumbe, blokove ili samo negdje drugdje. Može izgledati na slici 5-1. U smjeru kazaljke na satu, iz gornjeg lijevog kuta, vidimo izvornu (nekomprimirana) slika, GIF verziju, PNG verziju i JPEG. Vidite da PNG kao rezultat ima najmanju veličinu (515 bajtova). To je četiri puta manje od GIF slika, JPEG malo više od PNG na 637 bajtova i to je također niža od kvalitete zbog kompresije s gubicima (istina je mogućnost ljudskog oka kako bi se odredila razlika u kvaliteti ovog jednostavnog primjera u pitanju).

Slika 5-1.
Photoshopa - spremanje za web, prikazuje razlike veličine datoteke za istu sliku u razni formati

Slika koja bi trebala raditi na bilo kojoj pozadini

Ponekad je potrebno stvoriti sliku koja djeluje jednako na različitim podlogama. Neki uobičajeni primjeri su logo i ikone. U takvim situacijama, GIF datoteke tradicionalno dominiraju, ali postoji nekoliko razloga zašto PNG može biti bolji izbor u ovoj situaciji. PNG, u pravilu, pobjeđuje u veličini datoteke za logotipe ili bilo koju drugu jednostavnu "umjetnost". Osim toga, kongenitalna PNG transparentnost čini jednostavno stvaranje pojedinačnih datoteka koje rade na vrhu bilo koje pozadine. PNG nudi binarnu transparentnost kao u GIF-u, ali također pruža mnogo poželjnu verziju s alfa kanalom, u kojem pikseli mogu biti djelomično transparentni, umjesto da budu jednostavno uključeni ili isključeni. Korištenje potonjeg povećava veličinu datoteke, ponekad čak i više od gif s binarnom transparentnošću, ali omogućuje vam da napravite zaglađivanje na granicama vaše slike i učiniti ga elegantnijim svojim položajem na vrh pozadine.

Međutim, obradio sam njihov koncept koristeći bijelu sliku s matričnim simbolima. Koristili su bijeli simbol transparentna pozadinakoji, u pravilu, mogu biti vrlo učinkovite. U tom slučaju, vaša CSS pozadina boja bi se manifestirala na kvadratnom ili pravokutnom području oko simbola, umjesto samog simbola.

I Dan i PJ koristili su transparentni GIF umjesto PNG. Potpuno je pokrio njihove potrebe i pod stilom ikona koje su morali stvoriti slike piksela. Koristeći PNG, možete dobiti sličnu tehniku, ali s nekim superiornosti antiasing i djelomične transparentnosti za uporabu u detaljnijim ikonama.

Pa, ali u kojim preglednicima radi?

Znam što mislite: sve to PNG transparentnost izgleda dobro, ali je li to praktično?

Dobre vijesti su da svi moderni preglednici potpuno podržavaju PNG slika, uključujući i transparentnost alfa kanala, prednosti koje sam pokazao u primjerima. Safari (sve verzije), Firefox (sve verzije), Opera (verzija 6 i više), Netscape (verzije 6 i više), i Mozilla (sve verzije) bit će s praskom kako bi radili sve što ću ih pitati. Ali postoji jedna loša vijest - jedini preglednik koji još nisam spomenuo i koji ima većinu korisnika: Internet Explorer.

Internet Explorer 6 i ispod ne podržavaju transparentnost alfa kanala ugrađenog u PNG formatu. Budući da je najbrojniji web surferi napravljen (ili ne izbor) preglednik, ova zjapačka rupa sadržavala je web dizajnere daleko od PNG-a. No, s Internet Explorer 7, dobili smo punu potporu alfa transparentnosti PNG u svim značajnim preglednicima. Što je sljedeće, postoje li načini za rad s alfa transparentnošću PNG u programu Internet Explorer 6 i ispod? Dakle, ako želite koristiti ovaj učinak, ništa vas neće zaustaviti. Internet Explorer 6 i njezine rane verzije zahtijevaju više nego što je potrebno, pozornost, ali je definitivno moguće.

Hack za Internet Explorer: Alphaimageloader

Internet Explorer ima razne vlastite filtre. Oni se koriste u CSS-u, ali nisu dio službene CSS specifikacije. Drugim riječima, oni nisu standardizirani na webu. Nažalost, Internet Explorer 6 i ispod ne podržavaju PNG format (koji preporučuje W3C), Microsoft ima filtar koji eliminira taj nedostatak: Alphaimageloader.

Jedan od glavnih zadataka koje su nova mjesta suočavaju s vrhom brzo preuzimanje Preglednici stranica. Budući da minimalistički dizajn nije svima korisnicima, morate tražiti kompromis između prekrasnog dizajna s elegantnim grafičkim elementima i brzinom web resursa. Prije toga, kako bi se smanjila težina slika, programeri web-lokacije koristili su GIF ili JPG. Sada, sve više i češće, uveonici koriste slike u PNG formatu. Pokušajmo shvatiti zašto se to dogodi.

Zašto je bio PNG-format

Kratica, koja je ime ove vrste grafike, formira se iz prvih slova sljedećih engleskih riječi: prijenosna grafika mreže, koja se može prevesti kao "pokretna grafika za uporabu u mreži". PNG format je posebno inhibiran kako bi se uklonili nedostaci kompresije koristeći jednostavniji GIF algoritam koji se polako počeo očuvati. Osim toga, može se koristiti do neke mjere za zamjenu mnogo glomaznog TIFF-a uglavnom za uređivanje.

Što se događa PNG format

Do danas se našuju dvije verzije ovog algoritma. U prvom slučaju, 8-bitni i drugi je 24-bitni. Fotografija u PNG-8 formatu, u usporedbi s GIF verzijom, odlikuje se nešto boljim i nedostatkom stvaranja animacije. Unatoč činjenici da takva slika može sadržavati najviše 256 boja, ovaj algoritam se naširoko koristi za stvaranje grafičkog teksta, logotipa, ilustracija s jasnim rubovima i slikama s gradijentnim transparentnošću. U slučajevima kada to očito nije dovoljno, programeri koriste 24-bitni PNG format koji ima masu dodatnih pogodnosti, kao što su:

  • Poboljšani algoritam kompresije, poništite gubitak kvalitete.
  • Mogućnost korištenja alfa transparentnosti osigurava 256 različitih razina transparentnosti.
  • Prisutnost gama ispravljanja koja vam omogućuje automatsko podešavanje svjetline snimke prilikom reprodukcije u različitim programima.
  • Sposobnost korištenja oko 16,7 milijuna nijansi u boji.

Sve to zajedno doprinosi korištenju PNG24 za komprimiranje svih slika koje sadrže prozirne površine, crteže s velikim brojem boja i jasnim granicama slike.

Trend razvoja

Unatoč činjenici da je širenje PNG formata još uvijek suzdržani starim preglednicima, kao i nedovoljnom i nepotpunom podrškom za mogućnosti ovog algoritma u novim verzijama, za web grafiku PNG je vrlo obećavajuća. U usporedbi s GIF-om, posjeduje tri glavne prednosti: alfa kanali, gama korekcija i dvodimenzionalni interlace (metoda progresivnih slika). I u usporedbi s JPEG-om, nema gubitak kvalitete. Imajte na umu da je PNG format izumljen 4. siječnja 1995. Od tog vremena prošlo je 18 godina, a on je počeo voditi koristiti na web stranicama, gurajući Gif na drugo mjesto.

Većina običaja (na primjer MS Paint) danas je usvojila kao standard za spremanje zadanih datoteka. Vjerojatno, ako ne bi bilo za animaciju i hir iz starih verzija Internet Explorera, GIF će dati mjesto svom natjecatelju čak i ranije.

PNG format je najviše "junior" među popularnim web gradima grafike; Stoga još nije dovoljno raširena. Međutim, njegove sposobnosti sugeriraju da će u budućnosti, proizvođači softvera i web-stranica programeri platiti više pozornosti njemu.

Kratica PNG dešifrira se kao prijenosna grafika mreže - transferi mrežne grafike.

Što se tiče njezinih karakteristika, ovaj format je sličan GIF-u, koji nije iznenađujuće - nakon svega, PNG je razvijen kao alternativa. PNG podržava sljedeće funkcije:

  • skladištenje boja s dubinom boje do 48 bitova (u gif - do 8 bita);
  • skladištenje monokromnih slika (do 16 bitova po pikselu);
  • podrška za promjenu transparentnosti - do 256 gradacija (u GIF formatu svaki piksel ili transparentan, ili ne);
  • kompresija slike bez gubitka;
  • pomoću filtriranja za optimiziranje kompresije (u GIF je odsutan);
  • mogućnost interlaciranih slika na zaslonu;
  • ugrađeni alati za otkrivanje pogrešaka prijenosa podataka (u GIF-u nedostaje);
  • protoka (GIFS nedostaje);
  • spremanje kopija smanjene slike.

Za razliku od GIF-a, PNG format se slobodno distribuira za uporabu. To znači da njegova podrška u softver Možete unijeti bez plaćanja dozvola. Za komprimiranje slike u PNG formatu, Algoritam LZ78 je LZW prekursor koji se koristi u GIF formatu. Nedostaci PNG u usporedbi s GIF-om mogu se pripisati nemogućnosti spremanja u jednoj datoteci više slika i stvaranje animacije.

Datoteka pohranjena u PNG formatu ima blok strukturu, čini je sličnim TIFF formatu. Bilo koji program koji podržava standardni PNG format trebao bi raditi s četiri vrste blokova:

  • jedinica zaglavlja sadrži osnovne parametre slike. Datoteka ne može imati više od jednog naslova;
  • blok palete definira paletu boja koje se koristi na slici. Ova se jedinica koristi samo ako je potrebna paleta (slika se sprema u način indeksiranih boja);
  • blok slike sadrži slikovne podatke;
  • slika slike closup zatvara PNG datoteku.

Osim ovih blokova, datoteka može sadržavati dodatne podatke, kao što su informacije o autoru, tekstualnim komentarima (uključujući komprimirani), informacije o kontrastu i korekciji gama, informacije o transparentnosti (Alpha kanal) itd. U uvođenju novih Mogućnosti, možete lako dodati datoteku novi blok, U isto vrijeme, stari programi jednostavno "neće potaknuti pozornost." To osigurava mogućnost jednostavnog širenja formata.

  • Sama slika može se spremiti u različitim načinima. Na primjer, Adobe Photoshop. Podržava RGB načine (16 milijuna boja), nijanse sivih (256 gradacija) i indeksiranih boja (256 boja).
  • Transparentnost slike se sprema kao alfa kanal, koji omogućuje prikaz do 256 gradacija transparentnosti. To vam omogućuje da implementirate glatku prijelaz s slike na pozadinu i izbjegavajte izgled "haloe" na granici s transparentnosti. Na sl. 2.9 Dodijeljen je primjer takvog sloja. Lijevo je izvorna slika, u središtu - pozadinu, desno - rezultat.

Sl. 2.9.Rezultat impozantnih slika s glatkom promjenom transparentnosti na pozadini

Na sl. 2.10 prikazuje rezultat preklapanja na istoj pozadini pohranjenoj u GIF formatu.

Sl. 2.10.Nametanje na pozadini slika s dvije vrijednosti transparentnosti (ili je, ili ne)

BILJEŠKA. U preglednicima, prikaz glatko mijenja transparentnosti još nije implementiran.

Prilikom spremanja slika u PNG formatu, isključene slike i razne filtre mogu se koristiti za optimiziranje kompresije. Interlaced slika prikazuje se ne linija po liniji (kao pri čitanju GIF formata) i pravokutnim blokovima (prvih 8x8 blokova, zatim 4x8, 4x4, 2x4, 2x2, 1x2). Je li takav algoritam u čast njegovog izumitelja Adam? Nažalost, nisu svi preglednici ispravno upravljali mogućnostima ovog formata. Na sl. 2.11 Prikazuje se kako PNG datoteke prikazuju pregledniku Internet Explorer.

Filtri omogućuju vam da pripremite podatke (optimizirajte ih) i time povećali stupanj kompresije. Filtriranje se primjenjuje na bajtove komponenti boja piksela linije. Za svaku liniju možete primijeniti svoj algoritam ili ga uopće ne koristiti. Postoji nekoliko sorti filtera:

Sl. 2.11.Prikaz stranice s PNG slikama u procesu pokretanja

  • Pod-raspoznaju razliku između vrijednosti bajtova za trenutni piksel i sličnu vrijednost za prethodni piksel;
  • Up određuje razliku između vrijednosti bajtova za tekući piksel i istu vrijednost za prethodni piksel;
  • Prosjek - vrijednost za trenutnu pikselu predviđena je na temelju prosječne vrijednosti dobivene za piksele na lijevoj strani i na vrhu struje;
  • Paeth - vrijednost se predviđa na temelju vrijednosti linearne funkcije dobivene od vrijednosti lijevog, gornjeg i lijevog gornjeg piksela.

U nekim slučajevima, filtriranje vam omogućuje da smanjite veličinu datoteke, međutim, za svaku sliku, metoda filtriranja treba odabrati pojedinačno.

Osim različitih algoritama filtriranja, ugrađeni alati za ispravljanje boja mogu se primijeniti na sliku. Za PNG, to je gama korekcijski pokazivač (omogućuje vam podešavanje boja prema svjetlini monitora), informacije o kontrastu, kao i informacije o glavnim bojama i "bijeloj točki". Glavne boje i bijela točka daju se koordinatama u standardnom prostoru boja. Svi ovi parametri omogućuju vam da poboljšate kvalitetu slike na računalu korisnika.

Pregledali smo karakteristike PNG formata. Da bismo napravili potpunu sliku svog opsega, testirat ćemo. Na sl. 2.12 Postoje tri testne slike. Slika 2.13 i primjer je uzorak koji se sastoji od jasnih linija (krugova ili crteža). Slika 2.13, B - fotografija koja sadrži veliku parcelu s glatkom promjenom boje (nebo). Slika 2.13, na - fotografiju s velikim brojem malih detalja. Dimenzije izvorne datoteke u tiff format: od 127 do 129 kb.

ali
B. u

Sl. 2.12.Ispitne slike za usporedbu GIF, JPEG i PNG format format

Da biste usporedili mogućnosti raznih formata, spremite sve ove slike u datoteke GIF., PNG i JPEG. U ovom slučaju gIF formati i PNG u normalnom i isprepletenom načinu, au JPEG formatu pohranjenih s indikatorom kvalitete (na Adobe Photoshop ljestvici), jednak 7. U isto vrijeme, uočeni su mali zvukovi na svim slikama (osobito na granicama objekata). Usporedite veličine primljenih datoteka.

Tablica 2.1.Veličine datoteka primljenih nakon očuvanja testnih slika u različitim formatima, KB

Ova tablica vam omogućuje da prosudite optimalni opseg korištenja svakog formata. Kao što se može vidjeti, GIF i PNG formati daju eksplicitne dobitke uz održavanje crteža s malim brojem boja i velikih monofonskih područja (krugovima, dijagramima). I gif osigurava nešto bolju kompresiju. Budući da se algoritmi kompresije koji se koriste u tim formatima ne ometaju sliku, ne možete se bojati da će se male pojedinosti o shemi izgubiti ili iskriviti. Interlace slike, iako su vizualniji za korisnika, uzmite više prostora nego što nije isprepleteno. Za spremanje slika u boji najbolji način Prikladan jPEG format, Iako pridonosi neku izobličenja u crtanje, odabirom stupnja kompresije možete ih smanjiti na prihvatljivu razinu. Ova forma formatu su u ovom slučaju najmanja veličina za sve slike osim sheme. Prilikom spremanja takvih crteža, GIF i PNG pokazali su najbolje rezultate.

Također usporedite učinkovitost korištenja različitih filtara koji se koriste u PNG formatu.

Filtri su testirani na primjerima uzorka (sl. 2.13, a) i fotografije s malim dijelovima (sl. 2.13, b). Za shemu, uporaba filtera nije dala pobjedu u veličini datoteke i, čak i naprotiv, uzrokovalo je njegovo povećanje za 0,5-1 KB. U isto vrijeme, za fotografiju "Profil" datoteke pokazale su manje od "nefiltrirane". Za slike s 16 milijuna kolona, \u200b\u200bdobici su iznosili oko 10%. U isto vrijeme, slike s 256 boja na upotrebi filtra praktički nisu reagiraju.

Završava razgovor o PNG formatu, može se reći da iako je postavljen velike mogućnosti, većina njih u trenutno Ne provode se u preglednicima. Time se sprječava rast popularnosti. Nakon uvođenja pune potpore, ovaj format može uzeti dostojno mjesto među "alatima" web dizajnera.