Pravilna veličina vaših fotografija za web

Mnogi od nas postavljaju svoje fotografije na web, a često se postavlja pitanje koje veličine treba koristiti fotografije. Ako objavljujete slike s prevelikim veličinama datoteka, zagušit ćete svoju web stranicu i učiniti korisnike (i tražilice) nezadovoljnima. U isto vrijeme želite da vaše fotografije izgledaju što je moguće bolje.

Imam dobre vijesti – odgovor je prilično jednostavan. Međutim, to će ovisiti o tome gdje učitavate svoje fotografije. Vrlo često im uopće nećete morati mijenjati veličinu, a kada to učinite, postupak je jednostavan. U ovom ću vam članku pokazati što trebate znati o promjeni veličine svojih fotografija, a u onim prilikama kada morate promijeniti veličinu, pokazat ću vam kako to učiniti u Photoshopu i Lightroomu.

Učitavanje u web galeriju

Ako svoje fotografije objavljujete u web-galeriji koju nudi usluga kao što je SmugMug, SquareSpace ili čak Flickr, uopće se ne morate brinuti o promjeni veličine fotografija. Usluga će promijeniti veličinu fotografija umjesto vas. Samo prenesite najveće JPEG datoteke koje imate na web mjesto. Usluga će im promijeniti veličinu umjesto vas i čak će izraditi fotografije različitih veličina za korištenje kao sličice i za korištenje na mobilnim uređajima.

Isto vrijedi i za stranice društvenih medija kao što su Facebook i Instagram. Oni će promijeniti veličinu fotografije tako što će je znatno smanjiti (često više nego što biste željeli). Samo prenesite JPEG u punoj veličini i sve će biti u redu.

Ako učitavate na jednu od ovih usluga, što preporučujem, nikada nećete morati razmišljati o promjeni veličine svojih fotografija za web. Osobno sam godinama postavljao svoje fotografije na SmugMug i nikada nisam ni pomislio na promjenu veličine fotografija. Nisam morao sve dok nisam počeo koristiti WordPress za ovu web stranicu.

Učitavanje na vlastitu web stranicu

Ako izrađujete vlastitu web stranicu, uključujući korištenje platforme za bloganje kao što je WordPress, morat ćete promijeniti veličinu svojih fotografija. Veličine datoteka JPEG-ova koje izlaze iz vaše kamere (bez obzira koju kameru koristite) bit će prevelike i zasmetat će vašoj web stranici.

Koliko male trebate napraviti datoteke za svoju web stranicu? Vjerojatno puno manji nego što mislite. Postoje dvije varijable kojima upravljate (i pokazat ću vam kako ih kontrolirati kasnije u ovom članku):

• veličina – mjerena u pikselima; i
• kvaliteta – mjerena u postotku.

Prvo ću vam pokazati kako odrediti odgovarajuću veličinu i kvalitetu vaše slike, a zatim ću vam pokazati kako napraviti postavku njih.

1. Veličina

Da biste odredili odgovarajuću veličinu vaše slike, prvo što biste trebali učiniti je odrediti širinu područja sadržaja vaše web stranice. Ovo može zahtijevati malo kopanja s vaše strane jer različita mjesta imaju različite širine. Na primjer, na ovoj web stranici moje glavno područje sadržaja za članke široko je 1024 piksela. Stoga nema smisla imati slike šire od toga. Tako da odmah znam da bih sve slike trebao smanjiti na širinu ne veću od 1024 piksela.

Druge web stranice koristit će manja područja sadržaja, obično zato što uključuju bočne trake i druga područja sadržaja. Na primjer, pišem za školu digitalne fotografije i njihov glavni sadržaj je širok 750 piksela (donedavno je bio širok samo 600 piksela). Stoga DPS ne koristi slike veće od 750 piksela.

Zapamtite da su ovo maksimumi. Možda želite da vaša slika bude manja od stvarnog područja sadržaja. U tom slučaju samo odlučite koji postotak područja sadržaja želite da slika ispuni, a zatim postavite veličinu na temelju postotka područja sadržaja.

2. Kvaliteta

Nakon što odlučite koliko veliku sliku želite, još uvijek možete kontrolirati kvalitetu postavku, koja će dodatno odrediti veličinu slike. Smanjenje postotka kvalitete smanjuje veličinu datoteke, što je dobra stvar. Učinci blagih do umjerenih smanjenja kvalitete nisu vidljivi.

