Jak počítač zapisuje obrázky

Žáci porovnají bitmapový a vektorový zápis obrazu a podle jeho zamýšleného využití posoudí, který se hodí k uložení a přenosu.

Průvodce tématem Jak počítač zapisuje obrázky v předmětu Informatika pro 7. třídu: co mají žáci zvládnout, na co navázat a kde nejčastěji chybují. K tomu příprava na hodinu, pracovní list nebo písemka, které ScioBot připraví na jedno kliknutí přesně pro tento ročník.

Připravit hodinu Všechny formáty

Klikněte a tvořte

Získejte přípravu zdarma

Vyberte formát. Jedním kliknutím otevřete tvorbu na téma Jak počítač zapisuje obrázky (7. třída) — ScioBot ho připraví za vás.

Připravit hodinu

Další formáty na jedno kliknutí

Téma i ročník jsou už vyplněné. Nic nepíšete — rovnou tvoříte.

Žáci v 7. ročníku porovnávají dva běžné způsoby kódování obrazu: bitmapový, který ukládá obraz jako mřížku pixelů, a vektorový, který popisuje geometrické objekty a jejich vlastnosti. Učí se zvažovat, který zápis se hodí například pro logo, fotografii, schéma, mapu nebo ikonu.

Bitmapa ukládá mřížku bodů, z nichž každý má svou barvu. Počet pixelů určuje množství prostorových detailů a počet bitů na pixel, kolik barev lze rozlišit; obojí ovlivňuje velikost dat. Vektor ukládá popis tvarů, například souřadnice, křivky, výplně a obrysy. Při zvětšení lze tvary znovu vykreslit, aniž by se zvětšily původní pixely. Žáci navazují na práci s pixely a barvami ze 6. ročníku a připravují se na další témata o kódování a kompresi.

Výstup INF-INF-001-ZV9-002 žáci v tomto tématu procvičují tím, že pro konkrétní účel navrhnou způsob kódování a svou volbu zdůvodní. Zvažují přitom například, jak se projeví zvětšení obrazu, jaké detaily zachová a jak objem dat ovlivní jejich uložení nebo přenos.

Předpoklady

  • Pixel, mřížka obrazu a kódování barvy (RGB, počet bitů na pixel)
  • Kódování dat jako volba zápisu pro uložení a přenos
  • Bit, bajt a hrubý odhad velikosti souboru

Klíčové pojmy

Bitmapa (rastrový obraz)
Obraz je uložen jako mřížka pixelů, z nichž každý má svou barvu. Při zvětšení se zvětší i pixely a jejich hranice mohou být viditelné jako schody; nové detaily tím nevzniknou.
Rozlišení a hloubka barev
Počet pixelů, například šířka × výška, určuje prostorové rozlišení; počet bitů na pixel určuje, kolik barev lze zaznamenat. Obě hodnoty ovlivňují objem dat, který závisí také na použitém formátu a kompresi.
Vektorový obraz
Obraz je zapsán pomocí objektů, například úseček, křivek a mnohoúhelníků, a jejich vlastností. Při změně velikosti se tvary znovu vykreslí, takže si zachovají ostré obrysy.
Škálování
Škálování mění velikost obrazu. Vektorové tvary lze vykreslit v novém rozměru; zvětšená bitmapa se skládá z původních pixelů a z ní samé nové obrazové detaily nezískáme.
Volba kódování podle účelu
Fotografie a snímky z kamery se obvykle ukládají jako bitmapy. Logo, písmo, schéma, ikona nebo mapa s jednoduchými tvary se často hodí jako vektor; bitmapu lze použít také tehdy, když stačí vykreslení v dané velikosti.
Uložení a přenos
Obraz může mít různé způsoby zápisu a různý objem dat. Při volbě záleží na účelu, velikosti souboru i na tom, zda příjemce potřebuje obraz dále upravovat nebo zobrazovat v různých velikostech.
Převod mezi zápisy
Vektor lze vykreslit jako bitmapu v určeném rozlišení. Z bitmapy nelze původní vektorový popis přesně obnovit; automatické převedení obrysů je pouze odhad.

