Vadnica za Photoshop: Optimizirajte slike za spletno uporabo

optimizacija spletnih slik

Odvisno od namena naše fotografije bodo zahtevale takšno ali drugačno obdelavo. Ni enako konfigurirati fotografije, ki bo natisnjena, prikazana na digitalnem projektorju ali prikazana na spletni strani. Vsak medij ima različne pomanjkljivosti, značilnosti ali potrebe. Iz tega razloga je treba tovrstnim vidikom posvetiti posebno pozornost, sicer bi lahko kakovost naših skladb posredno in brez vedenja zmanjšali.

V tem primeru bomo v naslednji vadnici videli nastavitve, ki nam jih ponuja Adobe Photoshop, da shranimo svoje slike tako, da imajo optimalno obdelavo za reprodukcijo na spletnih straneh in internetu. V to smer poskusili bomo najti najcenejšo možnost ob upoštevanju vidikov, kot sta kakovost (rezanje in pikseliranje) in po drugi strani velikost datoteke, že veste, da morajo fotografije ali datoteke na našo spletno stran naložiti čim manj, da bo operacija naše spletne strani je veliko bolj gibčen. Zanimivo je, da upoštevate te osnovne možnosti, že veste, da moramo poskušati poskrbeti za vse podrobnosti, ki so nam na dosegu roke.

JPEG optimizacija slike

Za začetek bomo zagnali aplikacijo in uvozili fotografijo, s katero bomo delali, v tem primeru srednjo sliko in v formatu JPEG.

optimizacija-1

Če želimo to fotografijo shraniti z ustreznimi lastnostmi za delo v spletu, bomo morali odpreti meni Datoteka> Shrani za splet ... (do te možnosti lahko dostopamo tudi prek Alt + Shift + Ctrl + S).

optimizacija-2

Na vrhu pogovornega okna Shrani za splet bomo kliknili zavihek »štiri kopije«. Če pogledamo štiri različne nastavitve v datoteki, lahko dobimo dobro predstavo, katera nastavitev bo najbolj ustrezala našim namenom. Z uporabo pogledov 4 kopij je mogoče v istem oknu slike prikazati več različic slike. To bomo storili, uporabili bomo različne formate in videli bomo, kateri izmed njih najbolj ustreza našim trditvam. Nato lahko prilagodite preslikave za optimizacijo za vsako različico slike, da izberete najboljšo kombinacijo preslikav.

optimizacija-3

S spustnim menijem Raven povečave v spodnjem levem kotu pogovornega okna bomo povečavo spremenili na 200% ali več, da bomo lahko dobro analizirali svojo fotografijo in cenili podrobnosti slike.

optimizacija-4

Kazalec miške bomo postavili nad zgornjo desno različico slike (ki je aktivna različica, kot kaže najtemnejša obroba). Kazalec bo imel obliko roke, kar pomeni, da jo lahko povlečemo, da premaknemo sliko. Vlekli bomo, da spremenimo položaj slike, tako da najdemo najprimernejše področje slike, tisto, kjer najdemo največ odtenkov in kontrastov.

optimizacija-5

V spustnem meniju Prednastavitev na podoknu Optimizirano izberemo GIF 128 z Dither. Opazite, kako so se takoj v različici slike, ki smo jo izbrali (v tem primeru zgoraj desno), spremenile, zaradi česar so temnejša področja vidnejša. Nato bomo še naprej videli nastavitve JPEG in PNG na naslednjih ploščah.

optimizacija-6

Za izbiro bomo kliknili spodnjo levo različico slike. V meniju prednastavitev bomo izbrali različico Low JPEG. Slika bo videti precej pikselirana in njena kakovost je nesprejemljiva, zlasti na področju besedila je zelo opazna. Poskusili bomo povečati kakovost slike, ne da bi dobili nesprejemljivo velikost datoteke.

optimizacija-7

V spustnem meniju z nastavitvami bomo znova izbrali JPEG High. To močno izboljša kakovost slike, hkrati pa tudi znatno poveča velikost datoteke.

optimizacija-8

Nazadnje bo najuspešnejša možnost vmesna pot. V spustnem meniju Prednastavitev bomo znova izbrali JPEG Media. Kakovost slike je zdaj sprejemljiva, velikost datoteke pa je znatno manjša od različice JPEG High ali različice GIF.

optimizacija-9

Na koncu bomo izbrali spodnjo desno ploščo. V spustnem meniju bomo še enkrat izbrali PNG-8 128 z diserom. Čeprav ta možnost omogoča manjšo velikost datoteke od prvotne slike, kakovost slike ni tako dobra kot različica JPEG Medium, ki bo imela tudi manjšo velikost datoteke.

optimizacija-10

Na koncu bomo kliknili še različico JPEG, torej tisto spodaj levo. Na Optimizirani plošči (na desni strani pogovornega okna) se prepričajte, da je aktivirana možnost Progresivno (zaradi tega se bo slika prenesla v več prehodih, od katerih vsak poveča kakovost slike) in kliknite V redu.

optimizacija-11

Na koncu bomo v pogovornem oknu Shrani optimizirano kot uporabili izvirno ime in kliknili Shrani. Na ta način bomo shranili JPEG različico izvirne datoteke v želeno mapo. Končno bomo ta projekt zaprli, ne da bi shranili spremembe.


Pustite svoj komentar

Vaš e-naslov ne bo objavljen. Obvezna polja so označena z *

*

*

  1. Za podatke odgovoren: Miguel Ángel Gatón
  2. Namen podatkov: Nadzor neželene pošte, upravljanje komentarjev.
  3. Legitimacija: Vaše soglasje
  4. Sporočanje podatkov: Podatki se ne bodo posredovali tretjim osebam, razen po zakonski obveznosti.
  5. Shranjevanje podatkov: Zbirka podatkov, ki jo gosti Occentus Networks (EU)
  6. Pravice: Kadar koli lahko omejite, obnovite in izbrišete svoje podatke.