Všichni nahráváme obrázky, vytváříme fotografie, vytváříme „memy“, které můžeme sdílet v sociálních sítích. Mnoho lidí zveřejňuje obrázky, aniž by přemýšleli o tom, který formát grafického souboru je pro konkrétní případ nejvhodnější. Tento článek se nevztahuje na profesionály v oblasti rastrové a vektorové grafiky. Ve zbytku bude tato krátká analýza grafických formátů užitečná, abyste lépe porozuměli tomu, pro jaké účely použít ten či onen formát. Takže, začněme.
Stručná analýza formátů grafických souborů
- JPG/JPEG/JFIF
- TIF/TIFF
Rastr vs vektor
Než se dostaneme k pěti vybraným formátům souborů, je dobré vědět, že existují dvě hlavní grafické rodiny: rastrová a vektorová a všechny níže uvedené formáty obrazových souborů jsou součástí rodiny rastrů.
V rastrové grafice je obraz sestaven z pixelů, zatímco vektorová grafika je sestavena z cest nazývaných úsečky.
Komprese souborů
Formáty obrazových souborů lze navíc rozlišovat na základě kompresních efektů nazývaných komprese. Typů kompresních schémat je poměrně velké množství, ale podstatu jejich existence lze shrnout do jednoho úkolu – co nejefektivněji zkomprimovat rastrový soubor. Nemá smysl komprimovat grafický soubor, protože jeho velikost nezávisí na měřítku, ale na počtu cest v něm.
Komprese může velmi efektivně komprimovat obrázky doslova dvakrát nebo vícekrát. To však téměř vždy vede ke ztrátě kvality, protože hlavním kompresním algoritmem je vybrat několik pixelů a nahradit je jedním nebo dvěma podobnými odstíny. Komprimovaný soubor nikdy nebude přesnou reprezentací originálu, s některými výjimkami. Promluvme si o tom dále. Komprese souborů je obvykle vhodná pro malé fotografie a není vhodná pro profesionální. kresby nebo kvalitní ilustrace, prezentace.
Bezeztrátová komprese je stejná jako původní soubor, protože nekomprimovaná komprese je přesnou reprezentací originálu.
Obrázky JPG/JPEG/JFIF
Zkratka pro: Společná skupina fotografických expertů - Společná skupina expertů na fotografování.
Přípony souborů: .jpg / .jpeg
Nejběžnější formát mezi rastrové soubory snímky. Digitální fotoaparáty ukládají své snímky v tomto formátu. soubory JPEG použijte metodu ztrátové komprese, která může výrazně snížit velikost souboru bez výrazného snížení kvality.
Mínusy: Tento formát není chráněn před generační degradací. To znamená, že pokaždé, když upravíte a uložíte, je kvalita obrazu stejná nová verze soubor se zhorší.
Použitelnost: neprůhledné obrázky, zařízení pro snímání obrázků (gadgety, kamery, akční kamery).
Formát obrázku PNG
Zkratka pro: Portable Network Graphics - přenosná síťová grafika. 
Přípona souboru: .png
Otevře se tato bezplatná alternativa GIF zdrojový kód, který podporuje 16 milionů barev, na rozdíl od GIF, který má maximálně 256 barev. Toto je nejlepší formát souboru pro obrázky, které zachovávají zdroj barev. Formát je vhodný pro zprostředkování ideální rovnováhy tónu. Animovaný soubor PNG k dispozici ve formátu APNG. Tyto soubory mají obvykle průhledné pozadí.
Mínusy: Nejvhodnější pro velké soubory. Samotný formát PNG nepodporuje animovanou grafiku.
Použitelnost: Úpravy obrázků, webové obrázky, obrázky s přihlédnutím k vrstvám, jako je průhlednost nebo efekty vyblednutí.
přípona souboru TIF
Zkratka pro: Tagged Image File Format – formát pro ukládání rastrových grafických obrázků.
Přípona souboru: .tif / .tiff
Flexibilní a snadno rozšiřitelný formát souborů schopný ukládat soubory s vysokou barevnou hloubkou. Tyto soubory mají průhledné pozadí. Jsou ideální pro firemní loga.
Mínusy: Není ideální pro webové prohlížeče.
Použitelnost: Počáteční fáze fotografických souborů v tisku. OCR softwarové balíčky.
Formát souboru GIF
Zkratka pro: Graphics Interchange Format – formát pro výměnu obrázků. 
Přípona souboru: .gif
Přestože má GIF ve srovnání s většinou video formátů nízký kompresní poměr, je to nejoblíbenější formát mezi uživateli pro animaci obrázků.
Mínusy: Formát je omezen na 8 bitů (256 barev) a není vhodný pro fotografické obrázky nebo vyhlazování.
Použitelnost: Grafika, která vyžaduje více barev, jako jsou zjednodušené diagramy, loga a animace, které jsou z více než 50 % jednobarevné.
Formát obrázku BMP
Zkratka pro: Bitmapový obrázek – doslova formát pro ukládání bitmapových obrázků
Přípona souboru: .bmp
Tento formát byl vyvinut společností Microsoft a je navržen pro ukládání velkých nekomprimovaných souborů v systému Windows.
Mínusy: Tento formát nepoužívá kompresi.
Použitelnost: zjednodušená struktura formátu dělá bmp soubory ideální pro programy Windows.
Toto jsou nejběžnější formáty obrazových souborů, které dnes uživatelé používají. Nyní, když víte, který z nich je ideální pro konkrétní účel, můžete lépe pochopit, které formáty grafických souborů pro sebe použít.
Víte, jaký je rozdíl mezi JPEG, GIF, PNG a dalšími formáty obrázků? Kdy byste měli použít ten či onen formát nebo jaký je nejlepší pro ukládání fotografií? Níže naleznete odpovědi na všechny tyto otázky.
V kontaktu s
Ztrátové/bezeztrátové algoritmy komprese dat
Nejprve musíte pochopit rozdíl mezi ztrátovými a bezeztrátovými algoritmy komprese dat. Bezeztrátová komprese je metoda komprese obrazu, která si zachovává svou kvalitu bez ohledu na to, kolikrát je soubor komprimován a obnoven.
Při použití ztrátové komprese se kvalita obrazu sníží pokaždé, když je soubor komprimován/dekomprimován. Jedna z nesporných výhod tato metoda spočívá v možnosti vyššího stupně komprese. Pro ukládání a úpravu fotografií je vhodnější bezztrátová komprese, pokud však potřebujete obrázek odeslat přes e-mailem nebo zveřejnit na internetu, je lepší použít druhý způsob.
.DRSNÝ
Formát souboru obsahující nezpracované informace pocházející přímo ze snímače poloprofesionálních a profesionálních fotoaparátů. Tyto soubory nejsou zpracovávány procesorem fotoaparátu a obsahují všechny zachycené informace v „raw“ podobě. Velikost takových souborů může přesáhnout 25 MB. Soubory RAW jsou skvělé na úpravu, ale kvůli jejich velké velikosti nejsou příliš vhodné na ukládání.
.JPEG (JPG)
To je možná nejčastější grafický formát. Obvykle se používá k publikování fotografií a obrázků s textem na internetu. JPEG je formát TrueColor, což znamená, že může ukládat obrázky s barevnou hloubkou 24 bitů/pixel. Tento formát dokáže zobrazit více než 16 milionů barev.
JPEG si získal svou popularitu díky svým flexibilním možnostem komprese dat. V případě potřeby lze obrázek uložit z vysoká kvalita. Při použití algoritmu ztrátové komprese se kvalita obrazu ztratí při každém uložení souboru. Níže jsou obrázky JPEG ve vysoké, střední a nízké kvalitě.
JPEG s vysokou kvalitou (100). Velikost 113 kB
JPEG se střední kvalitou (50). Velikost 59 kB
JPEG nízké kvality (20). Velikost 27 kB
.GIF
Formát GIF (Graphics Interchange Format) nepotěší barevnou hloubkou (8 bitů). Dokáže uložit bezeztrátově komprimované obrázky v maximálně 256 barvách. Jednou z funkcí GIF je podpora animace.
.PNG
Tento formát byl vyvinut jako náhrada za GIF. PNG znamená Portable Network Graphics. Na rozdíl od GIF má PNG podporu pro přechody průhlednosti díky dalšímu alfa kanálu. Průhlednost je obvykle označena šachovnicovým pozadím, jak je vidět na obrázku níže.
Externě se soubory ve formátu PNG prakticky neliší od obrázků JPG. PNG komprimuje data bez ztráty. Pokud je pro vás důležitá průhlednost, je lepší zvolit tento formát.
Souborové formáty jsou základem práce s digitálními fotografiemi. vám řekne o všech hlavních formátech grafických souborů.
DRSNÝ.
Formát souboru obsahující nezpracované informace pocházející přímo ze snímače fotoaparátu. Tyto soubory nejsou zpracovávány procesorem fotoaparátu (na rozdíl od JPG) a obsahují původní informace o fotografování. RAW lze komprimovat bez ztráty kvality.
Výhody RAW jsou zřejmé - na rozdíl od JPG, který byl zpracován ve fotoaparátu a již uložen s kompresí dat - RAW dává nejširší možnosti zpracování fotografií a zachovává maximální kvalitu.
Poznámka. Různí výrobci Fotografičtí technici používají různé algoritmy k vytváření RAW ve svých fotoaparátech. Každý výrobce přichází s vlastním rozlišením pro svůj RAW soubor - NEF - Nikon, CR2 - Canon...
JPEG (neboli JPG).
Toto je nejběžnější formát grafického souboru.
JPG si získal svou popularitu díky svým flexibilním možnostem komprese dat. V případě potřeby lze snímek uložit v maximální kvalitě. Nebo jej zkomprimujte na minimální velikost souboru pro přenos po síti.
JPG používá ztrátový kompresní algoritmus. Co nám to dává? Zjevnou nevýhodou takového systému je ztráta kvality obrazu při každém uložení souboru. Na druhou stranu komprese obrazu 10krát zjednodušuje přenos dat.
V praxi nezpůsobí uložení fotografie s minimální kompresí žádné viditelné zhoršení kvality obrazu. Proto je JPG nejběžnějším a nejoblíbenějším formátem pro ukládání grafických souborů.
TIFF.
Formát TIFF je velmi oblíbený pro ukládání obrázků. Umožňuje ukládat fotografie v různých barevných prostorech (RBG, CMYK, YCbCr, CIE Lab atd.) a s vysokou barevnou hloubkou (8, 16, 32 a 64 bitů). TIFF je široce podporován grafické aplikace a používá se v tisku.
Na rozdíl od JPG neztratí obrázek TIFF kvalitu při každém uložení souboru. Ale bohužel právě kvůli tomu váží soubory TIFF mnohonásobně více než JPG.
Právo na formát TIFF tento moment ve vlastnictví společnosti Adobe. Photoshop umí uložit TIFF bez sloučení vrstev.
PSD.
Formát PSD se používá v Program Photoshop. PSD umožňuje uložit rastrový obrázek s mnoha vrstvami, libovolnou barevnou hloubkou a v libovolném barevném prostoru.
Nejčastěji se formát používá pro uložení mezivýsledků nebo konečných výsledků komplexního zpracování s možností změny jednotlivých prvků.
PSD také podporuje kompresi bez ztráty kvality. Ale množství informací, které mohou obsahovat PSD soubor, výrazně zvyšuje jeho hmotnost.
BMP.
Formát BMP je jedním z prvních grafických formátů. Je rozpoznán jakýmkoli programem, který pracuje s grafikou, podpora formátů je integrována do OS Windows a OS/2.
BMP ukládá data s barevnou hloubkou až 48 bitů a maximální velikostí 65535x65535 pixelů.
V současné době se formát BMP prakticky nepoužívá ani na internetu (JPG váží několikanásobně méně) ani v tisku (s tímto úkolem se lépe vypořádá TIFF).
GIF.
Formát GIF byl vytvořen v počátcích internetu pro sdílení obrázků. Dokáže ukládat bezztrátově komprimované obrázky až v 256 barvách. Formát GIF je ideální pro kresby a grafiku a podporuje také průhlednost a animace.
GIF také podporuje kompresi bez ztráty kvality.
PNG.
Formát PNG byl vytvořen za účelem vylepšení a nahrazení formátu GIF grafickým formátem, který k použití nevyžaduje licenci. Na rozdíl od GIF má PNG podporu alfa kanálu a možnost ukládat neomezený počet barev.
PNG komprimuje data beze ztráty, což je velmi výhodné pro ukládání přechodných verzí zpracování obrazu.
JPEG 2000 (nebo jp2).
Nový grafický formát vytvořený jako náhrada JPEG. Při stejné kvalitě je velikost souboru JPEG 2000 o 30 % menší než velikost souboru JPG.
Při vysoké kompresi JPEG 2000 nerozdělí obraz na čtverce charakteristické pro formát JPEG.
Bohužel v tuto chvíli není tento formát příliš rozšířen a podporují jej pouze prohlížeče Safari a Mozilla/Fireox (přes Quicktime).
Dobrý den, milí čtenáři tohoto blogu. Dnes chci mluvit o formátech rastrové grafiky, které bylo vhodné použít pro obrázky zobrazené na webu a obecně.
Podíváme se na Gif, který je nyní oblíbený právě díky podpoře GIF animací, Jpg, který se velmi dobře hodí pro vkládání plnobarevných fotografií a samozřejmě Png, který umožňuje vytvářet obrázky s průhledným pozadím a může sloužit jako výborná náhrada dříve zmíněných formátů. Můžete také číst z poloviny grafiku a polovinu textu.
Všechny jsou aktivně využívány, ale trikem je zvolit optimální formát pro každý konkrétní případ tak, aby neutrpěla kvalita obrazu a jeho hmotnost byla minimální. Samotnou grafiku doporučuji převzít z bezplatné služby v podobizně a další podobné, aby později nebyly problémy s porušováním autorských práv.
Rastrová grafika pro web ve formě GIF, JPEG a PNG
V dnešní době je velmi obtížné si představit jednotlivé webové stránky bez fotografií, ikon nebo obrázků na nich. Mimochodem, první prohlížeč, který uměl zobrazovat grafiku, byl Mosaic (mozaika), který se objevil téměř současně s příchodem .
Navíc, jak jsem uvedl výše, ne všechny formáty obrázků jsou vhodné pro přidání na stránky, ale jen některé, maximálně k tomu přizpůsobené - Gif, Png a Jpg. Podle typu obrázku, který chcete na webovou stránku přidat, si budete muset vybrat některý ze zmíněných formátů, které zase patří mezi tzv. rastrovou grafiku.
To samo o sobě znamená, že obraz na papíře nebo na monitoru bude tvořen tzv. jednotlivými prvky zvanými pixely (barevné body). Všechny obrázky jakéhokoli formátu související s rastrovou grafikou mají určité vlastnosti.
Velikost obrázku je určena takovým konceptem, jako je povolení, což je horizontální a vertikální, například 300 na 200. Někdy však o celkovém počtu pixelů na obrázku mluví například výrobci fotoaparátů (12 Mega pixelů atd.).
Ve vztahu k webu může fyzická velikost rastrového obrázku výrazně záviset na velikosti pixelu (zrnitosti obrazovky) zařízení, na kterém uživatel webovou stránku prohlíží. Obrázky se vyznačují i takovým pojetím jako počet barev použitý v něm. Například Gif používá pouze 256 barev, které jsou specifikovány v jednom bajtu informace.
Kromě toho mohou tyto formáty používat různé barevné modely, s jehož pomocí se tvoří všechny možné odstíny. Když jsme s vámi diskutovali o psaní, podrobně jsme se podívali na principy tvorby RGB modelu.
Jednou z hlavních nevýhod rastrové grafiky je velká velikost výsledných obrázků, a to i ve formátech Gif, Png a Jpg, které se na webu používají. Přirozeně, pro zmenšení výsledných obrázků, různé kompresní algoritmy, které fungují jak s degradací kvality (ztrátovou kompresí), tak bez ní.
To vše je velmi podobné principům fungování algoritmů komprese zvuku - MP3 komprimuje se ztrátami a především jsou odstraněny všechny přechody, které s největší pravděpodobností nebudou vnímány lidským uchem. Takovou obdobou ve světě rastrové grafiky může být Formát Jpg, ve kterém se provádí komprese informací se ztrátami. Přitom jsou zohledněny možnosti lidského zrakového vnímání a především jsou odstraněny ty detaily, které nebudou nijak zvlášť nápadné.
Existují však také bezeztrátové algoritmy komprese obrázků - BMP, Gif a Png. BMP většinou není komprimovaný obrázek, a tady Gif a Png jsou komprimovány beze ztráty odstraněním opakujících se a nadbytečných informací (ukáže se něco jako archivace, ale s přihlédnutím k vlastnostem rastrové grafiky).
Existuje mnoho grafických editorů, které dokážou pracovat s rastrovou grafikou (například stejný Photoshop nebo on), ale měli byste používat editory, které jsou zaměřeny speciálně na toto, protože jen tak budete moci získat co nejvíce optimalizované obrázky, které pak nebudou zbytečně zatěžovat váš hostingový server, když jsou načteny do prohlížečů uživatelů.
Formát Gif - prvky návrhu a animace pro web
V současné době téměř všechny prohlížeče podporují tři hlavní formáty rastrové grafiky používané pro web – Gif, Png a Jpg. Historicky jako první se objevil GIF a právě s jeho pomocí bylo možné v prvních prohlížečích přidávat a zobrazovat obrázky a mediální informace, které byly primárně vyjádřeny v tzv. GIF animaci.
Zkratka Gif znamená Graphics Interchange Format. Vyslovováno jako gif, ale vývojáři standardu věřili, že je správné ho nazývat jif, ale v ruské interpretaci se zakořenilo jiné jméno.
Protože byl vyvinut už dávno a většina tehdejších uživatelů měla, ach, tak málo a při jeho tvorbě byl kladen hlavní důraz na minimalizaci velikosti výsledného obrázku (psal jsem o tom v článku o nebo).
V tomto ohledu může Gif obsahovat paletu obsahující pouze z 256 barev(nazývá se také indexovaná paleta). Tito. obrázek převedený do tohoto formátu bude vždy obsahovat maximálně 256 odstínů a všechny ostatní barvy budou vytvořeny na základě míchání (sousední pixely základní palety jsou chytře vybrány tak, aby je lidské oko na dálku vnímalo jako barva potřebná na tomto místě).
Bohužel se však v praxi při převodu plnobarevných fotografií do GIFů objeví (kvůli tomuto míchání) hromada artefaktů, které činí fotografie nepřijatelné pro zveřejnění na internetu. Neslouží tedy k zobrazování plnobarevných obrázků a fotografií na webových stránkách (k tomu se nejčastěji volí Jpg nebo Png).
Gif animace a její použití na internetu
S tak významnou nevýhodou by měl Gif dávno upadnout v zapomnění, ale je stále živější než všechno živé a obrázky v tomto formátu lze často najít na webových stránkách.
Celý úlovek je v tom Formát GIF podporuje animaci(jediný používaný na webu). Všechny druhy animace a (včetně), ve kterých jste velké množství najdete na internetu, mají příponu GIF.
Pravda, již nějakou dobu se vyvíjí alternativní formát Mng, který přidává možnost animace v Png, ale jeho vývoj a distribuce nejde příliš vysokým tempem. Pokud tedy neberete v úvahu technologii flash, veškerá animace na webu je vytvořena na základě Gif a flash.
Podstatou této animace je, že GIF kontejner neobsahuje jeden obrázek, ale několik najednou a je tam napsána i doba, po které se tyto obrázky nahradí. V tomto případě bude možné animaci zacyklit, kdy po posledním snímku začne znovu zobrazení toho prvního.
Existují specializované editory, ve kterých můžete tvořit GIF animace. Hlavní věcí je vytvořit požadovaný počet obrázků určité velikosti a poté je umístit na časovou osu a nastavit interval pro jejich změnu.
Výsledkem je stejný kreslený efekt, na který jsme již zvyklí vídat na webových stránkách. Někdy i oči oslní z animovaných bannerů (přečtěte si jak), emotikonů, avatarů. Příkladem animace GIF je goblin ze stránky „ “ mého projektu.
GIF podporuje průhledné pozadí (téměř)
Animace však není jedinou funkcí tohoto formátu. Může také podporovat primitivní způsob vytváření průhlednosti pro vytvořené obrázky. Jedna z 256 možných barev v Gif je nastavena na transparentní a přes něj se zobrazí pozadí webové stránky, na kterém bude tento obrázek umístěn.
Problém je ale v tom, že pro jakýkoli pixel v obrázku tohoto formátu jsou možné pouze dvě hodnoty - transparentní nebo neprůhledné (dva extrémní stavy bez možnosti mezilehlých možností jako průsvitný, čtvrtinový průhledný atd.). Tito. o konceptu alfa kanálu (používá se v Png), v průhledný Gif není žádná otázka. To ztěžuje zobrazení plynule se měnících úrovní průhlednosti.
Ale přesto transparentní GIF najde uplatnění na webu. V tomto formátu jsou často uloženy například různé značky používané na webových stránkách. Pozadí kolem značky je průhledné a bude přes něj prosvítat pozadí webové stránky. Takto by například vypadala značka s šedým pozadím:
A takto bude vypadat stejný fix při nahrazení šedého pozadí průhledná barva při ukládání do GIF:
Aby se vytvořily hladké okraje s poklesem průhlednosti Gif obrázky, používají jeden trik. V jakékoli grafický editor Při vytváření obrázku v tomto formátu budete mít možnost zadat tzv. MATE barvu (jinak bude použita výchozí barva, obvykle bílá).
Barva MATE je přimíchána do oblastí Hypha, kde chcete vytvořit hladké okraje s poklesem průhlednosti, ale to vše bude vypadat dobře pouze pro pozadí webové stránky, které odpovídá zadanému MATE. Ale kromě jiného odstínu tento obrázek nebude vypadat moc dobře.
Pro jakou webovou grafiku má smysl používat formát Gif?
Jak jsem uvedl výše, v tomto formátu jsou obrázky komprimovány (konvertovány) beze ztráty, ale pouze v případě, že původní obrázek byl 8bitový (pro kódování barev byl přidělen pouze jeden bajt), tzn. obsahuje 256 barev. Pokud by byl zdroj plnobarevný, tak dojde ke zhoršení kvality při ukládání nebo převodu do Gif právě kvůli ztrátě některého z odstínů.
Kompresní (konverzní) algoritmus v Gifě funguje tak, že nejlépe optimalizuje velikost fotografie s vertikální změnou barvy (gradient). Tito. Má smysl jej používat ke kompresi obrázků, jejichž barva v řádcích se příliš nemění.
Ale při převodu fotografie s vodorovným nebo šikmým přechodem na Gif se výsledný obrázek může ukázat jako velmi velký, například ve srovnání se stejným Png. No, kromě toho se mohou objevit nepříjemné artefakty.
Tento kompresní algoritmus byl navíc svého času patentován, a proto se začalo intenzivně pracovat na alternativním Png 8, ale v tuto chvíli již patenty Gif vypršely. PNG skončil jako hlava a ramena nad GIF a nadále získává na popularitě mezi webmastery.
Jpg (JPEG) - plnobarevné obrázky s nízkou hmotností
Jpg byl navržen pro kompresi a ukládání plnobarevných fotografií. Je majetkem Asociace amerických fotografů, což ve skutečnosti znamená zkratka Jpeg - Joint Photographic Experts Group. I když tato asociace sama říká, že se jedná o otevřený formát.
Jak jsem zmínil výše, komprimuje obrázky se ztrátou kvality. Celý obrázek se rozdělí na čtverce o rozměrech 8 x 8 pixelů a poté začne pracovat kompresní algoritmus, který z těchto jednoduchých čtverců seskupuje různé jednoduché tvary. Všechny ty rozdíly v barvách, které lidské oko není schopno zaznamenat, jsou z obrázku Jpg odstraněny.
Výhody a nevýhody JPEG
Odstraněním některých informací, které by stejně nebyly pouhým okem patrné, Jpeg někdy umožňuje komprimovat plnobarevné obrázky desetinásobně i bez viditelné ztráty kvality.
Ale na druhou stranu, i když zvolíte maximální kvalitu, fotku v tomto formátu neuložíte v absolutně stejné kvalitě jako originál. Ztráty určitě budou, ale ne vždy znatelné okem bez zvětšení.
Můžete si to ověřit sami tím, že pořídíte velmi kvalitní fotografii a uložíte ji v Japegu v maximální kvalitě několik desítekkrát za sebou. Proto je to lepší neukládejte znovu jako Jpg zdrojové soubory stejného formátu – dojde k vážným ztrátám kvality v důsledku hromadění a překrývání artefaktů. Nedokončený obrázek byste proto neměli ukládat jako JPEG a poté pokračovat v jeho úpravách – výrazně tím ztratíte kvalitu.
Zde je příklad takového výsměchu (stačí pár opakovaných uložení ve formátu Jepeg a nebudete se moci dívat na obrázek bez slz):
Ale i přes tyto nedostatky Jpeg se stal velmi populární hlavně po vzhledu digitální fotografie. Jeho hlavní předností je možnost rychlé, na zdroje náročné a velmi silné komprese plnobarevných obrázků. Je pravda, že je obtížné nazvat tento formát rastrové grafiky plnobarevný, protože nepokrývá úplně celou paletu RGB, ale to lze přičíst menším nedostatkům.
Které obrázky se nejlépe ukládají ve formátu Jpg?
Jpg je nejlepší pro ukládání fotografií s hladkými přechody jasu a kontrastu, ale pro uložení něčeho jako jsou kresby, texty a další fotografie s ostrými kontrastními přechody se velmi špatně hodí a v tomto případě nejlepší možnost bude používat bezeztrátovou kompresi v Png.
Podívejte se, jak nevzhledně vypadá snímek obrazovky s textem ve formátu JPEG (i když se stejnou nebo dokonce menší váhou ve formátu PNG by byl obrázek k nerozeznání od originálu):
Jpg (JPEG), jak jsem již zmínil, má schopnost nastavit kvalitu výsledný obrázek úpravou stupně komprese. Při ukládání fotografií, které mají například hodně oblohy, byste měli nastavit kvalitu Jpeg (úroveň komprese) blízko maxima (minimální komprese), abyste se vyhnuli znatelným artefaktům právě na této obloze.
A při ukládání fotografií s mnoha detaily různých barev můžete snížit kvalitu (zvýšit kompresní poměr) bez obav z výskytu znatelných artefaktů.
Zmínil jsem, že při ukládání jako Jpg (JPEG) se celý obrázek rozdělí na čtverce o straně osm pixelů. Pokud tedy máte možnost vybrat si velikost výsledné fotografie, pak je to lepší brát v násobcích osmi, protože v tomto případě získáte o něco méně artefaktů, což bude patrné zejména na obrázcích s tenkými čarami atd.
Png - náhrada za Gif a Jpeg, stejně jako průhledné pozadí v Png32
Zpočátku byl Png vyvinut jako alternativa k Gif, který byl v té době proprietární (nikdo zvenčí do jeho vývoje nesměl). Zkratka znamená „přenosná síťová grafika“; původně byla navržena speciálně pro pro použití na webu. Tento formát rastrové grafiky je zcela otevřený a jeho popis je na stránkách konsorcia W3C.
Dovolte mi, abych vám připomněl, že je bezztrátový kompresní formát, což znamená, že můžete bezpečně uložit nedokončený obrázek ve formátu Png a poté pokračovat v jeho úpravách bez obav ze získání dalších artefaktů, jako tomu bylo v případě Jpg.
Png8 a Png24 - plná náhrada za Gif a Jpeg
Existují tři varianty formátu PNG, z nichž každá je navržena tak, aby vykonávala své vlastní úkoly. První dva vznikly zpočátku jako alternativa k již existujícím formátům GIF a JPEG a třetí přinesl do webové grafiky něco, co tu do té doby vůbec nebylo. Ale nejdřív.
Png 8— osmička označuje barevnou bitovou hloubku a značí, že při ukládání fotografie v PNG 8 bude použito pouze 256 barev, podobně jako Gif již popsaný výše.
Tito. byl vyvinut jako plnohodnotná náhrada GIF a výsledky komprese obrazu v těchto dvou formátech rastrové grafiky budou téměř totožné. Stejně jako v Gif - zde podporována transparentnost, ale s alfa kanálem.
Png 24— číslo 24 znamená, že pro každý pixel fotografie v tomto formátu jsou přiděleny tři barevné kanály po 8 bitech (1 bajt), čímž je realizováno vytvoření plně barevného obrazu. Že. s pomocí Png 24 můžete přenášet barvy bez zkreslení. Ani Jpg to nedokáže stoprocentně.
Uložením původního obrázku do Png 24 získáte úplně stejnou fotografii, ale její velikost bude stále větší než při použití Jpegu. To však není vždy případ. U velkých obrázků s ostrými přechody může tento formát dokonce zobrazit nejlepší výsledek než Jeepeg přijatelné kvality.
Tito. jak jsem již zmínil výše, na běžné fotografie se nejlépe hodí Jpeg, ale pro obrázky s textem nebo tam, kde nelze za žádných okolností zhoršit kvalitu, bude Png 24 nepostradatelný. , který používám v článcích, se mi Png 8 nebo 24 jeví jako optimální řešení.
Například stejný snímek obrazovky s textem, který jste viděli nahoře uložený ve formátu Jpeg (ačkoli s nízkou kvalitou pro zvýraznění možných artefaktů) v Png, bude vypadat takto:
Obvykle si ale na začátek každého článku v Jeepu uložím plnobarevný obrázek, protože... Poměr kvalita/velikost hovoří ve prospěch této konkrétní možnosti. Hned řeknu, že existují různé způsoby komprimuje obrázky do formátu Png a jeden z nejlepších algoritmů se podle mého názoru používá v služba online Puny Png.
Png 32 - plná průhlednost s alfa kanálem
Asi jste analogicky pochopili, že v tomto formátu rastrové grafiky je možné na jeden pixel použít až čtyři bajty informace.
Tři jsou zodpovědné za vytvoření plně barevného obrazu analogicky s Png 24, ale čtvrtý bajt je přidělen samostatně, aby vytvořil alfa kanál, což umožňuje použití Png 32 k získání obrázky s průhledným pozadím.
V něm můžete určit změny stupně průhlednosti bez jakýchkoli barev MATE, což znamená, že takové obrázky budou vypadat stejně dobře na absolutně jakékoli webové stránce s jakýmkoli pozadím. Příkladem takového obrázku je logo ze záhlaví mého blogu:
To je snad jasné Png 32 je prostě nenahraditelný a nemá obdoby, pokud jde o možnosti, které poskytuje.. Mimochodem, alfa kanál lze použít i v PNG 8, ale bohužel ne všechny rastrové grafické editory vám to umožní. To neumí například Photoshop, ale Fireworks nebo Gimp ano.
Navíc PNG 32 a 8 s alfa kanálem mají takový problém, že nejsou plně podporovány v prohlížeči IE, počínaje verzí 6 a nižší, a místo toho průhledné pozadí bude smíšené šedá barva a Png 8 s alfa kanálem se tam vůbec nezobrazí. Pravda, uživatelé už tak archaické prohlížeče prakticky nemají, ale stejně.
Hodně štěstí! Brzy se uvidíme na stránkách blogu
Mohlo by vás to zajímat
HTML a CSS – proč je potřebujete znát a proč je potřeba znalost PHP a MySQL, ale v mnohem menší míře
Při vytváření webových stránek ve fázi rozvržení je vždy úkolem vybrat ten či onen formát pro ukládání obrázků. Obrázky lze ukládat v libovolných formátech PNG, JPEG, GIF a desítkách dalších formátů, ale jaký formát byste si měli vybrat pro přenos? lepší kvalita S minimální velikost výsledný soubor obrázku?
Jaký formát souboru mám zvolit?
formát GIF omezeno na 256 barev. Jedná se o bezztrátový formát a při jeho použití je dosaženo minimální komprese obrazu. Formát GIF podporuje animaci (jediný ze všech formátů) a průhlednost, ale nelze do něj uložit průsvitné obrázky. Vzhledem ke zvláštnostem algoritmu velmi dobře komprimuje obrázky, které mají svislé čáry (např. pro web to mohou být svislé dělící pruhy, jednobarevné ikony, grafické tečky apod.). ukládejte kresby, text a grafiku symbolů v malé velikosti souboru.
formát PNG je formát, ve kterém komprese probíhá beze ztrát. V tomto formátu má každý pixel 3 barevné kanály (RGB - červený, zelený, modrý), čímž dochází k vytvoření plně barevného obrazu bez zkreslení. Formát PNG může mít lepší kvalitu barev než JPG, ale velikost souboru bude také větší. Podporován formát PNG různé úrovně průhlednost (průsvitnost). Vzhledem ke zvláštnostem algoritmu velmi dobře komprimuje obrázky, které obsahují vodorovné čáry. A když je úkolem vybrat uložení souboru ve formátu GIF nebo PNG, pro případy, kdy se obrázek skládá z primitivních řádků, je třeba věnovat pozornost poloze těchto řádků - tzn. Obrázky se svislými čarami byste měli ukládat ve formátu GIF, v PNG – horizontální. PNG je dobrá volba pro ukládání kreseb, textu a ikonické grafiky v malé velikosti souboru.
formát JPG je formát, který trpí ztrátou barev. Algoritmus pro práci v tomto formátu je takový, že velmi dobře komprimuje obrázky s přechody (ukládají se barvy prvního a posledního pixelu v přechodu a při zobrazení obrázku se spočítají všechny mezilehlé barvy mezi těmito body), které je užitečný pro ukládání obrázků v menší velikosti než ve formátu BMP. Fotografie, přetečení, loga, pozadí atd. je lepší ukládat ve formátu JPG.
Při vývoji webových stránek tak můžete výběrem správného formátu pro ukládání obrázků dosáhnout velmi dobrých výsledků v rychlosti.