Ich sehe Bild-Sprites nicht mehr so häufig, aber es ist immer noch eine gute Technik, um heruntergeladene dekorative Bildressourcen zu reduzieren, wenn Sie mehrere auf einer Seite haben. Die große Idee ist, alle Grafiken zu einer zusammenzufügen und dann die Größe und background-position zu verschieben, um eine nach der anderen anzuzeigen.
Nehmen wir an, Ihre Website benötigt Dutzende oder Hunderte von Länderflaggen – das ist eine perfekte Gelegenheit für einen Sprite. Michael P. Cohen hat eine Generator-Website erstellt, um genau das zu erstellen, was Sie brauchen.
Meine erste Überlegung war… warum nicht SVG? Michael sagt
Warum nicht SVG verwenden? Viele Flaggen eignen sich sehr gut für dieses Format. Ich bin ein Fan von SVG, aber es war nicht das richtige Werkzeug dafür. Das Problem ist, dass zu viele Flaggen viele Details in Wappen, Symbolen und Bildern haben, und diese Details erhöhen die SVG-Dateigrößen schnell weit mehr, als sie dies bei indexierten Farbdateien tun.
Wer steckt hinter dieser Seite? Könnte jemand seinen Twitter-Account posten?
Sein Name ist Michael Cohen. Ich bin mir nicht sicher, was sein Twitter ist, aber es gibt ein Kontaktformular auf der Website. :)
Das bin ich! Danke für die Erwähnung, Chris! Ich habe keinen Twitter-Account, aber es gibt ein Kontaktformular auf der Website. Es ist noch sortiert im Beta-Stadium, daher ist Feedback sehr willkommen!