Digitálne obrázky sa dajú uložiť v mnohých rôznych formátoch. Každý formát má svoje výhody a nevýhody — niektoré sú vhodné pre fotografie, iné pre logá a ikony. Výber správneho formátu môže výrazne ovplyvniť kvalitu aj veľkosť súboru.
Prečo existuje viac formátov obrázkov?
Obrázky sú rôznorodé — fotografia krajiny, logotyp firmy alebo animovaný gifík majú úplne odlišné vlastnosti. Rôzne formáty preto optimalizujú:
- Veľkosť súboru (menší súbor = rýchlejšie načítanie webu)
- Kvalitu obrazu (ostrosť, farby, detaily)
- Podporu priehľadnosti (transparentné pozadie)
- Podporu animácií
JPEG — pre fotografie
JPEG (Joint Photographic Experts Group), súbory .jpg alebo .jpeg:
- Používa stratovú kompresiu — znižuje veľkosť súboru, ale stráca niektoré detaily.
- Vynikajúci pre fotografie s plynulými prechodmi farieb.
- Nepodporuje priehľadnosť.
- Nevhodný pre obrázky s ostrými hranami (logá, text) — objavujú sa artefakty.
Pri uložení JPEG si môžeš zvoliť „kvalitu" (napr. 1–100). Kvalita 85 % je zvyčajne dobrý kompromis — súbor je 5–10× menší ako nekomprimovaný obrázok, ale strata kvality je takmer neviditeľná.
PNG — pre grafiku a priehľadnosť
PNG (Portable Network Graphics), súbory .png:
- Používa bezstratovú kompresiu — žiadna strata kvality.
- Podporuje priehľadnosť (transparentné pozadie).
- Ideálny pre logá, ikony, screenshoty, grafiku s textom.
- Súbory sú väčšie ako JPEG pri fotografiách.
Ak chceš obrázok s priehľadným pozadím (napríklad logotyp na farebnom webe), vždy použi PNG. JPEG priehľadnosť nepodporuje a namiesto nej uloží bielu farbu.
GIF — pre animácie
GIF (Graphics Interchange Format), súbory .gif:
- Podporuje jednoduché animácie (séria snímok).
- Obmedzená paleta: iba 256 farieb — nevhodný pre fotografie.
- Stále populárny na internete pre krátke animované obrázky.
- Pre moderné animácie sa čoraz viac nahrádza formátom WebP alebo video.
SVG — vektorová grafika
SVG (Scalable Vector Graphics), súbory .svg:
- Neukladá pixely, ale matematický popis tvarov (kruhy, čiary, krivky).
- Možno zväčšovať na ľubovoľnú veľkosť bez straty kvality.
- Ideálny pre logá, ikony, mapy, diagramy.
- Nie je vhodný pre fotografie.
Porovnanie formátov
| Formát | Kompresia | Priehľadnosť | Animácia | Najlepšie pre |
|---|---|---|---|---|
| JPEG | Stratová | Nie | Nie | Fotografie |
| PNG | Bezstratová | Áno | Nie | Logá, grafika, ikony |
| GIF | Bezstratová (256 farieb) | Čiastočne | Áno | Jednoduché animácie |
| SVG | Vektorový (nie raster) | Áno | Áno | Logá, ikony, diagramy |
| WebP | Stratová/bezstratová | Áno | Áno | Moderná náhrada JPEG/PNG |
JPEG obrázky sa pri každom uložení „zhoršujú" — každé ďalšie uloženie pridáva nové artefakty. Ak obrázok upravuješ opakovane, pracuj s PNG alebo formátom RAW a JPEG exportuj až na záver.
# Zistenie formátu a veľkosti obrázka v Pythone (knižnica Pillow)
from PIL import Image
import os
obr = Image.open("fotka.jpg")
print(f"Formát: {obr.format}") # JPEG
print(f"Rozlíšenie: {obr.size}") # (1920, 1080)
print(f"Farebný režim: {obr.mode}") # RGB
velkost = os.path.getsize("fotka.jpg")
print(f"Veľkosť súboru: {velkost} bajtov")
Cvičné príklady
Na webovú stránku potrebuješ umiestniť logotyp firmy s priehľadným pozadím. Ktorý formát zvolíš a prečo?
Zobraziť odpoveď
Prečo je formát JPEG nevhodný pre obrázky s textom alebo ostrými hranami (napr. screenshoty)?.