1
Formáty na Webu
Laboratoř geoinformatiky a kartografie
• obsahové (strukturní)
- HTML, XML, …
- specializovaný obsah
* vektorová grafika (SVG, VML, Flash,…)
* rastrová grafika (GIF, PNG, JPEG,…)
• vizualizační
- CSS, …
• transformační
- XSLT, …
GIF (The Graphics Interchange Format)
Laboratoř geoinformatiky a kartografie
• vyvinut společností Compuserve v roce 1989
• bitmapová (rastrová) grafika skládající se z převážně jednoduchých
čárových objektů a ne příliš velkého počtu barev
• 8-mi bitová grafika (max. 256 barev – kombinace hodnot 0 a 1)
• umožňuje průsvitnost – ale jen v novější verzi – GIF89a
• kromě toho existuje ještě interlaced GIF89a („prokládaný“; obrázek
se zobrazí celý v horší kvalitě a postupně se zaostřuje)
• bezztrátová komprese
• nejlepší kompresní poměr je při množství jednobarevných řádků
• může obsahovat i několik obrázků → animovaný GIF
• přípona .gif
GIF – optimalizace pro Web
Laboratoř geoinformatiky a kartografie
JPEG (The Joint Photographics Experts Group)
Laboratoř geoinformatiky a kartografie
• 1990 standardizován ISO, od r. 1991 hojně používán
• určen pro fotografie a obrázky se značným množstvím barev a
odstínů
• 24-bitová grafika (16 mil. barev)
• ukládá všechny informace v RGB prostoru (8-bitů každá složka)
• používá ztrátovou kompresi
• komprese rozmazává hrany
• nepodporuje průsvitnost ani animace
• přípona .jpg, nebo .jpeg
JPEG – optimalizace pro Web
Laboratoř geoinformatiky a kartografie
PNG (The Portable Network Graphics)
Laboratoř geoinformatiky a kartografie
• jediný oficiální formát pro bitmapovou grafiku na Webu
• doporučení W3C z roku 1996
• podporuje až 32 bitovou grafiku
• lepší podpora transparence a více typů prokládání
• považován proto za nástupce GIFu
• několik možností komprese
• nepodporuje animace (umí odvozenina MNG – nepodporuje IE)
• dříve takřka žádná podpora u webových prohlížečů
• přípona .png
2
PNG – optimalizace pro Web
Laboratoř geoinformatiky a kartografie
Srovnání komprese GIF, JPEG a PNG
Laboratoř geoinformatiky a kartografie
• GIF (většina platí i pro PNG)
- čím méně barev, tím menší velikost obrázku
- komprese je nejúčinnější při co nejvíce spojitých
jednobarevných plochách
- v praxi raději používejte 216 barev místo 256
- optimizéry (jako např. Adobe Photoshop, GIMP,…)
• JPEG
- nikdy nepoužívejte vícenásobné ukládání – ztráta kvality
- nepoužívejte pro mapy
- optimizéry (jako např. Adobe Photoshop, GIMP,…)
Použití formátů
Laboratoř geoinformatiky a kartografie
• GIF a PNG
- ikony
- navigační prvky na stránce
- loga
- mapy (nejlepší pro ně je PNG)
• JPEG
- fotografie
Použití formátů
JPEG, velikost 37KB,
komprese 1%, 16 mil.
barev
GIF, velikost 19KB,
256 barev
PNG, velikost 18KB,256 barev
Použití formátů
formát GIF/PNG, bílá plocha je
neposkvrněná
formát JPEG, v bílé ploše jsou skvrny
Použití formátů
PNG, 26 kB JPEG, 29 kB
3
GIF animace
Laboratoř geoinformatiky a kartografie
• animace = skupina snímků, které se mezi sebou vyměňují
http://friday.westnet.com/~crywalt/dymaxion_2003/dymaxion_2003.animation.gif
Laboratoř geoinformatiky a kartografie
GIMP OpenSource & GIF Animator
• v případě zpracování rastru se do jeho hlavičky ukládá i informace o
zpracovatelském prostředí
• komerční využití nekomerčních produktů
• GIMP nabízí většinu „běžné“ funkcionality
• navíc umí image mapy
• GIF Animator umí animované GIFy – vytváření, úprava, optimalizace
• http://www.gimp.org
• www.slunecnice.cz/sw/gif-animator/
Laboratoř geoinformatiky a kartografie
Image mapy
• nejjednodušší příklad interaktivní mapy
• klikatelná mapa s několika hypertextovými odkazy a obvykle
JavaScriptem přidruženým k jednoduchému rastrovému obrázku
• nad původním rastrem je třeba definovat oblasti a akce
• hlavním účelem v praxi je grafická navigace
• hlavní nevýhoda: obvykle obtížná (zejména manuálně a časově náročná)
konstrukce
• co nejpřesnější definice vertexů
• dříve nutno počítat, dnes několik SW nástrojů – Open Source Gimp
Laboratoř geoinformatiky a kartografie
Image mapy
Flash
Laboratoř geoinformatiky a kartografie
• u GIFu se střídají rastrové obrazy tvořené sítí bodů - pixelů
• u Flashe se jedná o vektorové obrazy
• animace může být ovlivňována ActionScriptem (programovací
jazyk podobný JavaScriptu)
• výhody Flashe – je menší, nelimitovaná velikost objektů
• nevýhoda – primárně se nehodí pro fotky
• tvorba ve Flash editoru (nakreslí se a vloží obrázky, umístí se do
vrstev, nadefinují se jejich pohyby a transformace v časové ose,
mohou se přidat zvuky a skripty a nakonec se celá animace
exportuje do formátu SWF, který je možno přehrát)
• export do formátu SWF je nevratný
• přehrávání (prohlížeč – plugin, exe – tzv. projektor)
Webová publikace
Laboratoř geoinformatiky a kartografie
• …aneb jak se z napsání na URL řádku dostanu na příslušný
server?
• DNS (Domain Name Server)
• hierarchický systém doménových jmen
• hlavním úkolem je převod doménových jmen a IP adres uzlů sítě
• IP adresa je jednoznačná identifikace konkrétního zařízení (nemusí
jím být počítač) v prostředí internetu; IP značí Internet Protocol
• dnes nejčastěji ve verzích IPv4, IPv6
• v jiných protokolech se může adresování provádět jinak (např. MAC
adresa – fe80:826:155d:6c04)
• IP adresa má tvar xxx.xxx.xxx.xxx (např. 147.251.65.4)
4
Princip DNS
Laboratoř geoinformatiky a kartografie
• prostor doménových jmen tvoří strom
• každý uzel tohoto stromu obsahuje informace o části jména (tj.
doméně)
• kořenem stromu je tzv. kořenová doména, která se zapisuje jako
samostatná tečka
• pod ní se v hierarchii zapisují tzv. domény nejvyšší úrovně
- tematické (com, edu, gov,…) - státní (cz, sk, uk,…)
• strom se dělí do zón, který mají na starosti správci (http://www.nic.cz/)
• počet CZ domén: 441 909 (07/2008), 982 925 (10/2012)
• subdomény (např. http://geogr.muni.cz)
Vyhledání stránky inmapy.cz
Laboratoř geoinformatiky a kartografie
www.inmapy.cz
www.inmapy.cz?
www.inmapy.cz?
www.inmapy.cz?
.
.cz
inmapy.cz
217.31.205.50
DNS GÚ MU:
147.251.65.2
PC č. 17 v Z1
147.251.65.117
193.0.14.129
88.146.119.130
servery pro .cz
217.31.205.50
217.31.205.51
server pro inmapy.cz
88.146.119.130
Vyhledávače
Laboratoř geoinformatiky a kartografie
• neznáme ani IP ani doménové jméno
• vyhledávač je registrem záznamů o existujících webových stránkách
uspořádaný nejčastěji v podobě kategorií
• seznam relevantních výsledků na dané klíčové slovo probíhá na
základě proprietárního algoritmu
- klíčová slova v URL
- korektnost zdrojového kódu
- zpětné odkazy
- penalizace za duplicitní obsah
- penalizace za skrytý obsah
- robot na indexaci aktualizací, …
• SEO (Search Engine Optimization)
Statistiky vyhledávání v roce 2008 (denně)
Laboratoř geoinformatiky a kartografie
Slovo(a)
mapa 14 945 6 780
gis 3 271
webová kartografie 0 1
kartografie 0 51
geoinformatika 0 28
dovolená 23 295 2 387
sex 52 544 Google
(2007):
1. YouTube
2. O2
3. Aha
4. Prison Break
5. aukro
6. QIP
7. superhry
8. Wikipedia
9. Vodafone
10. IDOS
Ještě v roce 2004 byla v ČR nejvyhledávanější
práce.
Vyhledávače
Laboratoř geoinformatiky a kartografie
https://adwords.google.com/
http://vyhledavace.info
Základní webová publikace
Laboratoř geoinformatiky a kartografie
mapa1.jpg
o_inmapy.htm