Vodič za Photoshop: Optimizirajte slike za web upotrebu

optimizacija web slika

Ovisno o svrsi za naše će fotografije biti potreban 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 je neophodno da posebnu pažnju posvetimo ovim vrstama aspekata, jer bismo u suprotnom mogli smanjiti kvalitet svojih kompozicija, a da to ne znamo.

U ovom slučaju, u sljedećem uputstvu vidjet ćemo 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) i, s druge strane, veličinu datoteke, već znate da kada ćemo upload-ovati fotografije ili datoteke na našu web stranicu, trebale bi imati što manje težine kako bi operacija naše web stranice je puno agilniji. Zanimljivo je da uzmete u obzir ove osnovne mogućnosti, već znate da moramo pokušati voditi računa o svim detaljima 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 i 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 steći 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 preslikavanja optimizacije za svaku verziju slike kako biste odabrali najbolju kombinaciju preslikavanja.

optimizacija-3

Korištenjem padajućeg izbornika Razina zumiranja u donjem lijevom dijelu dijaloškog okvira promijenit ćemo uveć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 pokazuje najtamnija ivica). Kursor će poprimiti oblik ruke, što ukazuje na to da ga možemo povući za pomicanje slike. Povući ćemo za promjenu položaja slike tako da pronađemo najprikladnije područje slike, ono gdje nalazimo najveću količinu nijansi i kontrasta.

optimizacija-5

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

optimizacija-6

Kliknut ćemo na donju lijevu verziju slike da bismo je odabrali. Mi ćemo odabrati verziju Low JPEG u izborniku unaprijed postavljenih postavki. Slika će izgledati prilično pikselirano i njen kvalitet je neprihvatljiv, posebno u području teksta, vrlo je uočljiv. Pokušat ćemo povećati kvalitet slike bez dobivanja neprihvatljive veličine datoteke.

optimizacija-7

Ponovo ćemo odabrati JPEG High iz padajućeg izbornika postavki. Ovo u velikoj mjeri poboljšava kvalitet slike, ali uzrokuje i značajno povećanje veličine datoteke.

optimizacija-8

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

optimizacija-9

Na kraju ćemo odabrati donji desni panel. Još jednom ćemo odabrati PNG-8 128 sa dimetiranjem sa padajućeg izbornika. Iako ova opcija pruža manju veličinu datoteke od izvorne slike, kvalitet slike nije tako dobar kao JPEG srednja verzija koja će imati i 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 omogućeno Progresivno (to će uzrokovati preuzimanje slike u više prolaza, od kojih svaki povećava kvalitetu slike) i kliknite U redu.

optimizacija-11

Na kraju, u dijaloškom okviru Spremi optimizirano kao, upotrijebit ćemo izvorno ime i kliknuti na Spremi. Na taj način ćemo sačuvati JPEG verziju originalne datoteke u željenu mapu. Napokon ćemo zatvoriti ovaj projekat bez spremanja promjena.


Ostavite komentar

Vaša e-mail adresa neće biti objavljena. Obavezna polja su označena sa *

*

*

  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 obavezi.
  5. Pohrana podataka: Baza podataka koju hostuje Occentus Networks (EU)
  6. Prava: U bilo kojem trenutku možete ograničiti, oporaviti i izbrisati svoje podatke.