To je življenje v življenju, ko gre za delo z digitalnimi fotografijami in slikami. Včasih jih moramo stisniti, da zmanjšamo velikost datotek, še posebej, če jih pošljemo po e-pošti stranki ali družinskim članom ali jih objavimo na spletnem mestu.
Ker je format datoteke jpeg.webp še vedno izbirni format za digitalne fotografije, čeprav je že več kot 15 let, stiskanje slik ponavadi pomeni stiskanje jpeg.webp, kar odlično naredi zmanjšanje velikosti datoteke. Žal pa tudi zmanjšuje kakovost slike, čeprav ni vedno enostavno opaziti, kakšen negativni vpliv ima stiskanje na sliko, še posebej, če jo gledate na računalniškem monitorju. Toda zahvaljujoč Photoshopu in enemu njegovih redko uporabljenih načinov mešanja postanejo grozote stiskanja jpeg.webp presenetljivo jasne.
Če želite natančno videti, kaj se dogaja z našimi slikami, bomo uporabili način mešanja plasti Photoshop's Difference. Način Difference blend dobi svoje ime po tem, da išče razlike med dvema slojema. Vsa območja v obeh plasteh, ki so popolnoma enaka, so videti kot črna, medtem ko so območja, ki so na nek način drugačna, videti kot čudne barve. Način mešanja razlike se ne uporablja zelo pogosto zunaj sveta posebnih učinkov, vendar nam odlično pokaže, koliko smeti (ja, rekel sem smeti) dodajamo v slike jpeg.webp, ko jih stisnemo. Zdaj to ne pomeni, da moramo vsi prenehati s stiskanjem fotografij. V popolnem svetu zagotovo, vendar to preprosto ni realno. Vseeno nam pomaga, da vidimo in razumemo, kaj se dogaja z našimi slikami, zlasti za tiste, ki smo se do zdaj prepričali, da med stisnjeno in nekomprimirano digitalno fotografijo ni razlike v kakovosti slike.
Tukaj imam v programu Photoshop odprta dva okna dokumentov, od katerih vsako vsebuje isto sliko:
V programu Photoshop se odpreta dve okni dokumentov, v katerih je vsako prikazano kopijo iste fotografije.
Toda, ali so res enaka podoba? Videz je lahko zavajajoč, še posebej na računalniškem zaslonu. Resnica je, da niso enaki. Tista na desni je originalna, nestisnjena fotografija, kot da je bila prenesena neposredno z digitalnega fotoaparata. Leva je kopija fotografije, shranjene v Photoshopu, s 60-odstotno kakovostjo slike, kar je precej značilna nastavitev. To pomeni, da je slika na levi strani stisnjena.
Zavedam se, da je na zgornjem posnetku zaslona malo težko povedati, toda če bi pogledali obe sliki na mojem zaslonu v Photoshopu, bi imeli težave pri razkritju, katera je stisnjena in katera ne. Če bi jih natisnili, bi razlike postale jasne, toda na računalniškem zaslonu, ki ima veliko nižjo ločljivost, kot bi ga imela natisnjena slika, razlike ni tako enostavno zaznati. Vsaj ne, če ne uporabimo načina mešanja Photoshop Difference.
Pred časom sem rekel, da se v načinu Difference blend iščejo razlike med dvema plastema in da se vsa področja med dvema plastema popolnoma enaka kot čisto črna. To preizkusimo. Izbral bom izvirno, nestisnjeno fotografijo in podvojil bom njeno plast ozadja v paleti slojev s pritiskom na Ctrl + J (Win) / Command + J (Mac). Zdaj imam v paleti plasti dva sloja - prvotni sloj ozadja na dnu in nad njim kopijo plasti ozadja, ki jo je Photoshop poimenoval "Layer 1":
Paleta slojev za izvirno nestisnjeno fotografijo, ki prikazuje plast ozadja in kopijo plasti ozadja nad njo.
Ker je "Layer 1" kopija plasti ozadja, morata biti oba sloja enaka. Z načinom mešanja razlike lahko dokažemo, da so. Pojdem na možnost načina mešanja na vrhu palete plasti in spremenim način mešanja za "Layer 1" iz "Normal" v Difference:
Spreminjanje načina mešanja "Layer 1" v "Difference".
Ko je "Layer 1" nastavljen na način Difference blend, če pogledam sliko v oknu dokumenta, vidim, da je celotna slika zdaj napolnjena s črno črno barvo, kar mi omogoča, da mi način Difference blend sporoči, da sta obe plasti pravzaprav identična:
Slika je v celoti napolnjena s črno črno barvo, kar pomeni, da sta "Layer 1" in sloj Background v vseh pogledih enaka.
Vzemimo stvari še dlje, da smo popolnoma prepričani, da je vse, kar vidimo na sliki, samo čisto črno. Da bi to naredili, bomo uporabili plast prilagoditve nivojev. Kliknil bom ikono New Adjustment Layer na dnu palete plasti:
S klikom na ikono »Novi prilagoditveni sloj« na dnu palete plasti v programu Photoshop.
Nato na seznamu prilagoditvenih slojev izberem ravni:
S klikom na ikono »Novi prilagoditveni sloj« na dnu palete plasti v programu Photoshop.
Prikaže se pogovorno okno Ravni. Lahko uporabim Histogram na sredini pogovornega okna, da natančno vidim, katere tonske informacije se prikazujejo na moji sliki. Če vsak slikovni pik na sliki prikazuje čisto črno, kar bi moralo biti, če sta obe moji plasti enaki, potem je vse, kar bi moral videti na svojem histogramu, ena sama navpična črta na skrajni levi strani, ki se zgodi ravno to Vidim:
Histogram na sredini pogovornega okna Levels prikazuje eno samo navpično vrstico na skrajni levi strani, ki mi pove, da je vsak slikovni pik na moji sliki čisto črn.
Histogram potrjuje, da na moji sliki trenutno ni nobenih drugih barv, razen čiste črne, kar pomeni, da sta "Layer 1" in plast ozadja 100% enaka. Zaenkrat tako dobro. Zdaj smo dokazali, kar je večina od nas že vedela, da je kopija sloja kopija v vseh pogledih enaka izvirniku. Navdušujoče stvari, kajne? Gremo naprej.
Kratke kode, dejanja in vtičniki za filtre: Napaka v kratkem kodu (oglasi v bistvu-sredina)
Kliknil bom gumb Prekliči v zgornjem desnem kotu pogovornega okna Ravni, da zaenkrat izstopim iz nje, in tako izbrišem "Layer 1" iz palete plasti s klikom nanj in ga povlečem navzdol na ikoni koša za smeti:
Če želite izbrisati "Layer 1" na ikono koša na dnu palete Slojev, da jo izbrišete.
Zdaj imam spet samo svoj originalni sloj ozadja:
Paleta slojev, ki prikazuje prvotno plast ozadja.
Zdaj pa poglejmo, kaj se zgodi, ko za primerjavo nestisnjene različice fotografije primerjamo s stisnjeno različico fotografije. Kot sem že omenil, ni enostavno opaziti nobenih razlik med njimi, če jih preprosto pogledate na računalniški zaslon, a poiščimo, kaj o tem govori način mešanja Difference. Ko se vsaka različica moje fotografije odpre v svojem oknu dokumenta, s svojim orodjem za premikanje kliknem v okno dokumenta stisnjene različice (tisto na levi) in sliko povlečem v okno dokumenta v nestisnjeni različici (tisto na pravica):
Uporaba orodja Move in vlečenje stisnjene različice slike na levi strani v okno dokumenta v nestisnjeni različici na desni strani.
Ker imata obe sliki popolnoma enake dimenzije slikovnih pik (širina in višina), bom pritisnil tipko Shift in nato sprostil gumb miške, ki bosta obe sliki popolnoma poravnali znotraj okna dokumenta:
Obe sliki sta zdaj popolnoma poravnani ena nad drugo v istem oknu dokumenta.
Če pogledam svojo paleto slojev, lahko vidim, da imam zdaj spet dve plasti. Nestisnjena različica slike je na sloju Ozadje, različica, ki je bila shranjena pri 60% kakovosti slike, pa je zdaj nad njo na "Layer 1":
Paleta slojev, ki prikazuje nestisnjeno različico na sloju Ozadje in stisnjeno različico na "Layer 1".
Še enkrat bom spremenil način mešanja "Layer 1" iz "Normal" v "Difference":
Spreminjanje načina mešanja "Layer 1" v "Difference".
Zdaj, ko je način mešanja "Layer 1" nastavljen na "Difference", če resnično ni razlike med stisnjeno in stisnjeno različico fotografije, ne bi smel videti nič drugega kot čisto črno, ko pogledam svojo sliko v okno dokumenta:
Okno dokumenta po spremembi načina mešanja na "Layer 1" (stisnjena različica fotografije) v "Difference".
Hmm. Ali na sliki zgoraj vidite ves tisti šibek šum? Odvisno bo od nastavitve monitorja. Morda preprosto vidite črno, na zaslonu pa vidim, da zagotovo ni čisto črna, kot je bila prej, ko smo primerjali plast ozadja z isto kopijo. Tam je še nekaj in "nekaj drugega" nam govori, da stisnjene in nekomprimirane različice fotografije niso enake. Toda kako različni so? Ali stiskanje jpeg.webp resnično močno vpliva na to?
Še enkrat uporabimo sloj za prilagoditev nivojev in pustimo, da nam na to vprašanje odgovori histogram. Na dnu palete Layers bom kliknil ikono New Adjustment Layer in na seznamu izbral Levels:
Izbira prilagoditvenega sloja "Levels" v paleti slojev.
To znova odpre pogovorno okno ravni. Od prejšnjega časa se spomnimo, da je na histogramu na skrajni levi strani prikazana ena navpična črta, ki nam je povedala, da na naši sliki ni čisto nič drugega, razen čiste črne. Tokrat vidimo nekaj malce drugačnega:
Histogram ni več le ena navpična vrstica.
Zdi se, da se tokrat dogaja veliko več na skrajni levi strani Histograma, kar potrjuje, da moje oči niso igrale trikov name. Na posnetku je zagotovo nekaj drugega. Eno vertikalno vrstico je nadomestilo večje območje črne, kar pomeni, da sama slika zdaj vsebuje več kot le čisto črno, kar pomeni, da v obeh različicah fotografije obstajajo območja, ki niso več enaka.
Kaj je torej pri njih drugače? Preprosto - smeti. S stiskanjem ene različice slike smo vzeli čiste, nedotaknjene podatke o sliki in ji dodali cel kup smeti. Hrup, smeti, pokličite, kar vam je všeč. V nadaljevanju je fotografija, ki smo jo poškodovali. Koliko smeti je dodala kompresija jpeg.webp? Morda še ne izgleda veliko, še vedno pa je težko videti na sami sliki, zato bom kliknil majhen, bel drsnik v spodnjem desnem kotu Histograma in ga povlekel vse do leve strani dokler ni pod mestom, kjer se začne črni naklon:
Povlecite beli drsnik od spodnje desne strani histograma čez levo do točke, kjer se začne črni naklon.
Ne da bi se dolgočasili o tem, kako deluje pogovorno okno Levels, sem pravkar naredil ves tisti šibek šum na sliki in ga naredil veliko svetlejšega, da ga bomo lažje videli. Ne pozabite, da vse nenavadne barve, ki jih vidite, predstavljajo področja, ki se razlikujejo med izvirno, nestisnjeno različico fotografije in različico, ki je bila shranjena s stiskanjem jpeg.webp:
Hrup je zdaj na sliki veliko bolj viden.
Ni lep prizor, kajne? Zdaj ko lahko stvari lažje vidimo, vse te čudne barve predstavljajo vso škodo, ki smo jo sliko storili s stiskanjem. Slika je zdaj napolnjena s tistimi, ki jih običajno imenujemo "stiskalni artefakti", kar je samo domišljav način, da bi lahko rekli "vzeli smo vaše popolnoma dobre podatke o sliki in vse skupaj zmešali". Stiskanje slike jpeg.webp lahko močno zmanjša velikost vaše datoteke, toda, kot nam pokaže način mešanja Razlike, lahko tudi močno zmanjša kakovost slike. Ponovno ni težko razumeti, koliko škode je utrpela vaša slika, če jo pogledate na zaslonu računalnika, a razliko boste zagotovo opazili pri tiskanju v visoki ločljivosti.
Zdaj, ko smo videli, koliko škode lahko digitalni fotografiji naredimo s stiskanjem, kaj lahko naredimo na tem? Žal ne veliko. Format jpeg.webp je še vedno najboljša ponudba za shranjevanje digitalnih fotografij, in ko je velikost datoteke težava, resnično nimamo druge možnosti, kot da jih stisnemo. Če delate na spletu za projekt, se lahko običajno izognete s precej stiskanjem, preden kakovost slike postane težava, če pa se bo vaš projekt tiskal, boste želeli uporabiti izvirne, nestisnjene slike ko bo mogoče. In tam ga imamo!