Kódování obrazu: bitmapa a vektor

Žáci porovnají bitmapovou a vektorovou reprezentaci obrazu a posoudí, který způsob kódování se hodí k uložení a přenosu daných dat.

Průvodce tématem Kódování obrazu: bitmapa a vektor 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 Kódování obrazu: bitmapa a vektor (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: bitmapu (rastrový obraz z pixelů) a vektor (obraz z geometrických objektů a jejich vlastností). Cílem není kreslit v editoru, ale posoudit, který zápis se hodí k uložení a přenosu daných dat — logo, fotografie, schéma, mapa, ikona.

Bitmapa ukládá mřížku bodů: každý pixel má barvu, rozlišení a hloubka barev určují ostrost i velikost souboru. Vektor ukládá popis tvarů (souřadnice, křivky, výplň, obrys); při zvětšení se obraz přepočítá a hrany zůstanou ostré. Žáci navazují na pixely a barvy ze 6. ročníku a připravují srovnání kódování a komprese v dalších tématech.

Výstup INF-INF-001-ZV9-002 žáci naplňují tím, že pro konkrétní úlohu navrhnou způsob kódování, odhadnou důsledky (ztráta detailu, schody na hraně, velikost souboru, možnost škálování) a volbu zdůvodní účelem uložení nebo přenosu.

Předpoklady

Klíčové pojmy

Bitmapa (rastrový obraz)
Obraz je uložen jako mřížka pixelů; každý bod má barvu. Zvětšení zvětší i pixely — hrany se „schodují“, detaily se nerozšíří.
Rozlišení a hloubka barev
Počet pixelů (např. šířka × výška) a počet bitů na pixel určují ostrost i objem dat. Více pixelů a více barev = větší soubor.
Vektorový obraz
Obraz je zapsán jako seznam objektů (úsečky, křivky, mnohoúhelníky) a jejich vlastností. Při zvětšení se tvary přepočítají, obrys zůstane hladký.
Škálování
Změna velikosti zobrazení. U vektoru bez ztráty ostrosti hran; u bitmapy jen interpolace existujících pixelů — nové detaily nevzniknou.
Volba kódování podle účelu
Fotografie a snímky z kamery se hodí do bitmapy; logo, písmo, schéma, ikona a mapa s čistými tvary se hodí do vektoru — nebo do bitmapy až po vykreslení v cílové velikosti.
Uložení a přenos
Stejný význam (stejný obrázek na obrazovce) může mít různý zápis a různou velikost. Pro přenos záleží na objemu dat i na tom, zda příjemce potřebuje znovu měnit velikost.
Převod mezi zápisy
Z vektoru lze vykreslit bitmapu v daném rozlišení. Z bitmapy se vektor přesně „nevyloupne“ — automatický obrys je odhad, ne původní tvary.

Časté miskoncepce

  • Častá chyba

    „PNG/JPG je vektor, protože jde zvětšit bez rozmazání.“ Žák si plete formát souboru s typem kódování a soudí podle toho, jak obrázek vypadá v prohlížeči.

    Jak na to

    Otevřete stejné logo jednou jako bitmapu a jednou jako vektor; obě zvětšete na celou tabuli. Žák zapíše: mřížka pixelů vs. popis tvarů — ne název přípony.

  • Častá chyba

    „Když fotku zvětším v editoru, přibudou detaily (počet vlasů, nápis v dálce).“ Žák si myslí, že editor doplní chybějící informace.

    Jak na to

    Zvětšete výřez fotročky: spočítejte pixely na hraně. Řekněte nahlas: editor jen přepočítá existující body, nové informace v souboru nejsou.

  • Častá chyba

    „Vektor je vždy menší soubor, proto je vždy lepší k přenosu.“ Žák zaměňuje typ kódování s kompresí a s velikostí.

    Jak na to

    Porovnejte jednoduché logo (vektor malý) a tutéž scénu jako fotografii převést „na vektory“ s tisíci křivkami. Žák zdůvodní volbu účelem, ne heslem „vektor = menší“.

  • Častá chyba

    „Screenshot schématu z webu je vektor, protože čáry jsou rovné.“ Žák soudí podle vzhledu, ne podle toho, co je v souboru.

    Jak na to

    Udělejte snímek obrazovky schématu, uložte ho a zvětšete roh čáry. Schody na hraně ukážou bitmapu; zeptejte se, co by v souboru muselo být, aby šlo čáru zvětšit ostře.

Jak učit

2–3 hodiny

  1. Evokace: ukažte totéž logo a tutéž fotku v malém a velkém zobrazení a nechte žáky tipnout, proč jedno „praská“ a druhé ne.
  2. Jádro: společně popište oba zápisy (mřížka vs. objekty), odhadněte velikost a přiřaďte ke konkrétním úlohám uložení a přenosu.
  3. Reflexe: každý žák obhájí jednu volbu kódování pro zadaný soubor (logo školy / třídní foto / plán úniku) jednou větou o účelu.

Nápady na aktivity

  • Unplugged mřížka: žáci vybarví stejný znak na papíře 8×8 a 16×16 a zapíší, co se stane při „zvětšení“; vedle toho tentýž znak popíší jako obdélníky a úsečky.
  • Rozhodovací karty: dvojice dostane scénář (ikona v menu, fotka na nástěnku, mapa evakuace na A0) a musí zvolit bitmapu nebo vektor a zdůvodnit uložení/přenos.

Hodnocení

Žák u dvou konkrétních souborů navrhne bitmapu nebo vektor, uvede důsledek pro zvětšení a pro objem dat a volbu sváže s účelem uložení nebo přenosu (INF-INF-001-ZV9-002).

Krátký test: při zvětšení loga vs. fotky žák pozná, který zápis je v souboru, a opraví chybnou větu typu „zvětšením přibudou detaily“.

Související témata

Zdroje

Co pro vás ScioBot připraví k tématu Kódování obrazu: bitmapa a vektor

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 Kódování obrazu: bitmapa a vektor jedním klikem.

Základní materiály

Interaktivní aktivity 14

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 Kódování obrazu: bitmapa a vektor 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