Časté miskoncepce

  • Častá chyba

    „PNG/JPG je vektor, protože se obrázek po zvětšení nerozmaže.“ Žák zaměňuje formát souboru za způsob kódování a usuzuje jen podle vzhledu.

    Jak na to

    Porovnejte logo uložené jako bitmapa a jako vektor a oba soubory zvětšete. Nechte žáky určit, zda každý soubor obsahuje mřížku pixelů, nebo popis tvarů; samotná přípona nestačí.

  • Častá chyba

    „Když fotku zvětším v editoru, objeví se další detaily, třeba jednotlivé vlasy nebo nápis v dálce.“ Žák předpokládá, že editor obnoví informace, které v záznamu nebyly.

    Jak na to

    Zvětšete výřez fotografie a podívejte se na pixely podél hrany. Vysvětlete, že úprava může přepočítat obraz, ale nezíská chybějící obrazové informace.

  • Častá chyba

    „Vektorový soubor je vždy menší, a proto se vždy lépe přenáší.“ Žák považuje způsob kódování za záruku malé velikosti a přehlíží složitost obrazu i jeho formát.

    Jak na to

    Porovnejte jednoduché logo ve vektorovém zápisu s fotografií popsanou velkým množstvím tvarů. Nechte žáky zdůvodnit volbu podle účelu a předpokládaného objemu dat.

  • Častá chyba

    „Snímek obrazovky schématu je vektor, protože obsahuje rovné čáry.“ Žák usuzuje podle vzhledu, ne podle zápisu uloženého v souboru.

    Jak na to

    Zvětšete roh čáry ve snímku obrazovky a sledujte pixely na jejím okraji. Nechte žáky vysvětlit, jak by byl tentýž tvar zapsán ve vektorovém souboru.

Jak učit

2–3 hodiny

  1. Evokace: Ukažte stejné logo a fotografii v malém i velkém zobrazení a nechte žáky odhadnout, proč se při zvětšení mohou lišit.
  2. Uvědomění: Společně porovnejte oba zápisy jako mřížku pixelů a popis tvarů. Zvažte, jak ovlivňují zvětšení a objem dat, a přiřaďte je k různým účelům uložení a přenosu.
  3. Reflexe: Žák stručně obhájí volbu způsobu kódování pro logo školy, třídní fotografii nebo plán úniku s odkazem na zamýšlené použití.

Nápady na aktivity

  • Mřížka na papíře: Žáci zobrazí stejný znak do stejně velké mřížky 8 × 8 a 16 × 16 a porovnají, kolik detailů lze zachytit. Vedle toho znak popíší pomocí obdélníků a úseček.
  • Rozhodovací karty: Dvojice dostane situaci, například ikonu v nabídce, fotografii na nástěnku nebo mapu evakuace pro tisk ve formátu A0, a zvolí způsob kódování s odůvodněním podle zamýšleného použití a přenosu.

Hodnocení

U dvou konkrétních obrazů žák navrhne bitmapový nebo vektorový zápis, popíše jeho důsledek pro zvětšení a objem dat a volbu zdůvodní zamýšleným uložením či přenosem (INF-INF-001-ZV9-002).

Žák z popisu zápisu nebo z viditelných pixelů ve zvětšeném obrazu určí, zda jde o bitmapu, nebo vektor, a opraví tvrzení, že zvětšením fotografie přibudou nové detaily.

Zdroje

Co pro vás ScioBot připraví k tématu Jak počítač zapisuje obrázky

Interaktivní aktivity, které žáci spustí na tabletu či tabuli, tisknutelné kartičky a hry pro celou třídu – každý formát na téma Jak počítač zapisuje obrázky jedním klikem.

Základní materiály

Interaktivní aktivity 15

K tisku a rozstříhání 8

Hry pro celou třídu 4

Očekávané výstupy

  • INF-INF-001-ZV9-002 Navrhuje a porovnává různé způsoby kódování dat s cílem jejich uložení a přenosu.

Téma v dalších ročnících: 8. třída

Učíte Jak počítač zapisuje obrázky trochu jinak?

Popište ScioBotu vlastními slovy, co s žáky chcete zvládnout a kolik máte času. Materiál přizpůsobí vašemu ŠVP, třídě i žákům se speciálními vzdělávacími potřebami.

Napsat ScioBotu

Související témata