Ako ste neko vrijeme obilazili računala i digitalne slike, posebno ako ste web dizajner ili fotograf koji fotografije objavljuje na mreži, bez sumnje ste čuli da je to ispravna razlučivost za slike prikazane na webu, ili na računalnim ekranima općenito iznosi 72 piksela po inču (ppi).
Možda ste čak čuli da je rečeno da iako je slika 72 ppi ispravna za slike prikazane na Mac računalu, PC-u sa sustavom Windows potrebna je rezolucija postavljena na 96 ppi.
Neki kažu da je to "ppi" ( piksela po inču), drugi tvrde da je "dpi" ( točkice po inču), i cijela bi stvar postala vrlo zbunjujuća da nije jedne male činjenice - sve je to potpuna glupost! U ovom ćemo tutorialu naučiti zašto jednostavno ne postoji nešto poput standardne rezolucije weba ili zaslona i zašto, ako su vaše slike namijenjene webu, ne morate se brinuti o razlučivosti slike!
Mala povijest …
Ishodište rezolucije zaslona od 72 ppi datira sve do sredine 1980-ih kada je Apple izdao svoja prva Macintosh računala. Ova su računala uključivala ugrađeni 9 inčni zaslon s razlučivosti zaslona od 72 piksela po inču. Zašto 72 piksela po inču? To je zato što su Macintosh ekrani posebno dizajnirani kako bi radili u potpunom skladu s Appleovim pisačima ImageWriter koji su imali otisak 144 točaka po inču - točno dvostruko više od razlučivosti zaslona. To je olakšalo skaliranje prikaza zaslona na ispisanoj stranici, što znači da se vaš tekst i grafika mogu pregledati na ekranu u točnoj veličini koju će se pojaviti pri ispisu. Kasnije, dok je Apple počeo izrađivati veće zaslone za Macintosh, pobrinuli su se da rezolucija zaslona bude postavljena na ista 72 piksela po inču kako bi korisnici uvijek vidjeli točan pregled ispisanog dokumenta na ekranu (sve dok su pomoću pisača ImageWriter).
Ali razlučivost zaslona od 72 piksela po inču bila je standard samo kod Applea i nije izdržala. Tvrtke trećih strana koje prodaju monitore za Macintosh nisu se držale norme, a niti konkurentske PC monitore. Danas, gotovo tri desetljeća kasnije, tehnologija se znatno poboljšala i dani ekrana rezolucije od samo 72 ppi odavno su prošli. Čak i Apple, tvrtka koja je pokrenula cijelu stvar, sada prodaje svoje zaslone s mnogo većom razlučivosti. Nitko više ne stvara zaslone od 72 ppi. Nitko više ne koristi zaslone 72 ppi. Pa ipak, iako je ta stara tehnologija daleko iza nas, još uvijek imamo puno ljudi koji i dalje vjeruju da moramo postaviti razlučivost naših slika na 72 piksela po inču u Photoshopu prije nego što ih pošaljemo na web. Većina ljudi misli da je razlog tome što će se slike pravilno prikazivati na ekranu, pa započnimo stvari učenjem jednostavnog načina da dokažemo da monitor vašeg računala, zajedno sa svim modernim monitorima računala, ima rezoluciju mnogo veću od 72 ppi.
Stavljanje 72 PPI standarda na test
Kao i svi drugi ovih dana, i zaslon vašeg računala (bilo da se radi o samostalnom monitoru, sustavu all-in-one poput iMac-a ili dijelu prijenosnog računala) ima rezoluciju zaslona veću od 72 piksela po inču i nemate da uzmem svoju riječ za to. Jednostavno ga možete i sami testirati. Sve što trebate je ravnalo ili mjerač vrpce. Sada, kada vam trgovina prodaje računalni monitor, obično vam kažu njegovu veličinu na temelju širine dijagonale, pri čemu su neke uobičajene veličine 17 inča, 19 inča, 24 inča i tako dalje. To je u redu, ali za naš test ovdje ne treba se brinuti o tom broju. Ono što moramo otkriti je stvarna širina zaslona, u inčima. Da biste to učinili, jednostavno zgrabite ravnalo ili vrpcu i izmjerite područje zaslona s lijeva na desno. Obavezno mjerite samo područje zaslona. Ne uključuje nikakve okvire oko zaslona. Potrebna nam je stvarna širina zaslona (fotografija monitora računala iz Shutterstoka):
Izmjerite širinu zaslona (ne uključujući vanjsku obrub).
Nakon što izmjerite širinu, druga stvar koju trebate provjeriti je da je vaš monitor postavljen na izvornu razlučivost zaslona, a to je stvarni broj piksela koji vaš zaslon može prikazati s lijeva na desno i od vrha do dna. Na primjer, monitor s izvornom razlučivosti zaslona 1920 x 1080 (koji se ovih dana obično naziva "full HD") sadrži 1920 piksela s lijeva na desno i 1080 piksela od vrha do dna. Trenutno koristim monitor s rezolucijom nativnog ekrana od 2560 x 1440, ali moje je prijenosno računalo matične rezolucije 1920 x 1200, tako da se razlikuje, što znači da ćete morati znati izvornu razlučivost zaslona vašeg određenog monitora i provjerite je li na monitoru vašeg operativnog sustava postavljen monitor.
Sada kada ste izmjerili stvarnu širinu zaslona i osigurali da monitor radi u njegovoj izvornoj razlučivosti zaslona, da biste saznali koja je njegova stvarna razlučivost zaslona (u piklicama po inču), jednostavno uzmite prvi broj iz izvornog razlučivost zaslona, koja vam govori širinu zaslona u pikselima, i podijelite ga sa širinom zaslona u inčima. Na primjer, moja matična rezolucija zaslona je 2560 x 1440, pa ću uzeti onaj prvi broj, 2560, koji je širina zaslona u pikselima, a podijelit ću ga sa širinom u inčima, što je u mom slučaju bilo 23.4 (ili prilično blizu, svejedno). Koristeći zgodan ugrađeni kalkulator operacijskog sustava, 2560 ÷ 23, 4 = 109, 4, koji ću zaokružiti na 109. Dakle, upravo iz ovog brzog i jednostavnog testa, potvrdio sam da je rezolucija ekrana 109 piksela po inču, a ne 72 piksela po inču. Vaš vlastiti test s ekranom može vam dati drugačiji rezultat od mog, ali ako još uvijek ne koristite jedno od tih originalnih Macintosh računala iz sredine 80-ih, bit će puno veći od 72 ppi.
Ako želite, isto možete učiniti s visinom zaslona. Samo uzmite ravnalo ili vrpcu i izmjerite stvarnu visinu ekrana u inčima (još jednom izbjegavajući obrub oko nje):
Izmjerite visinu zaslona (ne uključujući vanjsku obrub).
Zatim uzmite drugi broj iz izvorne razlučivosti zaslona, koji vam daje visinu u pikselima, i podijelite ga s visinom u inčima. Opet, moja nativna rezolucija zaslona je 2560 x 1440, pa ću uzeti drugi broj, 1440, i podijeliti ga s mojom izmjerenom visinom zaslona koja je bila 13, 2 inča. Koristeći moj kalkulator, 1440 ÷ 13, 2 = 109, 09, što ću opet zaokružiti na 109. Kao što vidimo, trebali biste dobiti približno isti rezultat koristeći bilo širinu ili visinu zaslona. U mom slučaju oboje su radili na 109 piksela po inču, a ne 72 piksela po inču.
Za usporedbu, provjerimo stvarnu razlučivost ekrana mog prijenosnog računala. Radi se o MacBook Pro (napravio ga je naravno Apple, tvrtka koja nam je prije mnogo godina dala originalni standard od 72 ppi). Moj MacBook Pro ima izvornu razlučivost ekrana 1920 x 1200, pa kao i prije, uzet ću taj prvi broj, 1920, koji mi daje širinu zaslona u pikselima, a podijelit ću je sa širinom ekran u inčima, što u ovom slučaju iznosi 14.4. Dakle, 1920 ÷ 14, 4 = 133, 3, što ću zaokružiti na 133 piksela po inču . To je puno više od 72, pa čak i više od mog samostalnog monitora. Isto ću učiniti s visinom, uzimajući visinu u pikselima (1200) i dijelim je s visinom u inčima (9). 1200 ÷ 9 = 133, 3, opet zaokruženo na 133 piksela po inču.
Dva različita zaslona, svaki s dvije različite razlučivosti zaslona (109 ppi i 133 ppi), obje znatno veće od 72 ppi, što, prema mišljenju mnogih današnjih ljudi, ostaje industrijska standardna rezolucija za gledanje slika na webu i na zaslonu. Ako je moj, vaš i svaki drugi zaslon razlučivosti veći od 72 ppi, da ne spominjemo činjenicu da su oba moja zaslona imala vrlo različite razlučivosti jedni od drugih, a možda će i vaš zaslon imati različitu razlučivost, tada jasno, ne samo da više nema službenog standarda za razlučivost zaslona, ali čak i da postoji, više ne bi bio 72 ppi. Ti dani, poput originalnih Macintosh računala za koje je dizajniran, su povijest.
Dodatak za kratke kodove, akcije i filtre: Pogreška u kratkom kodu (osnovni oglasi-sredina)
Rezolucija slike utječe na veličinu ispisa, a ne na veličinu zaslona
Ako vas činjenica da danas na računalnim monitorima imaju razlučivosti ekrana veću od 72 ppi nije uvjerila da više ne postoji standard poput rezolucije zaslona od 72 ppi, evo još jedne važne činjenice koju treba razmotriti. Ako ste prethodno pročitali naš Rezolucija slike, Dimenzije piksela i Veličina dokumenta, već znate da razlučivost slike nema apsolutno nikakve veze s načinom na koji se slika pojavljuje na vašem zaslonu. Zapravo, digitalna slika sama po sebi nema svojstvenu razlučivost. To su samo pikseli. Ima određeni broj piksela s lijeva na desno i određeni broj od vrha do dna. Širina i visina slike, u pikselima, poznata je po dimenzijama piksela i to je sve što se zaslona računala tiče.
Veličina slike na ekranu ovisi samo o dvije stvari - dimenzijama piksela slike i razlučivosti zaslona. Sve dok ste zaslon postavili na izvornu razlučivost zaslona, kao što smo prethodno raspravljali, tada će se prikazati slika po pikselu. Drugim riječima, svaki piksel na slici zauzet će točno jedan piksel na vašem zaslonu. Na primjer, slika 640x480 piksela ispunila bi područje 640x480 piksela na vašem zaslonu. Na zaslonu će se na platnu širine 800 piksela na web mjestu pojaviti širina 800 piksela. Ni više ni manje. I bez obzira na to što ste postavili razlučivost slike u Photoshopu, bilo da je 72 ppi, 300 ppi ili 3000 ppi, to uopće neće utjecati na to koliko se velika ili mala slika pojavljuje na zaslonu.
To je zato što razlučivost slike utječe samo na jednu stvar - veličinu slike prilikom ispisa . Postavljanjem razlučivosti u Photoshopu kažemo pisaču, a ne zaslonu, koliko piksela na slici će se utisnuti u centimetar papira. Što više piksela stisnete u svaki centimetar papira, slika će se pojaviti manje kad se tiska. I općenito govoreći, što više piksela ispisujete po inču veća je kvaliteta ispisa.
Lako možemo shvatiti koliko će se velika fotografija ispisati na temelju određene rezolucije slike. Jednostavno uzmite širinu fotografije u pikselima i podijelite je prema vašoj rezoluciji slike, a zatim uzmite visinu fotografije u pikselima i podijelite je prema rezoluciji slike. Ako uzmemo za primjer sliku od 640 x 480 piksela i postavimo njezinu razlučivost na 72 ppi u Photoshopu, tada širinu i visinu fotografije možemo podijeliti razlučivošću kako bismo utvrdili da će se ispisati na papiru otprilike 8, 9 x 6, 7 inča. Ako njegovu razlučivost u Photoshopu povećamo na, recimo, 240 ppi, što je češća razlučivost ispisa, a zatim opet ako napravimo matematiku, dijeleći širinu i visinu piksela na 240 ppi, znat ćemo da bi se fotografija ispisala u veličini od 2, 7 x 2 inča, što je mnogo manje nego da smo ga ispisali pri 72 ppi, ali ukupna kvaliteta ispisa bila bi mnogo bolja. Ali ono što je ovdje važnije za razumjeti je da promjenom rezolucije ni na koji način ne utječemo na izgled slike na ekranu.
Da biste jasnije vidjeli kako rezolucija utječe na veličinu ispisa, a ne na veličinu zaslona, evo slike koju sam otvorio u programu Photoshop. Ovaj je mali momak također pokušavao smisliti sve ove stvari u vezi s web rezolucijom od 72 ppi, ali čini se da ga možda malo preispita (razmišljajući dječju fotografiju iz Shutterstocka):
Rezolucija slike zaista nije tako složena, ali definitivno A za trud.
Otvorit ću Photoshopov dijaloški okvir Veličina slike tako da otvorim izbornik Slika na traci izbornika na vrhu zaslona i odaberem Veličinu slike :
Idite na Slika> Veličina slike.
Na vrhu dijaloškog okvira Veličina slike nalazi se odjeljak Dimenzije piksela koji nam u širini i visini slike prikazuje piksele. Ovdje možemo vidjeti da moja fotografija ima i širinu i visinu od 500 piksela, što je čini pristojnom veličinom za prikaz na webu. Ovo je jedini dio dijaloškog okvira Veličina slike do kojeg se brine zaslon vašeg računala - stvarne dimenzije piksela slike:
Odjeljak Dimenzije piksela prikazuje nam širinu i visinu u pikselima.
Ispod dimenzija piksela nalazi se odjeljak Veličina dokumenta koji nam govori koliko bi se slika trenutno pojavljivala na papiru kad bismo je ispisali. Ovaj se odjeljak bavi isključivo veličinom ispisa i uopće ne utječe na to kako se slika pojavljuje na zaslonu. Također se događa da je dom najvažnije opcije Rezolucije (razlog zašto smo svi ovdje!), Što ima smisla, jer razlučivost utječe na veličinu ispisa, a ne na veličinu zaslona. Kao što vidimo, Photoshop je krenuo naprijed i postavio je razlučivost moje fotografije na 72 piksela po inču (da, čak i Photoshop doprinosi mitu od 72 ppi), a neposredno iznad opcije Rezolucija, u okvirima širine i visine, možete vidjeti da bi pri fotografiji od 72 ppi moja fotografija veličine 500 x 500 piksela ispisala na papiru dimenzija 6.944 x 6.944 inča (500 ÷ 72 = 6.944):
Odjeljak Veličina dokumenta prikazuje nam veličinu ispisa na temelju trenutne rezolucije. Nema utjecaja na veličinu zaslona.
Pogledajmo što se događa ako povećam razlučivost slike. Prije nego što to učinim, brzo ću poništiti opciju Resample Image na dnu dijaloškog okvira kako bi slika zadržala svoje izvorne dimenzije piksela kad promijenim razlučivost:
Poništite odabir opcije Resample Image.
Ako se ne provjeri Resample Image, povećat ću razlučivost sa 72 piksela po inču na 240 piksela po inču . U odjeljku Dimenzije piksela možemo vidjeti na vrhu da povećanje rezolucije nije promijenilo stvarne dimenzije piksela. Još uvijek je 500 x 500 piksela, što znači da bi i dalje zauzimao područje od 500 x 500 piksela na zaslonu. Ali pri 240 ppi sada bi se ispisivao na papiru veličine samo 2.083 x 2.083 inča (500 ÷ 240 = 2.083). Promjenom razlučivosti promijenila se veličina ispisa fotografije, ali ništa drugo:
Slika bi se sada ispisala manjom, ali na ekranu bi ostala jednaka veličina od 500 x 500 piksela.
Ponovo ću povećati razlučivost slike, ovaj put na nešto ludo kao što je 500 piksela po inču, samo kako bi matematika zaista bila jednostavna. Slika veličine 500 x 500 piksela, postavljena na rezoluciju od 500 piksela po inču, ispisala bi se kao 1 x 1 inčna slika na papiru (500 ÷ 500 = 1). Još jednom se stvarne dimenzije slike nisu promijenile. Čak i pri 500 ppi, moja slika se ne bi pokazala veća ili manja na ekranu, odnosno bila bi pri 72 ppi, ili 240 ppi, ili bilo kojoj rezoluciji, jer je to slika od 500 x 500 piksela, bez obzira na postavku rezolucije, a njezine dimenzije piksela su sve o vašem zaslonu računala brine:
Pri 500 ppi slika bi se zaista ispisala vrlo malo, ali bi se i dalje prikazala kao slika od 500 x 500 piksela na ekranu.
Na kraju, evo usporedne slike kao što se pojavljuje na sve tri gore navedene rezolucije. Smanjio sam sliku (sad je samo 200 x 200 piksela) tako da mogu stati sve tri verzije jedna pored druge, ali prva verzija s lijeve strane spremljena je na 72 ppi. Verzija u sredini spremljena je pri 240 ppi, a verzija s desne strane spremljena je pri 500 ppi:
Verzija slike od 72 ppi (lijevo), 240 ppi (srednja) i 500 ppi (desno).
Kao što jasno vidimo, rezolucija uopće nema utjecaja na to kako slika izgleda na zaslonu. Sve tri verzije zauzimaju prostor od točno 200 x 200 piksela, bez obzira na postavku rezolucije. Kvaliteta svake verzije također je potpuno ista. Svaka inačica ispisala bi se u vrlo različitoj veličini zbog različitih postavki razlučivosti, ali nema nikakve razlike s veličinom zaslona ili kvalitetom slike.
Iako je dvojbeno da će ta glupost od 72 ppi za web i rezoluciju zaslona uskoro nestati, nadam se da će ovaj vodič barem olakšati uvid u to zašto je to, u stvari, glupost u ovom trenutku. Svi danas računalni monitori imaju rezoluciju zaslona veću od 72 ppi, a opcija razlučivosti slike u Photoshopu utječe samo na veličinu ispisa fotografije, a ne na veličinu zaslona.
Bilo koja fotografija s dimenzijama piksela dovoljno malom za prikaz na webu bila bi premala da bi svatko mogao preuzeti i ispisati kvalitetnu verziju korisne veličine, pa imajući na umu sve ove razloge, ako će se vaša fotografija gledati samo na ekranu, bez obzira na to nalazi se na internetu, u e-pošti ili u bilo kojem slučaju, jednostavno nema logičnog razloga zašto biste trebali postaviti njezinu razlučivost na 72 ppi u Photoshopu. Ako ne ispisujete fotografiju, ne morate se brinuti o razlučivosti slike. I tu ga imamo!