Co je PNG? Formáty obrázků SVG, PNG a JPG: klady a zápory formátu Png, který formát

Počítačová grafika nyní zaplavila všechno kolem, dokonce se na fotografie díváme častěji na obrazovce monitoru, telefonu nebo televize než na papíře. Nejzajímavější však je, že způsoby ukládání těchto obrázků jsou velmi odlišné. Existuje několik desítek formátů pro ukládání obrázků, z nichž každý má své vlastní výhody a nevýhody, ale nejefektivnější a nejoblíbenější z nich jsou ty, které poskytují nejlepší kvalitu, a navíc je soubor malý. Jedním z těchto formátů je PNG. Jaký je tento formát a odkud pochází?

Stručně o samotném důvodu vzhledu tohoto formátu úložiště obrázků ...

4. ledna 1995 byla předložena myšlenka vytvoření volného formátu místo placeného GIF a již v prosinci téhož roku byl nový formát PNG již připraven a navržen k posouzení. V té době nám formát GIF umožňoval přijímat velmi malé soubory, které bylo vhodné na stránkách používat. Ale bývalý bezplatný GIF se najednou stal zaplaceným - majitel patentu na něj, společnost Unisys Corporation, se rozhodla účtovat peníze za každý obrázek, který používá tento formát. To byl důvod pro vývoj volného formátu, který dostal název PNG - zkratka anglického výrazu „portable network graphics“. Jak název napovídá, je určen pro použití v síti, kvůli malé velikosti souborů, což umožňuje rychlejší načítání stránek s grafikou.

Jaké jsou výhody a nevýhody formátu PNG ve srovnání s ostatními, zejména s jeho hlavním konkurentem - formátem GIF? Existuje mnoho rozdílů, ale nejdříve nejdříve ...

Formát PNG používá kompresní algoritmus s názvem Deflate, který je sám o sobě volně redistribuovatelný, to znamená zcela zdarma. Tento algoritmus pracuje na principu konvenčního archivátoru, který efektivně komprimuje informace o barevném gamutu každého pixelu, a je to právě tento algoritmus, který umožňuje získat poměrně malý soubor. Kromě toho lze v tomto formátu ukládat plnobarevné obrázky, tedy ty, které používají až 48 bitů na pixel - a to je velmi velký barevný gamut, dokonce více, než dokáže lidské oko vnímat. Formát GIF umožňuje pouze 256 barev a odstínů - dost pro nejjednodušší obrázky, ale velmi málo pro fotografickou kvalitu.

Formáty PNG, GIF a TIFF používají takzvaný alfa kanál. To znamená, že můžete některé části obrázku zprůhlednit. Ve formátu GIF se to zároveň děje velmi jednoduše - pouze jedné z barev, z nichž je možné vybírat, je přiřazena průhledná a při prohlížení obrázku ji jednoduše nevidíte - takto můžete vytvořit průhledné pozadí. Formát TIFF je v tomto ohledu promyšlenější, ale používá se velmi zřídka - velikost souboru je příliš velká. Ale ve formátu PNG je alfa kanál vytvořen moudře - není tam jen průhlednost, ale má také 256 gradací jasu. To znamená, že můžete snadno provést přechod ze zcela průhledného pozadí na plně barevný obrázek a současně získat krásné efekty. Na webových stránkách vypadá obzvláště krásně. Pokud průhlednost nepotřebujete, můžete ji při ukládání obrázku jednoduše přeskočit a získat ještě menší soubor.

Formát PNG má bohužel jednu nevýhodu, ne příliš významnou - neumožňuje ukládání sekvence obrázků, tzv. Animace. GIF vám to umožňuje. Stalo se to proto, že v době vytváření nového formátu se animace prakticky nikde nepoužívala a v roce 1995 již nebylo potřeba zvláštních barevných stránek, takže byla animace z projektu vyloučena jako zbytečná. Dnes je místo pro animaci obsazeno technologií Flash, které konkurenčním není žádný běžný grafický formát.

Pokud je PNG tak dobrý, proč se nestal velmi populárním? Odpověď je jednoduchá - vývojáři jiných programů ji špatně podporovali. Obzvláště ovlivněno skutečností, že většina uživatelů internetu používala prohlížeč Internet Explorer a on „nerozuměl“ obrázkům PNG, ačkoli vývojáři jiných prohlížečů do nich okamžitě zabudovali takovou podporu. Situace byla opravena, až když se objevil Internet Explorer 7, ale doba „propagace“ již dávno uplynula.

