To je činjenica iz života kada je u pitanju rad s digitalnim fotografijama i slikama. Ponekad ih moramo komprimirati kako bismo smanjili veličinu datoteka, posebno ako ih šaljemo e-poštom klijentu ili članovima obitelji ili ih objavljujemo na web mjestu.
Budući da je format datoteke jpeg.webp još uvijek format izbora za digitalne fotografije, iako postoji već više od 15 godina, komprimiranje slika obično znači korištenje kompresije jpeg.webp, što čini sjajan posao smanjenja veličine datoteke. Nažalost, smanjuje i kvalitetu slike, iako nije uvijek lako vidjeti kakav negativan utjecaj kompresije ima na sliku, posebno kad je gledate na monitoru računala. Ali zahvaljujući Photoshopu i jednom od njegovih rijetko korištenih načina miješanja, strahote jpeg.webp kompresije postaju upadljivo jasne.
Da bismo vidjeli točno što se događa s našim slikama, upotrijebit ćemo način mješavine sloja razlike Photoshop-ovog sloja. Način razlike mješavina dobio je ime po tome što traži razlike između dva sloja. Sva područja u oba sloja koja su potpuno ista izgledaju kao čisto crna, dok se područja koja su na neki način različita pojavljuju kao čudne boje. Način mješanja razlike se ne koristi često izvan svijeta specijalnih efekata, ali izvrsno nam pokazuje koliko smeća (da, rekao sam smeće) dodamo u naše slike jpeg.webp kad ih komprimiramo. Dakle, to ne znači da svi trebamo prestati komprimirati svoje fotografije. U savršenom svijetu sigurno, ali to jednostavno nije realno. Pomaže, međutim, da vidimo i razumijemo što se događa s našim slikama, posebno onima koji su se do sada uvjerili da nema razlike u kvaliteti slike između komprimirane i nekomprimirane digitalne fotografije.
Ovdje su u programu Photoshop otvorena dva prozora dokumenata, od kojih svaki sadrži istu sliku:
U programu Photoshop otvaraju se dva prozora dokumenata, a svaki prikazuje kopiju iste fotografije.
No jesu li oni zaista iste slike? Izgledi mogu zavesti, posebno na zaslonu računala. Istina je da nisu isti. Desna je originalna, nekomprimirana fotografija, kao da je preuzeta izravno s digitalnog fotoaparata. Lijeva je kopija fotografije spremljene u Photoshopu u 60% kvaliteti slike, što je prilično tipična postavka. To znači da je slika s lijeve strane komprimirana.
Shvaćam da je malo teško reći na gornjoj snimci zaslona, ali ako biste pogledali obje ove slike na mom zaslonu u Photoshopu, imali biste problema s objašnjenjem koja je komprimirana, a koja nije. Kad bismo ih ispisali, razlike bi postale jasne, ali na zaslonu računala koji ima mnogo nižu razlučivost nego što bi ga ispisala slika, razlike nije tako lako uočiti. Barem, ne bez korištenja načina blendovanja Photoshopa Difference da nam pomogne.
Prije nekoliko trenutaka rekao sam da se u načinu Difference blend-a traže razlike između dva sloja i da se između dva sloja koja su potpuno ista pojavljuju kao čista crna. Stavimo to na test. Odabrat ću svoju originalnu, nekomprimiranu fotografiju, a duplicirat ću njen pozadinski sloj u paleti Slojeva pritiskom na Ctrl + J (Win) / Command + J (Mac). Sada imam dva sloja u paleti Slojevi - izvorni pozadinski sloj na dnu i kopiju pozadinskog sloja, koji je Photoshop nazvao "Sloj 1", iznad njega:
Paleta slojeva za originalnu, nekomprimiranu fotografiju koja prikazuje sloj pozadine i kopiju pozadinskog sloja.
Budući da je "Layer 1" kopija pozadine, oba sloja trebaju biti identična. Možemo koristiti način mješanja razlike kako bismo dokazali da jesu. Prelazit ću na opciju blend načina na vrhu palete slojeva i promijenit ću način blende za "Layer 1" iz "Normal" u Difference:
Promjena načina miješanja "Sloja 1" u "Razlika".
Kad je "Layer 1" postavljen na način Difference blend, ako pogledam sliku u prozoru dokumenta, vidim da je cijela slika sada ispunjena crnom bojom, što je način na kojem se razlikuje Difference razlika govori o tome da su oba sloja zapravo identičan:
Slika je sada u potpunosti ispunjena crnom bojom, što ukazuje da su i sloj "1" i pozadinski sloj na svaki način identični.
Uzmimo stvari još više da budemo potpuno sigurni da sve što sada vidimo na slici nije ništa drugo do čisto crna. Da bismo to učinili, upotrijebit ćemo sloj za podešavanje razina. Kliknut ću na ikonu Novo podešavanje sloja na dnu palete slojeva:
Klikom na ikonu "Novi sloj podešavanja" na dnu palete slojeva u programu Photoshop.
Tada ću izabrati razine s popisa prilagodbenih slojeva:
Klikom na ikonu "Novi sloj podešavanja" na dnu palete slojeva u programu Photoshop.
Otvara se dijaloški okvir Razine. Pomoću histograma mogu se nalaziti u sredini dijaloškog okvira kako bih točno vidio koje se tonske informacije prikazuju na mojoj slici. Ako svaki pojedinačni piksel na slici prikazuje čisto crnu boju, što bi trebalo biti slučaj ako su mi oba sloja identična, onda bi sve što bih trebao vidjeti na svom Histogramu jedna vertikalna traka na krajnjoj lijevoj strani, koja se upravo događa Viđam:
Histogram u sredini dijaloškog okvira Levels prikazuje jednu okomitu traku krajnje lijevo, što mi govori da je svaki piksel na mojoj slici čisto crne boje.
Histogram potvrđuje da trenutno na mojoj slici nisu prikazane druge boje, osim čiste crne, što znači da su "Sloj 1" i sloj pozadine 100% identični. Zasada je dobro. Sada smo dokazali ono što je većina nas već znala, da je kada napravimo kopiju sloja kopija u svakom pogledu identična izvorniku. Uzbudljive stvari, zar ne? Krenimo dalje.
Dodatak za kratke kodove, akcije i filtre: Pogreška u kratkom kodu (osnovni oglasi-sredina)
Krenut ću gumb Odustani u gornjem desnom kutu dijaloškog okvira Razine da bih za sada izašao iz nje i izbrisati "Sloj 1" iz palete Slojeva klikom na njega i povlačenjem prema dolje na ikoni kante za smeće:
Povucite "Sloj 1" dolje do ikone kante za smeće pri dnu palete slojeva da biste je izbrisali.
Sada sam opet ostao samo svoj izvorni sloj pozadine:
Paleta slojeva koja prikazuje izvorni pozadinski sloj.
Sada pogledajmo što se događa kad upotrijebimo potpuno istu metodu za usporedbu nekomprimirane verzije fotografije s komprimiranom verzijom fotografije. Kao što sam već napomenuo, nije lako uočiti razlike među njima samo gledajući ih na zaslonu računala, ali doznajmo što način razlikovanja razlike ima o tome. Kad se svaka verzija moje fotografije otvori u njenom prozoru dokumenta, kliknut ću unutar prozora dokumenta komprimirane verzije (onaj s lijeve strane) s alatom Move Tool (Alat za premještanje) i povući sliku u prozor dokumenta dokumenata koji nije komprimirana (onaj na pravo):
Upotreba alata Move i povlačenje komprimirane verzije slike s lijeve strane u prozor dokumenta sa nekomprimiranom verzijom s desne strane.
Budući da obje slike imaju potpuno iste dimenzije piksela (širina i visina), držat ću tipku Shift i zatim pustiti gumb miša, koji će dvije slike savršeno uskladiti unutar prozora dokumenta:
Obje slike su sada savršeno poravnate jedna iznad druge u istom prozoru dokumenta.
Ako pogledam svoju paletu Slojeva, vidim da sada imam ponovno dva sloja. Nekompresovana verzija slike nalazi se na pozadinskom sloju, a verzija koja je spremljena u 60% kvalitete slike sada je iznad nje na "Layer 1":
Paleta slojeva koja prikazuje nekomprimiranu verziju na pozadinskom sloju i komprimiranu verziju na "Sloju 1".
Ponovno ću promijeniti način miješanja "Layer 1" iz "Normal" u "Difference":
Promjena načina miješanja "Sloja 1" u "Razlika".
I sada, ako je način miksenja sloja "Layer 1" postavljen na "Difference", ako doista ne postoji razlika između komprimirane i nekomprimirane verzije fotografije, trebao bih vidjeti ništa drugo osim čisto crne boje kada pogledam svoju sliku u prozor dokumenta:
Prozor dokumenta nakon promjene načina miješanja "Sloja 1" (komprimirane verzije fotografije) u "Razlika".
Hm. Možete li vidjeti svu tu buku na gornjoj slici? Ovisi o tome kako ste postavili monitor. Možda samo vidite crnu boju, ali na ekranu vidim da to definitivno nije čisto crna kao prije, kad smo uspoređivali pozadinski sloj s njegovom identičnom kopijom. Tamo je još nešto, a to „nešto drugo“ govori nam da komprimirane i nekomprimirane verzije fotografije nisu iste. Ali koliko su oni različiti? Stvarno li kompresija jpeg.webp toliko razlikuje?
Upotrijebimo sloj za podešavanje nivoa još jednom i neka nam histogram odgovori na to pitanje. Kliknite na ikonu New Adjustment Layer na dnu palete Slojevi i na popisu odaberete Levels:
Odabir sloja za prilagodbu "Levels" u paleti Slojevi.
Ovim se ponovno otvara dijaloški okvir Levels. Podsjetimo iz prošloga puta da je Histogram prikazao jednu okomitu traku na krajnjoj lijevoj strani, što nam je govorilo da na našoj slici nema apsolutno ništa drugo osim čisto crne. Ovog puta vidimo nešto malo drugačije:
Histogram više nije samo jedna okomita traka.
Čini se da se ovoga puta događa mnogo više na krajnjem lijevom dijelu Histograma, što potvrđuje da moje oči nisu igrale trikove na meni. Na slici je definitivno nešto drugo. Jednostruka okomita traka zamijenjena je većim područjem crne boje, što znači da sama slika sada sadrži više od čisto crne, a to znači da u dvije verzije fotografije postoje područja koja više nisu identična.
Pa što je drugačije u njima? Jednostavno - smeće. Sažimanjem jedne verzije slike uzeli smo čiste, nedirnute podatke o slici i dodali joj puno smeća. Buka, smeće, nazovite to kako vam se sviđa. Dno crta je, oštetili smo fotografiju. Koliko je smeća dodala kompresija jpeg.webp? Možda još uvijek ne izgleda previše, a i dalje je teško vidjeti na samoj slici pa ću kliknuti na mali, bijeli klizač u donjem desnom kutku Histograma i povući ga skroz lijevo dok ne bude ispod mjesta gdje počinje crna padina:
Povlačenje bijelog klizača s donje desne strane histograma preko lijeve do točke gdje počinje crni nagib.
Ne upuštajući se u dugotrajnu raspravu o načinu na koji funkcionira dijaloški okvir Levels, ono što sam upravo učinio preuzima svu tu slabu buku na slici i učini je znatno svjetlijom kako bismo je lakše vidjeli. Zapamtite, sve neobične boje koje vidite predstavljaju područja koja se razlikuju između izvorne, nekomprimirane verzije fotografije i verzije koja je spremljena kompresijom jpeg.webp:
Buka je sada mnogo vidljivija na slici.
Nije lijep prizor, zar ne? Sada kada stvari lakše vidimo, sve one čudne boje predstavljaju svu štetu koju smo napravili na slici stisnuvši je. Slika je sada ispunjena onim što se obično naziva "artefakti kompresije", što je samo maštovit način da kažete "uzeli smo vaše savršeno dobre informacije o slici i sve zbrisali". Komprimiranje jpeg.webp slike može u velikoj mjeri smanjiti veličinu vaše datoteke, ali kako nam pokazuje način mješanja razlike, to također može u velikoj mjeri smanjiti kvalitetu slike. Opet, nije uvijek lako vidjeti koliko je štete pretrpjela slika gledajući je na zaslonu računala, ali razliku ćete sigurno primijetiti kad ispisujete u visokoj rezoluciji.
Pa sad kad smo vidjeli koliko štete možemo napraviti digitalnoj fotografiji kompresijom, što možemo učiniti u vezi s tim? Nažalost, ne puno. Format jpeg.webp i dalje je vaš najbolji izbor za spremanje digitalnih fotografija, a kad je veličina datoteke problem, zaista nemamo drugog izbora nego ih komprimirati. Ako radite na projektu za web, obično se možete skloniti s prilično malo kompresije prije nego što kvaliteta slike postane problem, ali ako će se vaš projekt ispisati, morat ćete koristiti izvorne, nekomprimirane slike kad god je moguće. I tu ga imamo!