IRF05: Optimalizace grafiky

---

Úvodní informace

Cíle lekce

• Zvládnout základ pro optimalizaci (zmenšení) grafiky pro web, textové dokumenty, prezentace apod.
• Srovnat křivý horizont – rotovat, otáčet
• Umět nastavit výběr
• Oříznout obrázek
• Umět převzorkovat obrázek, tj. snížit počet pixelů

Úkoly a cvičení

• Podrobnosti k úkolům a procvičení naleznete dole v odstavci Úkoly.

Klíčová slova, pojmy

rotace, otáčení, srovnat horizont, výběr, oříznutí, změna počtu bodů – pixelů, přeškálovat, převzorkovat, zmenšit, optimalizovat pro web

Software

Pouze Irfan View

Cvičné a ukázkové soubory

Zde najdete několik ukázek cvičných souborů pro vaše pokusy a úkoly.

Další soubory naleznete ve školní síti ve složkách
...\Pub-Out\Grafika\foto, ...\Pub-Out\Obrazky

nahoru 

Jak optimalizovat grafiku?

Jak optimalizovat grafiku pro web, textový dokument či prezentaci? Zaprvé je tím míněno přiměřeně snížit počet pixelů (bodů) obrázku ale tak, aby byl obrázek ještě hezký a přitom zabíral co nejméně místa v paměti a na disku, abychom zbytečně nastahovali a neukládali milióny pixelů a tudíž milióny bajtů.

Způsobů jak zmenšit objem dat je více, ale to až v jiné lekci, po zvládnutí teorie o rozlišení, DPI, hloubce barev, formátech a kompresi. Nyní jen následující.

Využijeme tyto základní operace s obrázky.

Rotace

Zkušený fotograf držící správně fotoaparát možná nepotřebuje srovnat horizont na svém obrázku. Většinou je to jen 1–2 stupně, ale výsledku to určitě pomůže.

Oříznutí

V podstatě nezbytná operace u většiny fotek. Buď pro úpravu kompozice (umístění hlavního motivu) nebo pro zmenšení objemu dat a nebo z obou důvodů.

Snížení počtu pixelů

Co pixel (obrazový bod) to většinou 3 bajty (viz barevná hloubka ). Oříznutím zahodíme nějaké pixely a když to nestačí, tak obrázek přeškálujeme, převzvorkuje, tzn. změníme počet pixelů. Pro tisk počet pixelů NIKDY nesnižujte, tam je každý pixel cenný. Pro zobrazení na monitoru (pro web, prezentace a textové dokumenty) ano.

nahoru 

Videotutoriál

Výběr

• Ukázka výběru tažením za okraje.
• Neklikejte dovnitř výběru, obrázek by se přiblížil (ZOOM) podle výběru.
• Oříznutí CTRL+Y. Zjistil jsem, že "rybník je z kopce".
• Jako pomůcku (ROVINU) jsem použil nástroj pro výběr.
• Na obrázku níže je vidět pevná mřížka pro sledování horizontu či jiných podobných závad fotografie.

Jemná rotace

• Vrátím se zpět k originálu, neotáčejte oříznutým obrazem. Otáčením vzniknou po stranách černé klíny a ošidili by jste se o část obrázku, který chcete. Otáčejte originálem!
• Jemná rotace CTRL+U. Vyzkouším –5 stupňů (MÍNUS = vlevo, PLUS = vpravo), pak jiné hodnoty. "Nedotočím" nebo "přetočím", ale vždy se vrátím krokem zpět na začátek a otáčím originální fotkou, dokud výsledek není přijatelný.
• Je ZAKÁZÁNO otáčet zpět. Násobí se tím zkreslení, které každým přepočítáním (rotací) může vzniknout. Vždy začínejte od originálu.
• Vytvořím přibližný výběr i s ohledem na kompozici (ústřední motiv – hrad).
• Dávám pozor, aby ve výběru nebyl kousek černého klínu z okrajů fotky. Přesun výběru dělám pravým tlačítkem myši – stisknu, táhnu a pak pustím.
• Teprve nyní oříznu CTRL+Y a znova posoudím horizont.

Škálování

• Přestože se obrázek po oříznutí zmenšil na 1912 × 1236 pixelů, tak "zoom" je stále velký 33 % a v paměti zabírá 6,76 MB. Musíme škálováním zmenšit počet pixelů.
• Zmenšením na polovinu získáme parametry:
  956 × 618 pixelů, zoom 66 %, zabraná paměť 1,69 MB
• To stále není cílový stav.
• Vrátím krokem zpět a použijeme metodu zapsání požadované hodnoty klávesnicí
• Rozhodneme se, podle zadání nebo zkušeností, pro šířku 480 pixelů.
• Zkontrolujeme zdali je zatržena volba zachovat poměr stran.
• Dopočítá se v poměru výška obrázku.
• Kýžený výsledek se dostavil:
  480 × 310 pixelů, zoom 100 % (konečně je 1:1, nezmenšený), zabraná paměť pouze cca 0,4 MB

nahoru 

Úkoly a cvičení

Procvičte si

Vyberte si některý ze cvičných souborů a podle videonávodu si vyzkoušejte tyto základní úpravy obrázků:

• Přibližné nastavení velikosti výběru
• Přesun výběru na jiné místo v obrázku
• Oříznutí CTRL+Y
• Jemnou rotaci CTRL+U o několik stupňů
• Převzorkování – změnu velikosti obrázku, změnu počtu pixelů

nahoru 

Úkol pro studenty

nahoru 

Kontrolní otázky

Otázky jsou používané často při zkoušení:
• Jak se rotuje vpravo / vlevo pomocí klávesnice?
• Jak zvětším / zmenším obrázek
• Nebo praktický úkol: Pootočte a pak ořízněte obrázek...
• Jak připravím obrázek pro web?
• Co znamená srovnat horizont?
• Vysvětlete pojem škálování.
• Vysvětlete pojem pixel.

nahoru