Kódování obrazu: pixely a barvy

Žáci popíší bitmapový obrázek jako mřížku pixelů a porovnají, jak volba barev a rozlišení ovlivní velikost a kvalitu dat.

Průvodce tématem Kódování obrazu: pixely a barvy v předmětu Informatika pro 6. 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: pixely a barvy (6. 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.

Bitmapový obrázek žáci v 6. ročníku popisují jako mřížku stejně velkých buněk — pixelů. Každý pixel nese jednu barvu; celý obrázek je tedy posloupnost údajů o barvách uspořádaná do řádků a sloupců. To navazuje na kódování dat pro uložení a přenos (INF-INF-001-ZV9-002): stejnou scénu lze zapsat různě podle toho, kolik barev a jak hustou mřížku zvolíme.

Rozlišení (počet pixelů na šířku a výšku) a paleta barev rozhodují o dvou věcech najednou: jak ostře a věrně obrázek vypadá a kolik bajtů zabere. Více pixelů nebo více možných odstínů znamená více bitů. Žáci porovnávají jednoduché příklady (černobílá mřížka, několik barev, „plná“ RGB) a zdůvodňují, proč menší soubor nemusí znamenat horší volbu, pokud účel obrázku (ikona, náčrt, fotka na web) nevyžaduje jemný detail.

Vektorové kreslení a kompresi souborů zde jen zmiňujeme jako hranici tématu; jádrem hodiny je rastr, pixel, bitová hloubka v hrubém smyslu (kolik bitů na pixel) a vztah kvalita–velikost. Navazující ročník téma rozvine na porovnání bitmapy a vektoru.

Předpoklady

Klíčové pojmy

Pixel
Nejmenší adresovatelný dílek rastrového obrázku; má polohu v mřížce (řádek, sloupec) a jednu barvu.
Bitmapa / rastr
Obrázek uložený jako tabulka pixelů. Zvětšení bez přidání pixelů jen zvětší čtverečky, ostrost se nezvýší.
Rozlišení
Počet pixelů na šířku a výšku (např. 16×16). Vyšší rozlišení zachytí jemnější tvary, ale zvyšuje počet údajů k uložení.
Barevná hloubka
Kolik různých barev smí mít jeden pixel (1 bit = dvě barvy, 8 bitů = 256 odstínů). Více možností = více bitů na každý pixel.
RGB (základní model)
Barva pixelu jako trojice intenzit červené, zelené a modré. Pro výpočet velikosti stačí vědět, že tři kanály znamenají více dat než jedna černobílá hodnota.
Velikost dat obrázku
Hrubý odhad: počet pixelů × počet bitů na pixel (případně plus hlavička souboru). Žáci porovnávají varianty stejného motivu, ne hledají přesný formát souboru.
Kvalita podle účelu
Pro ikonu stačí málo pixelů a málo barev; pro rozpoznání obličeje na fotce ne. Volba kódování se posuzuje vůči úkolu, ne „čím víc, tím líp“.

Časté miskoncepce

  • Častá chyba

    „Když obrázek na tabuli / v editoru zvětším tažením za roh, přibudou detaily jako u lupy.“

    Jak na to

    Stejný soubor ukažte v 100 % a po zvětšení: spočítejte pixely na hraně. Žáci vidí, že se jen zvětšily čtverečky. Pak teprve porovnejte druhý soubor s vyšším rozlišením stejného motivu.

  • Častá chyba

    „Barevná fotka je větší proto, že je hezčí, ne proto, že má víc údajů na pixel.“

    Jak na to

    Spočítejte na tabuli: 8×8 černobíle (1 bit/pixel) vs. 8×8 se 4 barvami (2 bity) vs. hrubé RGB. Stejný počet buněk, různé bity — velikost se změní i bez změny ostrosti.

  • Častá chyba

    „Pixel je tečka barvy na monitoru; když dám jiný monitor, obrázek má jiné pixely a jiné rozlišení v souboru.“

    Jak na to

    Oddělte soubor a zobrazení: otevřete tentýž malý soubor na projektoru i na notebooku. Počet pixelů v souboru se nemění; mění se jen, jak velké čtverečky uvidíme.

  • Častá chyba

    „Když uložím obrázek „jako menší soubor“, automaticky se sníží jen místo na disku, kresba zůstane stejná.“

    Jak na to

    Uložte stejný rastr s méně barvami nebo s menší mřížkou a položte je vedle sebe. Žáci označí, co zmizelo (odstíny, jemné hrany), a zapíší, kterou cenu zaplatili za menší objem.

Jak učit

2–3 hodiny

  1. Evokace: ukažte rozpixelovaný smajlík 8×8 a zeptejte se, kolik čísel by stačilo k jeho přesnému překreslení spolužákovi.
  2. Jádro: společně spočítejte bity pro černobílou, několika-barevnou a RGB verzi stejné mřížky a srovnejte ostrost při stejném a vyšším rozlišení.
  3. Reflexe: žáci jednou větou napíší, kterou kombinaci rozlišení a barev by volili pro ikonu aplikace a kterou pro třídní foto na nástěnku — a proč.

Nápady na aktivity

  • Unplugged mřížka na čtverečkovaném papíře: dvojice kóduje jednoduchý znak čísly barev, druhá dvojice ho podle kódu vybarví; pak zmenší paletu a pozoruje ztrátu.
  • V editoru (nebo v tabulce) porovnají tři uložení téhož motivu a seřadí je podle ostrosti a podle odhadovaného počtu bitů; výsledek zapíší do krátké tabulky.

Hodnocení

Žák na mřížce 8×8 spočítá (nebo odhadne) počet bitů pro zadaný počet barev a vysvětlí, jak se číslo změní po zdvojnásobení šířky i výšky.

Žák ke dvěma účelům (ikona / fotka na web) navrhne hrubé rozlišení a paletu a zdůvodní kompromis mezi kvalitou a objemem dat (INF-INF-001-ZV9-002).

Související témata

Zdroje

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

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: pixely a barvy 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.

Učíte Kódování obrazu: pixely a barvy 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