6. lekce 1. část - práce s obrázky

Před vložením obrázku na stránku je většinou potřeba upravit jejich rozměry a datovou velikost (v kB), k těmto účelům je možné používat řadu editorů od jednoduchých ke složitějším, často i zdarma ke stažení. V lekci využijeme program Zoner PhotoStudio, který má naše škola zakoupený, ale změnu rozměrů a optimalizaci velikosti souboru můžete zvládnout třeba i v programu Photo Filtre (free verze 6.3.2 ke stažení např. zde, české návody )


K prohlížení obrázků (i souborů jiných typů) a pro práci s nimi, existují speciální programy, ve škole používáme Zoner PhotoStudio, často jsou používané i jiné prohlížeče/editory obrázků s podobnými funkcemi.
Vzhled těchto programů může být podobný - jsou rozdělené do několika panelů, jejichž velikosti můžete snadno tažením za rámečky měnit. Zpravidla je v jedné části zobrazený adresářový strom, ve druhé části se zobrazuje obsah otevřené složky (stejně jako jinde zde mohou být seznam, detaily, ikony, náhledy), ve třetí potom větší náhled vybraného obrázku. (Pokud je některý z panelů zavřený, můžete použít Alt+O - výchozí nastavení oken).

             

Prohlížení obrázků (ale třeba i videí nebo zvukových souborů) je vcelku intiutivní, podobné práci v jiných průzkumnících. Nejpodstatnější budou pro nás údaje o obrázku, které jsou vidět při zobrazení detailů nebo ve spodní části náhledového okna. Půjde o velikost souboru obrázku (B, KB), o jeho rozměry v bodech obrazovky a počet barev (např. 800x600x16M) a takzvaný formát , který poznáte podle přípony za názvem. Velikosti stejných obrázků v různých formátech se výrazně liší (např. .bmp a .jpg).
Kopírování souborů lze provádět stejným způsobem jako kdekoliv jinde (např. Ctrl+C a Ctrl+V), nebo je na pravém tlačítku myši nabídka Kopírovat do ... (Alt+C).
Další operace s obrázkem, které v této lekci využijeme, obsahuje nabídka Menu - Upravit (stejná je i na pravém tlačítku myši) - Změna rozměrů (pozor - ve Photostudiu přepisuje původní soubor! - proto si nejprve připravte kopii obrázku (Ctrl+C, Ctrl+V)).
Změnu formátu a kvality obrázku můžete provést pomocí nabídky Menu - Upravit - Konvertovat soubor, operace se provádí s vybranými obrázky (výběr se provádí běžným způsobem - klikání s Ctrl nebo SHIFTem, při zobrazeném seznamu "zarámováním" apod.).
Formáty obrázků používané na www stránkách především kvůli jejich úspornosti jsou jpg (resp. jpeg), gif a novější pgn. Jde o komprimované (zhuštěné) formáty, které komprimací jen málo ztrácejí na kvalitě. Pro větší počet barev (například fotografie) se používá jpg, pro čárové obrázky, obrázky s průhlednou barvou nebo animované obrázky se používá gif (ukázky animovaných gifů také v této složce najdete). Nabídka Konvertovat soubor převádí různé formáty mezi sebou, nejčastěji například bmp (většinou velký soubor) vytvořený v grafickém editoru (nebo scanováním) na jpg nebo gif.

Program samozřejmě zvládá řadu dalších operací s obrázky, například v Editoru, který můžete spustit třeba na pravém tlačítku myši, můžete je zkoušet ale pro účely této lekce je nepotřebujeme.

Úkoly:

Úkoly (2 body):

Najděte a uložte do své složky obrázky ve formátech jpg, bmp a gif. Obrázek ve formátu .bmp zkonvertujte do formátu jpg a porovnejte velikosti těchto dvou souborů.
Dále si do své složky z této složky zkopírujte tři kreslené vtipy a zmenšete jejich rozměry tak, aby měly všechny šířku 300 pixelů.

Název školy:Základní škola, Hradec Králové, M. Horákové 258
Název projektu:EU peníze školám
Číslo projektu:CZ.1.07/1.4.00/21.2575
Téma:Tvorba WWW stránek
Název:VY_32_INOVACE_06a_10B_tvorba www6a
Autor:Pavel Petr
Použité zdroje: Není-li uvedeno jinak, jsou všechny ilustrační obrázky dílem autora.