1 GIFGIF ((TheThe GraphicsGraphics InterchangeInterchange FormatFormat)) 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 GIFGIF ­­ optimalizace pro Weboptimalizace pro Web Laboratoř geoinformatiky a kartografie JPEGJPEG ((TheThe JointJoint PhotographicsPhotographics ExpertsExperts GroupGroup)) 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 JPEGJPEG ­­ optimalizace pro Weboptimalizace pro Web Laboratoř geoinformatiky a kartografie PNGPNG ((TheThe PortablePortable NetworkNetwork GraphicsGraphics)) 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 PNGPNG ­­ optimalizace pro Weboptimalizace pro Web Laboratoř geoinformatiky a kartografie 2 SrovnSrovnáánníí komprese GIF, JPEG a PNGkomprese 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,...) PouPoužžititíí formformááttůů Laboratoř geoinformatiky a kartografie * GIF a PNG - ikony - navigační prvky na stránce - loga - mapy (nejlepší pro ně je PNG) * JPEG - fotografie PouPoužžititíí formformááttůů JPEG, velikost 37KB, komprese 1%, 16 mil. barev GIF, velikost 19KB, 256 barev PNG, velikost 18KB,256 barev PouPoužžititíí formformááttůů formát GIF/PNG, bílá plocha je neposkvrněná formát JPEG, v bílé ploše jsou skvrny PouPoužžititíí formformááttůů PNG, 26 kB JPEG, 29 kB GIF animaceGIF 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 3 Laboratoř geoinformatiky a kartografie GIMPGIMP OpenSourceOpenSource & GIF Animator& 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 ImageImage mapymapy * 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 ImageImage mapymapy FlashFlash 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) WebovWebováá publikacepublikace 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) Princip DNSPrincip 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) * subdomény (např. http://geogr.muni.cz)