Jeder weiß, wie man einen favicon.ico-Link in seinem HTML-Code einrichtet:
<link rel="shortcut icon" href="http://hi.org/icon.ico" type="image/x-icon">
Aber es ist dumm, dass wir für ein nur einige Byte kleines Symbol noch eine weitere potenziell geschwindigkeitsmindernde HTTP-Anfrage .
Also fragte ich mich, wie ich das Favicon in ein brauchbares Sprite einbauen könnte (z.B., background-position=0px -200px;
), die z. B. als Logo auf dem Rest der Website verwendet wird, um die Website zu beschleunigen und wertvolle HTTP-Anfragen zu sparen. Wie können wir dies in ein bestehendes Sprite-Bild zusammen mit unserem Logo und anderen Kunstwerken einfügen?