1 OPTIMALIZACE RASTROPTIMALIZACE RASTRŮŮ,, ANIMOVANANIMOVANÉÉ A IMAGE MAPYA IMAGE MAPY RNDr. TomRNDr. Tomášáš ŘŘEZNEZNÍÍK, Ph.D.K, Ph.D. GeoinformaGeoinformaččnníí technologie 2technologie 2 ­­ webovwebováá kartografie,kartografie, podzim 2008podzim 2008 Laboratoř geoinformatiky a kartografie, Masarykova univerzita Laboratoř geoinformatiky a kartografie, Masarykova univerzita Optimalizace pro WebOptimalizace pro Web * Teorie ­ viz. přednáška * Open Source SW GIMP (GNU) * Extenze Save for Web ­ nutno manuálně přidat po instalaci! * http://registry.gimp.org/node/33#comments * Výstup: JPEG, GIF, PNG-8, PNG-24 * Zadání cvičení ve studijních materiálech ISu Laboratoř geoinformatiky a kartografie, Masarykova univerzita Optimalizace pro WebOptimalizace pro Web * Soubor Save for Web Laboratoř geoinformatiky a kartografie, Masarykova univerzita ImageImage mapymapy * Teorie ­ viz. přednáška * Open Source SW GIMP (GNU) * Extenze Image Map ­ dnes součástí základní instalace Laboratoř geoinformatiky a kartografie, Masarykova univerzita PodkladovPodkladováá mapamapa * Nutno vytvořit * Součástí cv. 2 proto je i vytvoření podkladové mapy dle kartografických zásad * Mapa musí obsahovat regiony (min. 10) * Každý student bude mít vlastní oblast zpracování koncensus vs. přidělení Laboratoř geoinformatiky a kartografie, Masarykova univerzita ImageImage mapa vmapa v GIMPuGIMPu (1/5)(1/5) * Otevřít soubor podkladové mapy * Filtry WWW Obrázková mapa 2 Laboratoř geoinformatiky a kartografie, Masarykova univerzita ImageImage mapa vmapa v GIMPuGIMPu (2/5)(2/5) * V menu definice oblastí vyberte polygon... * ...a vytvořte všechny oblasti image mapy Laboratoř geoinformatiky a kartografie, Masarykova univerzita ImageImage mapa vmapa v GIMPuGIMPu (3/5)(3/5) * U každé oblasti nastavte akce (URL + parametr ALT) Laboratoř geoinformatiky a kartografie, Masarykova univerzita ImageImage mapa vmapa v GIMPuGIMPu (4/5)(4/5) * Vytvořené oblasti můžete editovat v pravém okně Laboratoř geoinformatiky a kartografie, Masarykova univerzita ImageImage mapa vmapa v GIMPuGIMPu (5/5)(5/5) * V hlavním menu: Pohled Zdroj vám ukáže zdrojový kód ­ můžete si ho zkopírovat (a vložit do své existující stránky) Laboratoř geoinformatiky a kartografie, Masarykova univerzita JednoduchJednoduchéé animovananimovanéé mapymapy * Teorie ­ viz. přednáška * Open Source SW GIMP (GNU) * Není potřeba extenze * 2 možnosti výstupu ­ jako animovaný GIF ­ jako MNG (animovaná verze PNG) Laboratoř geoinformatiky a kartografie, Masarykova univerzita AnimovanAnimovanáá mapa vmapa v GIMPuGIMPu (1/5)(1/5) * Vytvořit prázdný soubor s rozměry v pixelech stejnými jako exportovaná mapa z ArcGISu * V tomto otevřeném souboru klikněte v hlavním menu na: Soubor Otevřít jako vrstvy (Ctrl+Alt+O) * Vyberte vaše exportované GIF (PNG) mapy z ArcGISu 3 Laboratoř geoinformatiky a kartografie, Masarykova univerzita AnimovanAnimovanáá mapa vmapa v GIMPuGIMPu (2/5)(2/5) * V hlavním menu klikněte na Dialogy Vrstvy (Ctrl+L) * Seřaďte (přejmenujte) vaše vrstvy ­ jsou snímky animace Laboratoř geoinformatiky a kartografie, Masarykova univerzita AnimovanAnimovanáá mapa vmapa v GIMPuGIMPu (3/5)(3/5) * Uložte svoji animaci: ­ jako animovaný GIF ­ jako MNG (animovaná verze PNG) * Obr. níže jsou doporučeným nastavením při ukládání