Gunnar Bittersmann: Website anpassen

Beitrag lesen

@@Strange_Thing

Ich habe mit Photoshop eine Seite erstellt (weil ich Teile des Bildes mit Hyperlinks hebne wollte. Dies habe ich mit der Sliceoption erstellt.

Die Funktion mag tauglich sein, um mal für sich selbst was auszuprobieren. Nicht aber für webtaugliche Seiten.

Was muss ich da im Quelltext ändern, damit das Bild ganz ist […]

Für webtaugliche Seiten schneidest du das Bild besser nicht kaputt, sondern belässt es in einem Stück. In Photoshop ermittelst du die Koordinaten der zu verlinkenden Flächen. Daraus kannst du eine verweis-sensitive Grafik erstellen. Das ist allemals besser als das, was dir Photoshop als HTMüll ausspuckt.

(Und wie du siehst, sollten auch die area-Elemente alt-Attribute haben. title eher nicht.)

[…] und für alle Auflösungen angepasst ist?

Da man bei area die Koordinaten nur in Pixeln und nicht in Prozenten angeben kann, lässt sich eine solche verweis-sensitive Grafik nicht skalieren.

Da kommt dann SVG ins Spiel, wie JürgenB schon verlinkt hatte.

LLAP 🖖

--
„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“ —Johann Wolfgang von Goethe