Nadalje, smanjenje postotka kvalitete rezultirat će većim postotkom smanjenja veličine datoteke. Drugim riječima, smanjenje postotka kvalitete za 5% (recimo, sa 100% na 95%) rezultirat će smanjenjem veličine datoteke za mnogo više od 5%. Svakih 5% smanjenja kvalitete smanjuje veličinu datoteke za oko 15%, iako ovo smanjenje jenjava što više smanjujete kvalitetu.

Koliko biste trebali smanjiti postotak kvalitete svojih slika? Ovdje nema postavljenog pravila, samo morate koristiti vlastitu prosudbu.

Kao putokaz za vas, ljudi iz Digital Photography School – koji znaju ponešto o tome kako odrediti veličinu fotografija – dopuštaju fotografije na svojoj web stranici samo do 200 kilobajta (KB). Čak i nakon smanjenja veličine slike na 750 piksela po dužoj strani (njihova maksimalna veličina), često moram smanjiti kvalitetu slike na negdje između 70 i 90% kako bih veličinu datoteke spustio ispod 200 KB.

Više opraštam na vlastitoj web stranici jer nemam količinu slika (ili prometa) kao DPS, dopuštam li da moje slike budu malo veće. Ipak, nastojim ih držati na oko 200 KB i nikad ne dopuštam da prijeđu 450 KB. Smatram da se moje stranice i dalje otvaraju prilično brzo na taj način.

Opet, ne postoji čvrsto i brzo pravilo s postocima kvalitete. U nastavku ću dati nekoliko primjera koji će vam dati ideju o tome kako bi vaše datoteke mogle izgledati nakon što su smanjene. Mislim da ćete se iznenaditi koliko malo razlike vidite u smanjenim datotekama.

3. Veličina datoteke

Glavna stvar koju treba uzeti u obzir je da se fotografije koje objavljujete na webu trebaju mjeriti u kilobajtima (KB), a ne megabajti (MB) kada se objave na webu. Tipična Raw datoteka koja izlazi iz mog fotoaparata je oko 24 MB, a čak i kada pretvorim datoteku u JPEG, i dalje je rutinski 7-10 MB. To je način prevelik za web datoteku. Ne donosi vam ništa dobro i opterećuje vaš sustav.

Primjeri

Kao primjer onoga o čemu govorim na ovoj stranici, u nastavku su neke različite verzije iste slike.

Veliki u odnosu na izuzetno velike

Prvo, kao polazište, vrh ove stranice je slika koju sam nedavno snimio u prirodnom području države Torre Pines u Kaliforniji. Promijenio sam veličinu slike kako bi odgovarala području sadržaja ove web stranice, koja je široka 1024 piksela. Osim toga, također sam smanjio postavku kvalitete na 80%. To je rezultiralo veličinom datoteke od 450 kilobajta.

Usporedbe radi, stavio sam i istu sliku ispod, ali duplo veću. Ova je slika široka 2048 piksela i zadržao sam postavku kvalitete na 100%. To je rezultiralo veličinom datoteke od 3,8 MB, što je otprilike 8 puta veća veličina datoteke od slike na vrhu zaslona.

Pogledajte obje slike. (Znam da nisu jedno uz drugo, ali dolje ću imati takav primjer). Možete li primijetiti veliku razliku između slike ispod i one na vrhu zaslona? Pretpostavljam da ne možete.

Povećana veličina u pikselima očito vam ne pomaže. Širina zaslona je samo 1024 piksela, tako da šira slika ne pomaže. Ne pomaže ni povećani postotak. Kao daljnju demonstraciju toga, pogledajmo istu sliku na različitim postavkama kvalitete.

Različite postavke kvalitete

Sada pogledajmo još jedan primjer, ovaj put koristeći slike koje su jedna do druge. 4 slike u nastavku potpuno su iste veličine, ali vrlo različite kvalitete. Točnije, svaka od slika u nastavku široka je 512 piksela, ali ima postavku kvalitete:

• 100% postavka kvalitete (234 KB datoteka)
• Postavka kvalitete 80% (datoteka od 115 KB)
• Postavka kvalitete od 60% (datoteka od 70 KB)
• Postavka kvalitete od 40% (datoteka od 44 KB)

Pomiješao sam ih. Možete li reći koji je koji? Nakon što pogodite, usporedite ga s odgovorom u naslovu ispod.

Jeste li uspjeli odrediti što je što? Ako ste poput mene, ne biste mogli. Ne vidim veliku razliku na ovim slikama.