Dnes je PNG jedním ze tří nejpopulárnějších a doporučených formátů webových technologií spolu s formáty GIF a JPG. A pokud nedostatek animace nelze považovat za nevýhodu, pak ve všech ohledech vyhrává ve srovnání s ostatními. Vysoce kvalitní obrázek bez ztráty kvality, malý soubor, plynulé přechody na průhledné pozadí a dokonce i bez porušení autorských práv někoho jiného - co jiného musí mít vývojář webových stránek, aby byl šťastný?

PNG (Portable Network Graphics), vyslovovaný „ping“, je bitmapový formát pro ukládání grafických informací pomocí bezztrátové komprese. Soubor PNG byl vytvořen s cílem vylepšit a nahradit formát GIF grafickým formátem bez licence. PNG je mezinárodní standard (ISO IEC 15948: 2003) a je oficiálně doporučován W3C.

Formát PNG ukládá grafické informace v komprimované podobě. Kromě toho se tato komprese provádí bez „ztráty“, na rozdíl například od standardního JPEG (i při nejvyšší úrovni kvality).

Formát PNG je navržen tak, aby nahradil starší a jednodušší formát GIF a do jisté míry nahradil mnohem složitější formát TIFF.

Pokud mluvíme o webdesignu, pak má ve srovnání s GIF následující hlavní výhody:

Vylepšená komprese: Ve většině případů je obrázek PNG menší než obrázek GIF.
- Více barev v obrázku: Téměř neomezený počet barev v obrázku, zatímco limit pro GIF je 256.
- Volitelná podpora pro alfa kanál: Zatímco GIF podporuje pouze binární průhlednost, PGN vám umožňuje dosáhnout neomezeného počtu efektů průhlednosti prostřednictvím podpory alfa kanálu.

Jako nevýhodu samozřejmě stojí za zmínku nedostatečná podpora animace, jako je GIF. I když samozřejmě existuje podobný standard pro animaci, který se nazývá Multiple-image Network Graphics (MNG), není rozšířený a není tedy široce podporován moderními prohlížeči.

Soubor PNG je ve formátu Portable Network Graphics. Formát používá bezztrátovou kompresi a je obecně považován za náhradu formátu obrázku GIF. Na rozdíl od souborů GIF však souborů PNG ne podpora animace. Existuje však velmi podobný formát MNG (Multiple Image Network Graphics), ale tento formát si nezískal tolik popularity jako soubory GIF nebo PNG.

Soubory PNG se často používají k ukládání grafiky na webových stránkách. Některé operační systémy, jako jsou macOS a Ubuntu, ve výchozím nastavení ukládají snímky obrazovky ve formátu PNG.

Další použití pro PNG je situace, kdy části obrázku musí být průhledné, což může být užitečné při ilustracích, designu webových stránek, fotografii atd. Máte-li například logo, které chcete umístit na fotografii, je mnohem snazší logo „vystřihnout“ a ponechat kolem něj průhledné pixely, takže při umístění na jiný obrázek tohle jeobrázek byl viditelný přes průhlednost.

Jak otevřít soubor PNG

Jak převést soubor PNG

Je pravděpodobné, že každý převaděč obrazových souborů, se kterým pracujete, bude schopen převést soubor PNG do jiného formátu (např. ICO, GIF, BMP, TIF atd.). Některé online převaděče PNG, například FileZigZag a Zamzar, to zvládnou také.

Další varianta převod souboru PNG - použijte jeden z prohlížečů obrázků, který jsem zmínil dříve. Ačkoli existují hlavně jako „otvírače“ pro různé typy obrázků, některé z nich podporují ukládání / export otevřeného souboru PNG do jiného formátu obrázku.

Kdy použít soubory PNG

Soubory PNG Je skvělý formát k použití, ale ne nutně v každé situaci. Někdy může být PNG příliš velký a nejen zabírat zbytečné místo na disku nebo komplikovat, ale může také výrazně zpomalit webovou stránku, pokud ji tam použijete. Před převedením všech vašich obrázků do PNG je tedy třeba mít na paměti několik věcí (nedělejte to).

Když přísně uvažujete o velikostech souborů PNG, musíte zvážit, zda jsou výhody kvality obrazu dostatečně dobré, aby obětovaly místo (nebo pomalé načítání webových stránek atd.). Od souboru PNG ne komprimuje obrázek stejně jako jiné ztrátové formáty, například JPEG, kvalita se nesníží natolik, když je obrázek ve formátu PNG.

Soubory JPEG jsou užitečné, když má obraz nízký kontrast, ale PNG je lepší, když máte co do činění s ostrým kontrastem, například když má obraz čáry nebo text nebo velké oblasti plné barvy. Screenshoty a ilustrace se tedy nejlépe ukládají ve formátu PNG, zatímco „skutečné“ fotografie se nejlépe ukládají ve formátu JPEG / JPG.

