Výukový program pre Photoshop: Optimalizácia obrázkov pre použitie na webe

optimalizácia webového obrazu

Podľa účelu naše fotografie budú vyžadovať jedno alebo druhé ošetrenie. Nie je to rovnaké ako konfigurovať fotografiu, ktorá sa vytlačí, zobrazí na digitálnom projektore alebo sa zobrazí na webovej stránke. Každé médium má iné nedostatky, vlastnosti alebo potreby. Z tohto dôvodu je nevyhnutné, aby sme týmto typom aspektov venovali osobitnú pozornosť, inak by sme mohli nepriamo a bez toho, aby sme to vedeli, znížiť kvalitu našich skladieb.

V takom prípade uvidíme v nasledujúcom tutoriáli nastavenia, ktoré nám ponúka Adobe Photoshop na ukladanie našich obrázkov takým spôsobom, aby mali optimálne spracovanie pre reprodukciu na webových stránkach a na internete. Touto cestou pokúsime sa nájsť najlacnejšiu možnosť berúc do úvahy aspekty ako kvalita (strihanie a pixelácia) a na druhej strane veľkosť súboru, už viete, že keď ideme nahrávať fotografie alebo súbory na náš web, mali by čo najmenej vážiť, aby operácia našej webovej stránky je oveľa svižnejšia. Je zaujímavé, že zohľadňujete tieto základné možnosti, už viete, že sa musíme pokúsiť postarať o všetky podrobnosti, ktoré máme na dosah ruky.

Optimalizácia obrázkov JPEG

Na začiatok spustíme našu aplikáciu a importujeme fotografiu, s ktorou budeme pracovať, v tomto prípade stredný obrázok a vo formáte JPEG.

optimalizácia-1

Aby sme túto fotografiu uložili s vhodnými vlastnosťami pre prácu na webe, budeme musieť prejsť do ponuky Súbor> Uložiť na web ... (k tejto možnosti môžeme pristupovať aj pomocou klávesov Alt + Shift + Ctrl + S).

optimalizácia-2

Klikneme na kartu s názvom „štyri kópie“ v hornej časti dialógového okna Uložiť pre web. Pri pohľade na štyri rôzne nastavenia v súbore môžeme získať dobrú predstavu o tom, ktoré nastavenie bude najlepšie vyhovovať našim účelom. Pomocou zobrazení 4 kópií je možné v rovnakom okne s obrázkom zobraziť viac verzií obrázka. Urobíme to, použijeme rôzne formáty a uvidíme, ktorý z nich najlepšie vyhovuje našim nárokom. Potom môžete upraviť priradenia optimalizácie pre každú verziu obrázka a zvoliť najlepšiu kombináciu priradení.

optimalizácia-3

Pomocou rozbaľovacej ponuky Úroveň zväčšenia v ľavej dolnej časti dialógového okna zmeníme zväčšenie na 200% alebo viac, aby sme mohli dobre analyzovať našu fotografiu a oceniť jej podrobnosti.

optimalizácia-4

Kurzor myši umiestnime nad pravú hornú verziu obrázka (čo je aktívna verzia, pretože to naznačuje najtmavší okraj). Kurzor nadobudne tvar ruky, čo naznačuje, že ho môžeme presunúť presunutím obrázka. Pretiahnutím zmeníme polohu obrázka tak, aby sme našli najvhodnejšiu oblasť obrázka, tú, kde nájdeme najväčšie množstvo nuáns a kontrastov.

optimalizácia-5

Z rozbaľovacej ponuky Predvoľba na paneli Optimalizované vyberieme GIF 128 s funkciou Dither. Všimnite si, ako okamžite vo verzii obrázka, ktorú sme vybrali (v tomto prípade vpravo hore), nastali zmeny, vďaka ktorým sú tmavšie oblasti viditeľnejšie. Ďalej budeme na nasledujúcich paneloch naďalej vidieť nastavenia JPEG a PNG.

optimalizácia-6

Kliknutím na ľavú dolnú verziu obrázka ho vyberieme. V ponuke predvolieb si vyberieme verziu s nízkym JPEG. Obrázok bude vyzerať dosť pixelovaný a jeho kvalita je neprijateľná, najmä v oblasti textu je to veľmi zreteľné. Pokúsime sa zvýšiť kvalitu obrazu bez získania neprijateľnej veľkosti súboru.

optimalizácia-7

Z rozbaľovacej ponuky nastavení opäť vyberieme JPEG High. To výrazne zlepšuje kvalitu obrazu, ale tiež to spôsobuje výrazné zväčšenie veľkosti súboru.

optimalizácia-8

Najúspešnejšou možnosťou bude nakoniec stredná cesta. Z rozbaľovacej ponuky Predvoľba opäť vyberieme JPEG Media. Kvalita obrazu je teraz prijateľná, zatiaľ čo veľkosť súboru je podstatne menšia ako verzia JPEG High alebo GIF.

optimalizácia-9

Nakoniec vyberieme pravý dolný panel. Z rozbaľovacej ponuky opäť vyberieme PNG-8 128 s ditheringom. Aj keď táto možnosť poskytuje menšiu veľkosť súboru ako pôvodný obrázok, kvalita obrazu nie je taká dobrá ako vo verzii JPEG Medium, ktorá bude mať tiež menšiu veľkosť súboru.

optimalizácia-10

Nakoniec klikneme na verziu JPEG, teda na verziu v ľavom dolnom rohu. Na Optimalizovanom paneli (napravo od dialógového okna) skontrolujte, či je povolená funkcia Progressive (to spôsobí, že sa obrázok bude sťahovať vo viacerých priechodoch, z ktorých každé zvyšuje kvalitu obrazu), a kliknite na tlačidlo Ok.

optimalizácia-11

Nakoniec v dialógovom okne Uložiť optimalizované ako použijeme pôvodný názov a klikneme na Uložiť. Týmto spôsobom uložíme verziu JPEG pôvodného súboru do požadovaného priečinka. Nakoniec tento projekt zavrieme bez uloženia zmien.


Zanechajte svoj komentár

Vaša e-mailová adresa nebude zverejnená. Povinné položky sú označené *

*

*

  1. Zodpovedný za údaje: Miguel Ángel Gatón
  2. Účel údajov: Kontrolný SPAM, správa komentárov.
  3. Legitimácia: Váš súhlas
  4. Oznamovanie údajov: Údaje nebudú poskytnuté tretím stranám, iba ak to vyplýva zo zákona.
  5. Ukladanie dát: Databáza hostená spoločnosťou Occentus Networks (EU)
  6. Práva: Svoje údaje môžete kedykoľvek obmedziť, obnoviť a vymazať.