Hi,
bei der Erstellung einer Website mit Unterstützung von KI bin ich auf eine für mich neue SVG-Technik gestoßen: Mehrere Bilder werden in einer einzigen SVG-Datei gespeichert und lassen sich dennoch einzeln über einen normalen <img>-Tag einbinden – beispielsweise mit sprite.svg#logo.
Für mein Projekt fand ich diese Methode einfacher einzubinden und zu pflegen als klassische CSS-Hintergrund-Sprites, weil keine Bildpositionen über background-position verwaltet werden müssen. Daraus entstand die Idee, einen Web-Generator zu entwickeln, der diesen Arbeitsablauf vereinfacht:
SVG Sprite Generator ausprobieren: https://css-img-sprite-generator.ingozoell.de
Der Generator fasst Bilder in einer gemeinsamen SVG-Datei zusammen und liefert den passenden HTML- und CSS-Code für die einzelne Einbindung. Mir geht es darum, eine bestehende Technik leichter nutzbar zu machen.
Wenn ihr Zeit und Interesse habt, würde ich mich freuen, wenn ihr den Generator ausprobiert. Besonders interessieren mich eure Einschätzungen und mögliche Grenzen oder Probleme, die euch dabei auffallen.
Viele Grüße, Ingo
akzeptierte Antworten
SVG img Tag Sprite / Feedback
klawischnigg
Matthias Scharwies
Rolf B
Gunnar Bittersmann