Ipak, najmanja od njih zauzima samo 25% veličine datoteke najveće slike. Stoga je poanta svega ovoga da vjerojatno ne morate biti previše zabrinuti oko smanjenja veličine datoteke vaših slika prije nego što ih objavite na webu.

Imajući to na umu, prođimo kroz to kako mijenjate veličinu fotografija.

Kako promijeniti veličinu fotografija

Kad trebate promijeniti veličinu svojih fotografija, kako to učiniti? To ovisi o softveru koji koristite. Photoshop ili Lightroom dobro će obaviti ovaj posao, a ne treba vam nikakav poseban softver za promjenu veličine.

Evo kako to učiniti u svakom programu:

Promjena veličine fotografija u Photoshopu

U Photoshopu. koristite značajku Spremi za web. Omogućit će vam da postavite točnu duljinu piksela stranica vaše slike, a također će vam omogućiti da postavite postotak kvalitete kako god želite.

U izborniku Datoteka odaberite Spremi za web. Pojavit će se dijaloški okvir koji će vam omogućiti da postavite veličinu i kvalitetu slike:

Prilagodbe veličine slike su prema dnu. Samo postavite širinu ili visinu na željenu duljinu, a druga će se strana automatski promijeniti na odgovarajuću duljinu. Veličina datoteke pojavit će se u donjem lijevom kutu. Prilagodite postavku kvalitete u gornjem desnom kutu dok veličina datoteke ne bude onakva kakvu želite.

Proces je jednostavan i imate potpunu kontrolu nad njim. Jedino ograničenje je da morate promijeniti veličinu svake slike zasebno. Lightroom radi malo drugačije i omogućuje obradu više fotografija odjednom.

Promjena veličine fotografija u Lightroom

U Lightroomu ćete koristiti funkciju izvoza za promjenu veličine fotografija. Da biste prikazali funkciju izvoza, kliknite desnom tipkom miša, odaberite izvoz, a zatim ponovno odaberite izvoz. Pojavit će se sljedeći dijaloški okvir:

U Lightroomu možete postaviti veličinu slike postavljanjem širine, visine ili oboje. Također možete postaviti u pikselima, inčima ili centimetrima.

Što se tiče određivanja veličine datoteke, Lightroom vam omogućuje da to učinite na jedan od dva načina:

• postavljanjem određenog ograničenja veličine datoteke, ili
• postavljanjem kvalitete (kao postotak – kao u Photoshopu).

Ali ne možete oboje. Vi birate veličinu ili kvalitetu datoteke.

Nakon što kliknete Izvezi, Lightroom će stvoriti novu kopiju slike u bilo kojoj mapi koju ste odredili.

Nijedan program nije bolji od drugog u mijenjanju veličine fotografija. Samo koristite onaj koji vam više odgovara. U svakom slučaju, promjena veličine vaših fotografija jednostavna je i bit će vrlo laka nakon što to učinite jednom ili dva puta.

Zaključak

U ovom trenutku trebali biste imati dobru predodžbu o tome kako promijeniti veličinu fotografija i koliko male učiniti datoteke prilikom objavljivanja na webu. Da bismo to pojačali – i jednostavno stvari – proces objašnjen u ovom članku može se svesti u nekoliko koraka:

• Odredite trebate li uopće brinuti o promjeni veličine svojih slika. Ako koristite SmugMug, SquareSpace, Flickr ili neku drugu uslugu za objavljivanje svojih slika na webu, ne morate. Samo ih objavite takve kakve jesu i vaš će pružatelj usluga sve riješiti umjesto vas. Ali ako izrađujete vlastitu web-stranicu ili WordPress web-lokaciju, trebate pravilno odrediti veličinu svojih slika.
• Ako trebate promijeniti veličinu svojih slika, odredite veličinu (u pikselima) svoje slike na temelju veličine spremnika na vašoj web stranici i koliko tog spremnika želite da slika ispuni.
• Upotrijebite ili funkciju Save for Web u Photoshopu ili funkciju Export u Lightroomu za promjenu veličine slike, počevši od postavljanja veličine koju ste odredili u koraku 2.
• Postavite postotak kvalitete kako biste dodatno smanjili veličinu datoteke slike (ili možete koristiti maksimalnu veličinu datoteke u Lightroomu). Pokušajte zadržati veličinu slike na najviše 250 KB.
• Ne bojte se koristiti postotke kvalitete niže od 50%.

Ovaj bi postupak trebao rezultirati time da vaše slike izgledaju dobro na vašoj web-stranici, ali ne da je ometaju.