Svi postavljamo slike, stvaramo fotografije, izrađujemo "memeove" za dijeljenje u društvenim mrežama. Mnogi ljudi objavljuju slike čak i ne razmišljajući o tome koji je format grafičke datoteke najprikladniji za određeni slučaj. Ovaj se članak ne odnosi na profesionalce rasterske i vektorske grafike. Za ostalo, ova kratka analiza grafičkih formata bit će korisna kako bismo bolje razumjeli u koje svrhe koristiti jedan ili drugi format. Dakle, počnimo.
Kratka analiza formata grafičkih datoteka
- JPG/JPEG/JFIF
- TIF/TIFF
Raster protiv vektora
Prije nego što pređemo na pet odabranih formata datoteka, dobro je znati da postoje dvije glavne grafičke obitelji: raster i vektor, a svi dolje navedeni formati slikovnih datoteka dio su rasterske obitelji.
U rasterskoj grafici, slika je sastavljena od piksela, dok je vektorska grafika sastavljena od putanja koje se nazivaju linijski segmenti.
Kompresija datoteke
Osim toga, formati slikovnih datoteka mogu se razlikovati na temelju efekata kompresije koji se nazivaju kompresija. Postoji prilično velik broj vrsta shema kompresije, ali bit njihovog postojanja može se sažeti u jedan zadatak - komprimirati rastersku datoteku što je moguće učinkovitije. Nema smisla komprimirati grafičku datoteku, jer njezina veličina ne ovisi o mjerilu, već o broju staza u njoj.
Kompresija može vrlo učinkovito komprimirati slike doslovno dva puta ili više. Ali to gotovo uvijek rezultira gubitkom kvalitete, budući da je glavni algoritam kompresije odabir nekoliko piksela i njihova zamjena s jednim ili dvama slične nijanse. Komprimirana datoteka nikada neće biti točan prikaz izvornika, uz neke iznimke. Razgovarajmo o ovome dalje. Kompresija datoteke obično je prikladna za male fotografije, ali nije prikladna za profesionalne. crteže ili kvalitetne ilustracije, prezentacije.
Kompresija bez gubitaka ista je kao i izvorna datoteka, budući da je nekomprimirana kompresija točan prikaz izvornika.
JPG/JPEG/JFIF slike
Kratica za: Joint Photographic Experts Group - Zajednička skupina stručnjaka za fotografiju.
Ekstenzije datoteka: .jpg / .jpeg
Najčešći format među rasterske datoteke slike. Digitalni fotoaparati spremaju svoje slike u ovom formatu. JPEG datoteke koristite metodu kompresije s gubitkom koja može značajno smanjiti veličinu datoteke bez značajnog ugrožavanja kvalitete.
minusi: Ovaj format nije zaštićen od generacijske degradacije. To znači da je kvaliteta slike pri svakom uređivanju i spremanju nova verzija datoteka će se pokvariti.
Primjenjivost: neprozirne slike, uređaji za snimanje slike (gadgeti, kamere, akcijske kamere).
PNG format slike
Kratica za: Portable Network Graphics - prijenosna mrežna grafika. 
Ekstenzija datoteke: .png
Otvara se ova besplatna GIF alternativa izvorni kod, koji podržava 16 milijuna boja, za razliku od GIF-a koji ima maksimalno 256 boja. Ovo je najbolji format datoteke za slike koje čuvaju izvor boje. Format je prikladan za prenošenje idealne ravnoteže tonova. Animirani PNG datoteka dostupan u APNG formatu. Ove datoteke obično imaju prozirnu pozadinu.
minusi: Najprikladniji za velike datoteke. Sam PNG format ne podržava animirane grafike.
Primjenjivost: Uređivanje slika, web slika, slika koje uzimaju u obzir slojeve kao što su transparentnost ili blijeđenje.
TIF ekstenzija datoteke
Kratica za: Tagged Image File Format - format za pohranu rasterskih grafičkih slika.
Ekstenzija datoteke: .tif / .tiff
Fleksibilan i lako proširiv format datoteke koji može pohraniti datoteke visoke dubine boje. Ove datoteke imaju prozirnu pozadinu. Idealne su za logotipe tvrtki.
minusi: Nije idealno za web preglednike.
Primjenjivost: Početna faza fotografskih datoteka u tisku. OCR programski paketi.
GIF format datoteke
Kratica za: Graphics Interchange Format - format za razmjenu slika. 
Ekstenzija datoteke: .gif
Iako GIF ima nizak omjer kompresije u usporedbi s većinom video formata, to je najpopularniji format među korisnicima za slikovnu animaciju.
minusi: Format je ograničen na 8-bit (256 boja) i nije prikladan za fotografske slike ili anti-aliasing.
Primjenjivost: Grafike koje zahtijevaju više boja, kao što su pojednostavljeni dijagrami, logotipi i animacije koje su više od 50% jednobojne.
BMP format slikovne datoteke
Kratica za: Bitmap Picture - doslovno format za pohranu bitmap slika
Ekstenzija datoteke: .bmp
Ovaj format je razvijen od strane Microsofta i dizajniran je za pohranjivanje velikih nekomprimiranih datoteka unutar Windowsa.
minusi: Ovaj format ne koristi kompresiju.
Primjenjivost: pojednostavljena struktura formata čini bmp datoteke idealno za Windows programe.
Ovo su najčešći formati slikovnih datoteka koje korisnici danas koriste. Sada kada znate koji je idealan za određenu svrhu, možete bolje razumjeti koje grafičke formate datoteka koristiti za sebe.
Znate li razliku između JPEG, GIF, PNG i drugih formata slika? Kada biste trebali koristiti jedan ili drugi format ili koji je najbolji za spremanje fotografija? U nastavku ćete pronaći odgovore na sva ova pitanja.
U kontaktu s
Algoritmi za kompresiju podataka bez gubitaka
Prije svega, trebate razumjeti razliku između algoritama za kompresiju podataka s gubicima i bez gubitaka. Kompresija bez gubitaka je metoda kompresije slike koja zadržava svoju kvalitetu bez obzira na to koliko je puta datoteka komprimirana i vraćena.
Kada koristite kompresiju s gubitkom, kvaliteta slike će se smanjiti svaki put kada se datoteka komprimira/dekompresira. Jedna od nedvojbenih prednosti ovu metodu leži u mogućnosti većeg stupnja kompresije. Međutim, za pohranu i uređivanje fotografija prikladnija je kompresija bez gubitaka ako sliku trebate poslati putem e-pošta ili objaviti na Internetu, bolje je koristiti drugu metodu.
.SIROVO
Format datoteke koji sadrži neobrađene informacije koje dolaze izravno sa senzora poluprofesionalnih i profesionalnih kamera. Ove datoteke ne obrađuje procesor kamere i sadrže sve snimljene informacije u "sirovom" obliku. Veličina takvih datoteka može premašiti 25 MB. RAW datoteke izvrsne su za uređivanje, ali zbog velike veličine nisu baš prikladne za pohranu.
.JPEG (JPG)
Ovo je možda najčešće grafički format. Obično se koristi za objavljivanje fotografija i slika s tekstom na internetu. JPEG je format TrueColor, što znači da može pohraniti slike s dubinom boje od 24 bita/pikselu. Ovaj format može prikazati više od 16 milijuna boja.
JPEG je svoju popularnost stekao zbog svojih fleksibilnih mogućnosti kompresije podataka. Ako je potrebno, slika se može spremiti iz visoka kvaliteta. Kada koristite algoritam kompresije s gubitkom, kvaliteta slike se gubi svaki put kada se datoteka spremi. Ispod su JPEG slike visoke, srednje i niske kvalitete.
JPEG visoke kvalitete (100). Veličina 113 KB
JPEG srednje kvalitete (50). Veličina 59 KB
JPEG niske kvalitete (20). Veličina 27 KB
.GIF
Format GIF (Graphics Interchange Format) ne zadovoljava dubinom boje (8 bita). Može pohraniti komprimirane slike bez gubitaka u najviše 256 boja. Jedna od značajki GIF-a je njegova podrška za animaciju.
.PNG
Ovaj je format razvijen kao zamjena za GIF. PNG je kratica za Portable Network Graphics. Za razliku od GIF-a, PNG ima podršku za gradacije prozirnosti zbog dodatnog alfa kanala. Obično je prozirnost označena pozadinom šahovnice, kao što se vidi na slici ispod.
Izvana, datoteke u PNG formatu praktički se ne razlikuju od JPG slika. PNG sažima podatke bez gubitka. Ako vam je važna transparentnost, bolje je odabrati ovaj format.
Formati datoteka temelj su rada s digitalnim fotografijama. reći će vam o svim glavnim formatima grafičkih datoteka.
SIROVO.
Format datoteke koji sadrži neobrađene informacije koje dolaze izravno sa senzora kamere. Ove datoteke ne obrađuje procesor fotoaparata (za razliku od JPG-a) i sadrže izvorne informacije o snimanju. RAW se može komprimirati bez gubitka kvalitete.
Prednosti RAW-a su očite - za razliku od JPG-a, koji je obrađen u fotoaparatu i već spremljen uz kompresiju podataka - RAW daje najšire mogućnosti obrade fotografija i zadržava maksimalnu kvalitetu.
Bilješka. Razni proizvođači Fotografski tehničari koriste različite algoritme za stvaranje RAW-a u svojim fotoaparatima. Svaki proizvođač ima vlastitu rezoluciju za svoju RAW datoteku - NEF - Nikon, CR2 - Canon...
JPEG (aka JPG).
Ovo je najčešći format grafičke datoteke.
JPG je svoju popularnost stekao zbog svojih fleksibilnih mogućnosti kompresije podataka. Ako je potrebno, slika se može spremiti s maksimalnom kvalitetom. Ili je komprimirajte na minimalnu veličinu datoteke za prijenos preko mreže.
JPG koristi algoritam kompresije s gubitkom. Što nam to daje? Očigledni nedostatak takvog sustava je gubitak kvalitete slike svaki put kada se datoteka spremi. S druge strane, kompresija slike pojednostavljuje prijenos podataka za 10 puta.
U praksi, spremanje fotografije s minimalnom kompresijom ne rezultira vidljivim smanjenjem kvalitete slike. Zato je JPG najčešći i najpopularniji format za pohranu grafičkih datoteka.
TIFF.
TIFF format vrlo je popularan za pohranu slika. Omogućuje vam spremanje fotografija u različitim prostorima boja (RBG, CMYK, YCbCr, CIE Lab, itd.) i s visokom dubinom boja (8, 16, 32 i 64 bita). TIFF je široko podržan grafičke aplikacije a koristi se u tiskarstvu.
Za razliku od JPG-a, TIFF slika neće izgubiti kvalitetu svaki put kada se datoteka spremi. No, nažalost, upravo zbog toga TIFF datoteke teže višestruko više od JPG-a.
Pravo na TIFF format ovaj trenutak u vlasništvu Adobea. Photoshop može spremiti TIFF bez spajanja slojeva.
PSD.
PSD format se koristi u Photoshop program. PSD vam omogućuje spremanje rasterske slike s mnogo slojeva, bilo koje dubine boje i u bilo kojem prostoru boja.
Najčešće se format koristi za spremanje srednjih ili konačnih rezultata složene obrade s mogućnošću mijenjanja pojedinačnih elemenata.
PSD također podržava kompresiju bez gubitka kvalitete. Ali obilje informacija koje mogu sadržavati PSD datoteka, uvelike povećava svoju težinu.
BMP.
BMP format je jedan od prvih grafičkih formata. Prepoznaje ga svaki program koji radi s grafikom, u koji je integrirana podrška za format OS Windows i OS/2.
BMP pohranjuje podatke s dubinom boje do 48 bita i maksimalnom veličinom od 65535x65535 piksela.
Trenutno se BMP format praktički ne koristi ni na Internetu (JPG teži nekoliko puta manje) ni u ispisu (TIFF se bolje nosi s ovim zadatkom).
GIF.
GIF format stvoren je u ranim danima interneta za dijeljenje slika. Može pohraniti komprimirane slike bez gubitaka u do 256 boja. GIF format idealan je za crteže i grafike, a također podržava prozirnost i animaciju.
GIF također podržava kompresiju bez gubitka kvalitete.
PNG.
PNG format stvoren je kako bi poboljšao i zamijenio GIF format grafičkim formatom koji ne zahtijeva licencu za korištenje. Za razliku od GIF-a, PNG ima podršku za alfa kanal i mogućnost pohranjivanja neograničenog broja boja.
PNG sažima podatke bez gubitka, što ga čini vrlo prikladnim za pohranjivanje srednjih verzija obrade slike.
JPEG 2000 (ili jp2).
Novi grafički format stvoren da zamijeni JPEG. Za istu kvalitetu, veličina JPEG 2000 datoteke je 30% manja od JPG.
Kada je visoko komprimiran, JPEG 2000 ne dijeli sliku na kvadrate koji su karakteristični za JPEG format.
Nažalost, trenutno ovaj format nije jako raširen i podržavaju ga samo preglednici Safari i Mozilla/Fireox (preko Quicktimea).
Pozdrav, dragi čitatelji bloga. Danas želim razgovarati o rasterskim grafičkim formatima koji su bili prikladni za korištenje slika prikazanih na web mjestu i općenito.
Osvrnut ćemo se na Gif, koji je sada popularan upravo zbog podrške za GIF animaciju, Jpg, koji je vrlo prikladan za umetanje fotografija u boji i, naravno, Png, koji vam omogućuje stvaranje slika s prozirnom pozadinom i može poslužiti kao izvrsna zamjena za prethodno navedene formate. Također možete pročitati pola grafike i pola teksta.
Svi se oni aktivno koriste, no trik je u odabiru optimalnog formata za svaki pojedini slučaj kako kvaliteta slike ne bi patila, a njezina težina bila minimalna. Preporučam da uzmete samu grafiku iz besplatne usluge nalik i slično, kako kasnije ne bi bilo problema s kršenjem autorskih prava.
Rasterska grafika za web u obliku GIF, JPEG i PNG
U današnje vrijeme vrlo je teško zamisliti pojedinačne web stranice bez ikakvih fotografija, ikona ili slika na sebi. Usput, prvi preglednik koji je mogao prikazati grafiku bio je Mosaic (mozaik), koji se pojavio gotovo istodobno s pojavom .
Štoviše, kao što sam gore spomenuo, nisu svi formati slika prikladni za dodavanje na web mjesto, već samo određeni, maksimalni prilagođeno za to - Gif, PNG i Jpg. Ovisno o vrsti slike koju želite dodati na web stranicu, morat ćete odabrati jedan od navedenih formata koji pak spadaju u tzv. rastersku grafiku.
Sam po sebi podrazumijeva da će slika na papiru ili monitoru biti formirana od tzv. pojedinačnih elemenata koji se nazivaju pikseli (točke u boji). Sve slike bilo kojeg formata povezane s rasterskom grafikom imaju određena svojstva.
Veličina slike određena je konceptom kao što je dopuštenje, što je vodoravno i okomito, na primjer, 300 x 200. Ponekad, međutim, govore o ukupnom broju piksela u slici, na primjer, proizvođači fotoaparata (12 megapiksela itd.).
U odnosu na web, fizička veličina rasterske slike može značajno ovisiti o veličini piksela (zrnatosti zaslona) uređaja na kojem korisnik pregledava web stranicu. Slike također karakterizira takav koncept kao broj boja koristi u njemu. Na primjer, Gif koristi samo 256 boja, koje su navedene u jednom bajtu informacija.
Pa, osim toga, ovi formati mogu koristiti različite modeli u boji, uz pomoć kojih se formiraju sve moguće nijanse. Kada smo s vama razgovarali o pisanju, detaljno smo se osvrnuli na principe formiranja RGB modela.
Jedan od glavnih nedostataka rasterske grafike je velika veličina dobivenih slika, čak i u Gif, Png i Jpg formatima koji se koriste na webu. Naravno, kako bi se smanjile nastale slike, razne algoritmi kompresije, koji rade i s degradacijom kvalitete (kompresija s gubitkom) i bez nje.
Sve je to vrlo slično principima rada algoritama za kompresiju zvuka - MP3 se komprimira s gubicima, a prije svega uklanjaju se svi prijelazi koje ljudsko uho najvjerojatnije neće percipirati. Takva analogija u svijetu rasterske grafike može biti Jpg format, u kojem se provodi kompresija informacija s gubicima. Pritom se uzimaju u obzir mogućnosti ljudske vizualne percepcije i, prije svega, uklanjaju se oni detalji koji neće biti osobito uočljivi.
Ali postoje i algoritmi za kompresiju slike bez gubitaka - BMP, Gif i Png. BMP najčešće nije komprimirana slika, i ovdje Gif i Png su komprimirani bez gubitka uklanjanjem ponavljajućih i suvišnih informacija (ispada nešto poput arhiviranja, ali uzimajući u obzir značajke rasterske grafike).
Postoje mnogi grafički uređivači koji mogu raditi s rasterskom grafikom (na primjer, isti Photoshop ili on), ali trebali biste koristiti uređivače koji su posebno orijentirani na to, jer samo tada ćete moći dobiti najoptimiziranije slike, koje tada neće stvarati nepotrebno opterećenje na vašem hosting poslužitelju kada se učitavaju u preglednike korisnika.
Gif format - elementi dizajna i animacija za web mjesto
Trenutačno gotovo svi preglednici podržavaju tri glavna formata rasterske grafike koji se koriste za web - Gif, Png i Jpg. Povijesno gledano, prvi se pojavio GIF, te je uz njegovu pomoć u prvim preglednicima bilo moguće dodavati i prikazivati slike i medijske informacije, što je prvenstveno dolazilo do izražaja u tzv. GIF animaciji.
Kratica Gif je kratica za Graphics Interchange Format. Izgovara se kao gif, ali programeri standarda vjerovali su da je ispravno nazvati ga jif, ali se drugi naziv u ruskoj interpretaciji ukorijenio.
Jer razvijena je davno i većina korisnika u to vrijeme imala je, oh, tako malo, a pri izradi je glavni naglasak bio na smanjenju veličine dobivene slike (o tome sam pisao u članku o ili).
U tom smislu, Gif može uključivati paletu koja se sastoji od samo 256 boja(također se naziva indeksirana paleta). Oni. slika konvertirana u ovaj format uvijek neće sadržavati više od 256 nijansi, a sve ostale boje nastat će na temelju miješanja (susjedni pikseli iz osnovne palete su pametno odabrani kako bi ih ljudsko oko na daljinu percipiralo kao boja potrebna na ovom mjestu).
No, nažalost, u praksi se kod pretvaranja fotografija u boji u GIF-ove pojavljuje hrpa artefakata (baš zbog tog miješanja) koji fotografije čine neprihvatljivima za stavljanje na internet. Stoga se ne koristi za prikaz slika i fotografija u punoj boji na web stranicama (za to se najčešće odabire Jpg ili Png).
Gif animacija i njezina upotreba na internetu
S tako značajnim nedostatkom, Gif je već odavno trebao pasti u zaborav, ali je ipak življi od svih živih bića, a slike u ovom formatu često se mogu naći na web stranicama.
Cijela caka je u tome GIF format podržava animaciju(jedini koji se koristi na webu). Sve vrste animiranog i (uključujući) u kojem se nalazite velike količine možete pronaći na internetu, imaju GIF ekstenziju.
Istina, alternativni format, Mng, razvija se već neko vrijeme, dodajući mogućnost animacije u Png-u, ali njegov razvoj i distribucija ne ide velikom brzinom. Stoga, ako ne uzmete u obzir flash tehnologiju, sve animacije na webu stvorene su na temelju Gif-a i flash-a.
Bit ove animacije je da GIF spremnik ne sadrži jednu sliku, već nekoliko odjednom, a tamo je također zapisano vrijeme nakon kojeg će te slike zamijeniti jedna drugu. U ovom slučaju, bit će moguće ponoviti animaciju, kada nakon zadnjeg okvira ponovno počne prikaz prvog.
Postoje specijalizirani urednici u kojima možete stvarati GIF animacija. Glavna stvar je stvoriti potreban broj slika određene veličine, a zatim se one postavljaju na vremensku traku i postavlja se interval za njihovu promjenu.
Rezultat je isti efekt crtanog filma koji smo već navikli vidjeti na web stranicama. Ponekad čak i oči zasljepljuju od animiranih natpisa (pročitajte kako), emotikona, avatara. Primjer GIF animacije je goblin sa stranice “ ” mog projekta.
GIF podržava prozirnu pozadinu (gotovo)
Ali animacija nije jedina značajka ovog formata. Također može podržati primitivni način stvaranja transparentnosti za stvorene slike. Jedna od 256 mogućih boja u Gifu postavljena je na prozirnu i kroz njega će se vidjeti pozadina web stranice, na kojem će se nalaziti ova slika.
Ali problem je u tome što su za bilo koji piksel na slici ovog formata moguće samo dvije vrijednosti - prozirna ili neprozirna (dva ekstremna stanja bez mogućnosti međuopcija kao što su prozirno, četvrtina prozirno itd.). Oni. o konceptu alfa kanala (koji se koristi u PNG-u), u prozirni Gif nema pitanja. Zbog toga je teško prikazati glatko različite razine transparentnosti.
No ipak, prozirni GIF nalazi primjenu na webu. Na primjer, razni markeri koji se koriste na web stranicama često se spremaju u ovom formatu. Pozadina oko markera postaje prozirna i kroz nju će se vidjeti pozadina web stranice. Na primjer, ovako bi izgledao marker sa sivom pozadinom:
A ovako će isti marker izgledati kada zamijenite sivu pozadinu prozirna boja prilikom spremanja u GIF:
Kako bi se oblikovali glatki rubovi s padom prozirnosti Gif slike, koriste jedan trik. U bilo kojem grafički urednik Prilikom izrade slike u ovom formatu, imat ćete priliku odrediti takozvanu MATE boju (inače će se koristiti zadana boja, obično bijela).
MATE boja umiješana je u područja hife gdje želite stvarati glatke rubove s padom prozirnosti, ali sve će to izgledati dobro samo za pozadinu web stranice koja odgovara MATE-u koji ste naveli. Ali povrh druge nijanse, ova slika neće izgledati baš dobro.
Za koje web grafike ima smisla koristiti Gif format?
Kao što sam maloprije spomenuo, u ovom formatu slike se komprimiraju (konvertiraju) bez gubitka, ali samo ako je izvorna slika bila 8-bitna (samo je jedan bajt dodijeljen za kodiranje u boji), tj. sadrži 256 boja. Ako je izvor bio u boji, onda će doći do pogoršanja kvalitete prilikom spremanja ili pretvaranja u Gif, upravo zbog gubitka neke od nijansi.
Algoritam kompresije (pretvorbe) u Gifi radi na način da će najbolje optimizirati veličinu fotografije s vertikalnom promjenom boje (gradijent). Oni. Ima smisla koristiti ga za komprimiranje slika čija se boja u linijama ne mijenja puno.
Ali kada pretvarate fotografiju s vodoravnim ili kosim gradijentom u Gif, konačna slika može biti vrlo velika, na primjer, u usporedbi s istim Png-om. Pa, osim toga, mogu se pojaviti neugodni artefakti.
Osim toga, ovaj algoritam kompresije svojedobno je patentiran, pa se zbog toga počelo intenzivno raditi na alternativnom Png 8, ali trenutno su Gif patenti već istekli. PNG je završio kao glava i ramena iznad GIF-a i nastavlja dobivati popularnost među webmasterima.
Jpg (JPEG) - slike u boji male težine
Jpg je dizajniran za komprimiranje i pohranjivanje fotografija u punoj boji. Vlasništvo je Udruge američkih fotografa, što, zapravo, i znači skraćenica Jpeg - Joint Photographic Experts Group. Iako sama ova udruga kaže da se radi o otvorenom formatu.
Kao što sam maloprije spomenuo, komprimira slike uz gubitak kvalitete. Cijela slika je podijeljena na kvadrate veličine 8 x 8 piksela i tada počinje raditi algoritam kompresije koji grupira različite jednostavne oblike iz tih jednostavnih kvadrata. Sa Jpg slike su uklonjene sve one razlike u bojama koje ljudsko oko ne može primijetiti.
Prednosti i mane JPEG-a
Uklanjanjem nekih informacija koje ipak ne bi bile uočljive golim okom, Jpeg ponekad dopušta komprimirati slike u boji deset putačak i bez vidljivog gubitka kvalitete.
Ali, s druge strane, čak i ako odaberete maksimalnu kvalitetu, nećete moći spremiti fotografiju u ovom formatu apsolutno iste kvalitete kao original. Gubitaka će sigurno biti, ali nije uvijek vidljivo oku bez povećanja.
To možete sami provjeriti tako što ćete nekoliko desetaka puta zaredom snimiti neku vrlo kvalitetnu fotografiju i spremiti je u Japeg u maksimalnoj kvaliteti. Stoga je bolje nemojte ponovo spremati kao Jpg izvorne datoteke istog formata - doći će do ozbiljnih gubitaka u kvaliteti zbog nakupljanja i preklapanja artefakata. Stoga ne biste trebali spremati nedovršenu sliku kao JPEG i zatim je nastaviti uređivati - značajno ćete izgubiti kvalitetu.
Evo primjera takve sprdnje (samo nekoliko ponovljenih spremanja u Jepeg formatu i nećete moći gledati sliku bez suza):
No unatoč tim nedostacima Jpeg je postao vrlo popularan pogotovo nakon pojave digitalna fotografija. Njegove glavne prednosti su mogućnost brze, resursno zahtjevne i vrlo jake kompresije slika u boji. Istina, teško je ovaj rasterski grafički format nazvati punom bojom, jer ne pokriva sasvim cijelu RGB paletu, ali to se može pripisati manjim nedostacima.
Koje slike je najbolje spremiti u jpg formatu?
Jpg je najbolji za spremanje fotografija s glatkim prijelazima svjetline i kontrasta, ali za spremanje nečega poput crteža, tekstova i drugih fotografija s oštrim kontrastnim prijelazima, vrlo je slabo prikladan, au ovom slučaju najbolja opcija koristit će kompresiju bez gubitaka u Png-u.
Pogledajte kako neugledno izgleda screenshot teksta u JPEG formatu (iako s istom ili čak manjom težinom u PNG formatu, slika se ne bi razlikovala od originala):
Jpg (JPEG), kao što sam već spomenuo, ima mogućnost postaviti kvalitetu dobivenu sliku podešavanjem stupnja kompresije. Kada spremate fotografije koje, na primjer, imaju puno neba, trebali biste postaviti Jpeg kvalitetu (razinu kompresije) blizu maksimuma (minimalna kompresija) kako biste izbjegli vidljive artefakte upravo na tom nebu.
A kada spremate fotografije s mnogo detalja različitih boja, možete smanjiti kvalitetu (povećati omjer kompresije) bez straha od pojave vidljivih artefakata.
Spomenuo sam da se pri spremanju kao Jpg (JPEG) cijela slika dijeli na kvadrate sa stranicom od osam piksela. Dakle, ako imate priliku odabrati veličinu rezultirajuće fotografije, onda je bolje uzeti višekratnike od osam, jer u ovom slučaju ćete dobiti nešto manje artefakata, što će biti posebno vidljivo na slikama s tankim linijama itd.
Png - zamjena za Gif i Jpeg, kao i prozirna pozadina u Png32
U početku je Png razvijen kao alternativa Gifu, koji je u to vrijeme bio zaštićen (nitko sa strane nije bio dopušten u njegov razvoj). Skraćenica označava "prijenosnu mrežnu grafiku"; izvorno je dizajnirana posebno za za korištenje na webu. Ovaj rasterski grafički format potpuno je otvoren i njegov opis nalazi se na web stranici W3C konzorcija.
Da vas podsjetim da je on format kompresije bez gubitaka, što znači da možete sigurno spremiti nedovršenu sliku u Png, a zatim je nastaviti uređivati bez straha da ćete dobiti dodatne artefakte, kao što je bio slučaj s Jpg.
Png8 i Png24 - potpuna zamjena za Gif i Jpeg
Postoje tri varijante PNG formata, od kojih je svaka dizajnirana za obavljanje vlastitih zadataka. Prva dva su inicijalno nastala kao alternativa već postojećim formatima GIF i JPEG, a treći je web grafici donio nešto što do tada uopće nije bilo. Ali prvo o svemu.
PNG 8— osam označava bitnu dubinu boje i označava da će se prilikom spremanja fotografije u PNG 8 koristiti samo 256 boja, slično Gifu koji je već opisan gore.
Oni. razvijen je kao potpuna zamjena za GIF i rezultati kompresije slike u ova dva rasterska grafička formata bit će gotovo identični. Isto kao u Gifu - ovdje podržana transparentnost, ali s alfa kanalom.
PNG 24— broj 24 znači da su za svaki piksel fotografije u ovom formatu dodijeljena tri kanala boja od po 8 bita (1 bajt), čime se ostvaruje stvaranje slike u punoj boji. Da. uz pomoć Png 24 možete prenosi boje bez izobličenja. Čak ni Jpg ne može to učiniti sto posto.
Spremanjem originalne slike u Png 24 dobivate potpuno istu fotografiju, ali će njezina veličina i dalje biti veća nego kod korištenja Jpeg-a. Ali to, međutim, nije uvijek slučaj. Za velike slike s oštrim prijelazima ovaj se format čak može prikazati najbolji rezultat nego Jeepeg prihvatljive kvalitete.
Oni. kao što sam maloprije spomenuo, jpeg je najprikladniji za obične fotografije, ali za slike s tekstom ili gdje kvaliteta ne može biti degradirana ni pod kojim uvjetima, Png 24 će biti nezamjenjiv. , koje koristim u člancima, Png 8 ili 24 mi se čine kao optimalno rješenje.
Na primjer, ista snimka zaslona s tekstom koju ste mogli vidjeti iznad spremljena u Jpeg (iako niske kvalitete kako bi se istaknuli mogući artefakti) u Png-u izgledat će ovako:
Ali obično spremam sliku u boji na početku svakog članka u Jeepu, jer... Omjer kvalitete i veličine govori u prilog ovoj opciji. Odmah ću reći da postoje različiti putevi kompresiju slika u Png format, a koristi se jedan od najboljih algoritama, po mom mišljenju, u online usluga Slabi Png.
Png 32 - puna transparentnost s alfa kanalom
Vjerojatno ste analogijom shvatili da je u ovom formatu rasterske grafike moguće koristiti čak četiri bajta informacija za jedan piksel.
Tri su odgovorna za formiranje slike u punoj boji po analogiji s Png 24, ali četvrti bajt je odvojeno dodijeljen za formiranje alfa kanala, što omogućuje upotrebu Png 32 za dobivanje slike s prozirnom pozadinom.
U njemu možete odrediti promjene u stupnju prozirnosti bez ikakvih MATE boja, što znači da će takve slike izgledati jednako dobro na apsolutno svakoj web stranici s bilo kojom pozadinom. Primjer takve slike je logo iz zaglavlja mog bloga:
Valjda je to jasno Png 32 je jednostavno nezamjenjiv i nema analoga u pogledu mogućnosti koje pruža.. Usput, alfa kanal se također može koristiti u PNG 8, ali, nažalost, neće vam svi uređivači rasterske grafike to dopustiti. Photoshop, na primjer, to ne može, ali Fireworks ili Gimp mogu.
Osim toga, PNG 32 i 8 s alfa kanalom imaju takav problem da nisu u potpunosti podržani u pregledniku IE, počevši od verzije 6 i niže, i umjesto toga prozirna pozadina bit će mješoviti siva boja, a Png 8 s alfa kanalom tamo se uopće neće prikazati. Istina, korisnici praktički više nemaju tako arhaične preglednike, ali ipak.
Sretno ti! Vidimo se uskoro na stranicama bloga
Moglo bi vas zanimati
HTML i CSS - zašto ih morate znati i zašto je potrebno poznavanje PHP-a i MySQL-a, ali u puno manjoj mjeri
Prilikom izrade web stranica u fazi izgleda uvijek postoji zadatak odabira jednog ili drugog formata za pohranu slika. Slike se mogu spremati u bilo kojem PNG, JPEG, GIF i desecima drugih formata, ali koji format odabrati za prijenos? bolja kvaliteta S minimalna veličina rezultirajuća slikovna datoteka?
Koji format datoteke trebam odabrati?
GIF format ograničeno na 256 boja. Ovo je format bez gubitaka i kada se koristi, postiže se minimalna kompresija slike. GIF format podržava animaciju (jedini od svih formata) i transparentnost, ali se u njemu ne mogu spremati prozirne slike. Zbog osobitosti algoritma, vrlo dobro sažima slike koje imaju okomite crte (za web, na primjer, to mogu biti okomite razdjelne trake, jednobojne ikone, grafičke točke itd.) Može se koristiti za pohranjujte crteže, tekst i grafike simbola u datoteku male veličine.
PNG format je format u kojem se kompresija odvija bez gubitaka. U ovom formatu svaki piksel ima 3 kanala boja (RGB - crvena, zelena, plava), čime se ostvaruje stvaranje slike u punoj boji bez izobličenja. PNG format može biti bolji u kvaliteti boje od JPG-a, ali će veličina datoteke također biti veća. PNG format podržan različite razine prozirnost (transparentnost). Zbog osobitosti algoritma, vrlo dobro sažima slike koje sadrže vodoravne linije. A kada je zadatak odabrati spremanje datoteke u GIF ili PNG formatu, za slučajeve kada se slika sastoji od primitivnih linija, obratite pozornost na položaj tih linija - tj. Trebali biste spremiti slike s okomitim crtama u GIF formatu, u PNG – horizontalno. PNG je dobar izbor za pohranu crteža, teksta i ikonične grafike u datoteku male veličine.
JPG format je format koji pati od gubitka boje. Algoritam za rad u ovom formatu je takav da vrlo dobro sažima slike s gradijentima (spremaju se boje prvog piksela u gradijentu i posljednjeg, a prilikom prikaza slike izračunavaju se sve međuboje između tih točaka), što čini ga korisnim za pohranu slika u manjoj veličini nego u BMP formatu. Bolje je spremati fotografije, preljeve, logotipe, pozadine itd. u JPG formatu.
Stoga, kada razvijate web stranice, možete postići vrlo dobre rezultate u brzini odabirom pravog formata za pohranu slika.