Můžete také zvážit použití PNG přes JPEG, když pracujete s obrázkem, který je třeba znovu a znovu upravovat. Například, protože formát JPEG podléhá tzv ztráta generace, neustálé úpravy a ukládání souboru mají za následek zhoršenou kvalitu obrazu. To neplatí pro PNG, protože používá bezztrátovou kompresi.

Další pomoc se soubory PNG

Aby bylo pozadí průhledné ve formátu PNG, můžete použít automatické nástroje, jako je Clipping Magic, bezplatný nástroj pro odstranění pozadí nebo téměř jakýkoli program pro úpravu obrázků.

Například pokud máte Photoshop, umístěte obrázek na jeho vlastní vrstvu, odstraňte vrstvu pozadí a poté použijte jakýkoli nástroj (jako Eraser, Marquee, Lasso) k vymazání částí obrázku, které by měly být průhledné.

Pokud jde o vytváření obrázků pro web a další digitální použití, jaké formáty souborů vám mohou poskytnout nejlepší výsledky? Musíte myslet na rychlost versus kvalita a velikost obrazu. Jaké byste tedy měli použít: SVG, PNG nebo JPG?

Bývaly doby, kdy jste právě použili JPG, aby se vešlo 72 dpi prostoru a pokračovali. Už ne. Obrazovky s vysokým rozlišením, více výřezů a potřeba rychlého webu způsobily, že vše bylo mnohem obtížnější. Pojďme se podívat na výhody a nevýhody každého z těchto formátů!

SVG

SVG nebo škálovatelná vektorová grafika v její podobě je neuvěřitelně praktická. Proto návrháři používají tento formát častěji.

Vzhledem k tomu, že SVG je vektorový formát, vypadá skvěle v jakékoli velikosti a funguje téměř pro jakýkoli typ obrazu kromě fotografie.

SVG je bezztrátový formát, což znamená, že při kompresi neztrácí žádná data, zobrazuje neomezený počet barev a nejčastěji se používá pro grafiku a loga na webu, stejně jako pro projekty, které se budou zobrazovat na sítích Retina a jiných obrazovkách s vysokým rozlišením.

Pros SVG

Vektorový formát se vykresluje dobře v jakékoli velikosti
Schopnost vytvářet jednoduché vykreslování SVG v kódu nebo textovém editoru
Navrhujte a exportujte složitou grafiku z aplikace Adobe Illustrator nebo Sketch
SVG text k dispozici
SVG se snadno upravuje a píše
Formáty SVG jsou podporovány moderními prohlížeči a jsou důkazem budoucnosti
Formát je velmi stlačitelný a lehký
Dobré pro vyhledávání díky textovému formátu
Podpora transparentnosti
Umožňuje ukládat statické nebo animované obrázky

Nevýhody SVG

Návrh SVG se může zkomplikovat
Nezobrazuje se v některých zastaralých prohlížečích
Omezená podpora pro e-mailové klienty

PNG

PNG neboli Portable Network Graphics je formát určený pro web, který nabízí to, co JPG neumí - průhlednost. Proto je PNG tak populární pro načítání prvků, jako jsou loga pro návrhy webových stránek.

Existují dva typy PNG - PNG-8 a PNG-24. PNG-8 používá omezenější paletu barev pouze s 256 barvami, má o něco lepší průhlednost a exportuje se v malé velikosti. PNG-24 používá neomezenou paletu barev, podporuje průhlednost, ale exportuje se ve velké velikosti. Oba typy PNG mají bezztrátovou kompresi.

I když jsou formáty PNG podobné GIF, nepodporují animaci. Tento formát se nejčastěji používá pro ikony, malé statické obrázky nebo obrázky, které vyžadují průhlednost.

Pros PNG

Podpora transparentnosti
Vhodné pro obrázky s textem
Formáty PNG vykreslují loga dobře
Zahrnuje vložený textový popis pro vyhledávače
PNG-8 má malou velikost souboru a je nejlehčí
Exportujte bez zubatých hran

Nevýhody PNG

U velkých souborů, jako jsou obrázky, se velikost souborů rychle zvětšuje
Některé staré e-mailové klienty mají problémy s jejich vykreslením
Žádná animace
Soubory PNG-24 mohou být velké, což není příliš dobré a pohodlné pro sdílení přes internet

Jpeg

JPG nebo JPEG je pravděpodobně nejznámější formát obrazu. Toto je výchozí volba pro většinu obrázků, protože se hodí pro fotografie díky téměř neomezenému barevnému zobrazení.

