hallo
Dieser Thread hat dazu geführt, dass ich meine bisherige png-Spritemap zu einer SVG konvertiert habe.
Dabei konnte ich noch ein paar Features einbauen.
Die Dateigrösse wird wohl nicht besonders profitieren. Entscheidend aber ist die Skalierbarkeit. Die Unterschiede in der Anzeigeschärfe kann man hier vergleichen:
https://beat-stoecklin.ch/pub/website-docu.html
Bedeutsam ist auch, dass ich mir in einer SVG einfach Platz für zukünftige Icons freihalten kann.
Als Bonus habe ich mit Kombination von Background und ::before{content:""} experimentiert, was natürlich die Zahl der verfügbaren Icons explodieren lässt.
Stolz bin ich auch auf den Umgang mit den Dimensionen. Einzelne Icons holt man über ganze em Schritte.
Zur Experimentier-Bastelbude geht's hier:
https://beat-stoecklin.ch/pub/webdesign_responsive_bilder.html