Vodič za Photoshop: Optimizirajte slike za web upotrebu

optimizacija web-slika

Ovisno o namjeni naše će fotografije zahtijevati jedan ili drugi tretman. Nije isto konfigurirati fotografiju koja će se ispisati, prikazati na digitalnom projektoru ili pojaviti na web stranici. Svaki medij ima različite nedostatke, karakteristike ili potrebe. Iz tog razloga potrebno je da posebnu pozornost posvetimo ovim vrstama aspekata, jer bismo u suprotnom mogli smanjiti kvalitetu svojih skladbi, a da to ne znamo.

U ovom ćemo slučaju u sljedećem vodiču vidjeti postavke koje nam Adobe Photoshop nudi za spremanje naših slika na takav način da imaju optimalan tretman za reprodukciju na web stranicama i Internetu. Na ovaj način pokušat ćemo pronaći najjeftiniju opciju uzimajući u obzir aspekte kao što su kvaliteta (rezanje i pikselizacija), a s druge strane i veličinu datoteke, već znate da bi, kad ćemo fotografije ili datoteke prenijeti na našu web stranicu, trebali težiti što je manje moguće kako bi naša web stranica djeluje vrlo spretnije. Zanimljivo je da uzmete u obzir ove osnovne mogućnosti, već znate da se moramo pobrinuti za sve detalje koji su nam nadohvat ruke.

JPEG optimizacija slike

Za početak ćemo pokrenuti našu aplikaciju i uvesti fotografiju s kojom ćemo raditi, u ovom slučaju srednju sliku u JPEG formatu.

optimizacija-1

Da bismo ovu fotografiju spremili s odgovarajućim karakteristikama za rad na webu, morat ćemo otići na izbornik Datoteka> Spremi za web ... (ovoj opciji možemo pristupiti i putem Alt + Shift + Ctrl + S).

optimizacija-2

Klikom na karticu nazvanu "četiri kopije" na vrhu dijaloškog okvira Spremi za web. Uvidom u četiri različite postavke u datoteci možemo dobiti dobru ideju koja će postavka najbolje odgovarati našim svrhama. Korištenjem prikaza od 4 kopije, više verzija slike može se prikazati u istom prozoru slike. Učinit ćemo to, primijenit ćemo različite formate i vidjet ćemo koji od njih najbolje odgovara našim tvrdnjama. Zatim možete prilagoditi zadatke optimizacije za svaku verziju slike kako biste odabrali najbolju kombinaciju zadataka.

optimizacija-3

Pomoću padajućeg izbornika Razina zumiranja u donjem lijevom dijelu dijaloškog okvira promijenit ćemo povećanje na 200% ili više kako bismo mogli dobro analizirati svoju fotografiju i uvažiti detalje slike.

optimizacija-4

Postavit ćemo kursor miša iznad gornje desne verzije slike (koja je aktivna verzija što označava najtamnija granica). Kursor će dobiti oblik ruke, što znači da je možemo povući za pomicanje slike. Povući ćemo za promjenu položaja slike tako da pronađemo najprikladnije područje slike, ono na kojem nalazimo najveću količinu nijansi i kontrasta.

optimizacija-5

S padajućeg izbornika Unaprijed postavljeno na ploči Optimizirano odabrat ćemo GIF 128 s Dither-om. Primijetite kako su se odmah u verziji slike koju smo odabrali (u ovom slučaju gore desno) dogodile promjene zbog kojih su tamnija područja vidljivija. Dalje ćemo nastaviti vidjeti postavke JPEG i PNG na sljedećim pločama.

optimizacija-6

Za odabir ćemo kliknuti donju lijevu verziju slike. Mi ćemo odabrati inačicu Low JPEG u izborniku unaprijed postavljenih postavki. Slika će izgledati prilično pikselirano, a kvaliteta je neprihvatljiva, posebno u području teksta vrlo je uočljiva. Pokušat ćemo povećati kvalitetu slike bez dobivanja neprihvatljive veličine datoteke.

optimizacija-7

Ponovo ćemo odabrati JPEG High s padajućeg izbornika postavki. To uvelike poboljšava kvalitetu slike, ali uzrokuje i značajno povećanje veličine datoteke.

optimizacija-8

Napokon, najuspješnija opcija bit će sredina. Ponovo ćemo odabrati JPEG Media s padajućeg izbornika Preset. Kvaliteta slike je sada prihvatljiva, dok je veličina datoteke znatno manja od verzije JPEG High ili GIF.

optimizacija-9

Na kraju ćemo odabrati donju desnu ploču. Još ćemo jednom odabrati padajući izbornik PNG-8 128 s šrafurama. Iako ova opcija pruža manju veličinu datoteke od izvorne slike, kvaliteta slike nije dobra kao JPEG srednja verzija, koja će također imati manju veličinu datoteke.

optimizacija-10

Na kraju ćemo kliknuti na JPEG verziju, odnosno onu dolje lijevo. Na optimiziranoj ploči (s desne strane dijaloškog okvira) provjerite je li progresivno aktivirano (to će dovesti do preuzimanja slike u više prolaza, od kojih svaki povećava kvalitetu slike) i kliknite U redu.

optimizacija-11

Napokon, u dijaloškom okviru Spremi optimizirano kao upotrijebit ćemo izvorni naziv i kliknuti na Spremi. Na taj ćemo način spremiti JPEG verziju izvorne datoteke u željenu mapu. Napokon ćemo zatvoriti ovaj projekt bez spremanja promjena.


Ostavite svoj komentar

Vaša email adresa neće biti objavljen. Obavezna polja su označena s *

*

*

  1. Za podatke odgovoran: Miguel Ángel Gatón
  2. Svrha podataka: Kontrola neželjene pošte, upravljanje komentarima.
  3. Legitimacija: Vaš pristanak
  4. Komunikacija podataka: Podaci se neće dostavljati trećim stranama, osim po zakonskoj obvezi.
  5. Pohrana podataka: Baza podataka koju hostira Occentus Networks (EU)
  6. Prava: U bilo kojem trenutku možete ograničiti, oporaviti i izbrisati svoje podatke.