JPG také nabízí možnost zvolit, jak má být obraz komprimován z 0% (silná komprese) na 100% (bez komprese). Většina návrhářů volí něco v rozmezí 60 až 70 procent. Na této úrovni komprese obrázky stále vypadají dobře, ale velikost souboru je podstatně menší.

JPG používá ztrátovou kompresi a nepodporuje původní data během komprese. Pokaždé, když je fotografie znovu uložena a exportována ve formátu JPG, degraduje se.

Formát JPG se nejčastěji používá pro obrázky, fotografie a cokoli, co má velké množství barev.

Pros JPEG

Skvělé pro vícebarevné a fotografování
Snadno zmenšete velikost souboru
Důsledně zobrazeno v e-mailových klientech

Nevýhody JPEG

Žádná průhlednost
Vytvoří zubaté hrany pro text
Žádná animace
Ztrátový formát
Automatická metadata pro vyhledávání nesmí obsahovat alternativní informace

Jaký formát byste měli použít?

Nyní, když víte, jaké jsou rozdíly mezi SVG, PNG a JPG, který z nich byste měli použít?

Chcete-li získat odpověď, můžete si položit několik z následujících otázek.

Potřebujete vektorový nebo bitmapový formát?

Vektor: SVG

Rastr: JPG nebo PNG

Potřebujete transparentnost?

Ano: SVG nebo PNG

Používáte vícebarevný obrázek?

Ano: JPG nebo PNG

Je to velká fotka?

Obsahuje obrázek text?

Je pro vás bezztrátová komprese důležitá?

Ano: SVG nebo PNG

Musím aktualizovat a překonfigurovat grafiku?

Ne: PNG nebo JPG

Používáte animaci?

Ne: JPG nebo PNG

Závěr

Všechny tři obrazové formáty - SVG, PNG a JPG - mají praktické a rozšířené použití. Zatímco SVG je nejnovější formát a lze jej často uložit do nejmenší velikosti souboru, není to vždy nejlepší volba.

Přemýšlejte o tom, jak používáte obrázky ve svém projektu, jak si vyberete typ souboru, abyste našli ten, který bude nejlépe fungovat pro to, čeho se snažíte dosáhnout. Můžete dokonce zjistit, že některé projekty obsahují obrázky využívající všechny tři typy souborů. To se vlastně stává docela často!

Všechna úspěšná práce a kreativita!

PNG (Portable Network Graphics) je grafický formát rastrového typu obsahující 8bitovou barevnou paletu. Algoritmus komprese Deflate vyvinutý pro soubory PNG zmenšuje velikost uloženého obrázku bez ztráty kvality výsledného obrázku.

Tento článek vám také ukáže, jak otevřít soubor PNG.

Charakteristický

PNG je po JPG druhým nejpopulárnějším internetovým formátem.

Mezi dalšími výhodami stojí za zmínku:

prokládané rozložení;
vestavěná softwarová paleta barev a korekce gama.

Druhá možnost umožňuje vložit do obrazu všechny potřebné parametry zobrazení, aby na všech obrazovkách vypadal tak, jak to autor zamýšlel.

Formát má 2 verze:

PNG-8 (barevná škála indexu je podobná jako v GIF);
PNG-24 (plná a plná barevná paleta napodobující JPEG).

Historie původu

V roce 1995, v době vývoje bezplatného internetu, se otázka majetkové povahy komplexního formátu GIF objevila ostře. Pro výměnu grafických dat v síti WWW byl zapotřebí stejně spolehlivý, ale svobodný a bezplatný formát. V tomto okamžiku byly specifikace PNG 1.0 představeny na mezinárodním konsorciu W3C, schváleném již v roce 1996.

Formát byl vytvořen jako alternativa k GIF. Ten byl „uzavřen“ až do roku 2004, to znamená, že měl řadu omezení pro bezplatné použití (vyžadoval autorská práva vlastníka při uchování, patentové licence při umístění). PNG byl zbaven takových nedostatků, zatímco implementoval podporu barevné hloubky až 48 bitů a 8bitový alfa kanál pro přenos obrazu.

Vývojářům se podařilo vytvořit hladkou průhlednost barev, což je v GIF nemožné. V druhém případě je paleta omezena na 8bitový kanál (256 barev) a podporuje pouze plnou průhlednost.

Jak otevírat soubory PNG

Dnes se grafický formát snadno zobrazuje v internetovém prohlížeči a standardních grafických prohlížečích. Podrobněji je obrázek následující: každý operační systém má své vlastní nástroje pro práci s formátem. Podívejme se blíže na to, jak otevřít formát PNG.