Verweissensitive Grafik

aus Wikipedia, der freien Enzyklopädie

Du hast neue Nachrichten auf deiner Diskussionsseite.

Verweissensitive Grafik (engl. image map) ist ein Begriff aus der Webgestaltung und bezieht sich auch auf Multimedia-Anwendungen.

Verweissensitive Grafiken bieten eine Möglichkeit, Hyperlinks innerhalb einer Grafik zu verstecken. Sie werden als rechteckige, runde oder freie Schaltflächen realisiert, die sich wie Verweise (Anchor-Links) in einem HTML-Dokument verhalten. Nur der sich verändernde Cursor der Maus deutet auf die nicht sichtbaren Schaltflächen hin. Sie sind sowohl in Bild- als auch in Videodateien anzutreffen.

Auf Web-Seiten häufig anzutreffende Beispiele sind Landkarten, in denen bestimmte Regionen zu den entsprechenden Seiten führen. Daneben findet man im Winter „interaktive“ Adventskalender.

Ein solche Imagemap besteht aus einem eigentlichen Bild, das ganz normal mit einem <img>-Tag definiert wird, gleichzeitig wird bei diesem ein Attribut usemap angegeben, was auf die Imagemap verweist.

Die Imagemap besteht aus dem <map>-Tag, das die ganze Grafik einschließt und aus den einzelnen <area>-Tags, das die eigentlichen Definitionen der Felder sind auf die geklickt werden kann. Diese definieren, ähnlich einem <a>-Tag, welche URL aufzurufen ist. Ein Beispiel, wie so was in etwa aussieht:

<img src="bild.jpg" alt="alternativtext" usemap="#mapname" />
<map name="mapname">
    <area shape="rect" coords="9,372,66,397" href="http://de.wikipedia.org/" />
</map>

gibt an, dass ein Bereich (9,372,66,397) der als rechteckiger Bereich definiert wird, zur Wikipedia-Seite zeigt. Es kann auch ein target-Attribut angegeben werden um es in einem anderen HTML-Frame anzuzeigen.

[Bearbeiten] Problematik in Spam-E-Mails

Imagemaps werden in sog. Spam-Mails häufig dazu missbraucht, dem Empfänger eine falsche Seite vorzutäuschen:

<a href="https://www.dresdner-bank.de/conf_procedure.asp?start_session">
        <map name="TvZgci">
                <area coords="0, 0, 646, 388" shape="rect" href="XXX" />
        </map>
        <img src="cid:part1.@dresdner-bank.de" border="0" usemap="#TvZgci" />
</a>

Dieser Code bewirkt, dass in der Statusleiste eines Mailreaders die URL der gespooften Bank erscheint (hier die Dresdner Bank), sich aber beim Klick auf einen Bildbereich die Seite des Spoofers (hier als XXX gekennzeichnet) öffnet.

[Bearbeiten] Verweissensitive Grafiken in Videos

Auch in digitalen Videodateien können verweissensitive Grafiken angewandt werden, z.B. mit der Software Real Producer. Dabei muss der Produzent (oder Hersteller) des Videos eine Map-Datei (als reine Textdatei) schreiben, die alle notwendigen Informationen enthält, wie

Art, Anzahl und Aussehen (Rechtecke, Kreise, Polygone) der anklickbaren verweissensitiven Bereiche
Zeitintervalle, während denen die Bereiche aktiv sind

Anwendungen sind u.a. aktiv vom Zuschauer einzublendende Zusatzinformationen oder Werbemitteilungen.