Google's Sprite Image is a Thing of Beauty

If you want to know more about CSS sprites and how to put them together, feast your eyes on Google’s:

Here’s the history of Google’s PNG sprite image

http://www.google.com/images/nav_logo.png

---

http://www.google.com/images/nav_logo2.png

---

http://www.google.com/images/nav_logo3.png

---

http://www.google.com/images/nav_logo4.png

---

http://www.google.com/images/nav_logo5.png

---

http://www.google.com/images/nav_logo6.png

---

http://www.google.com/images/nav_logo7.png

---

http://www.google.com/images/srpr/nav_logo8.png

---

http://www.google.com/images/srpr/nav_logo9.png

---

March 25, 2010 – http://www.google.com/images/srpr/nav_logo10.png

---

April 1, 2010 – http://www.google.com/images/srpr/nav_logo11.png

---

April 21, 2010 – http://www.google.com/images/srpr/nav_logo12.png

---

May 4, 2010 – http://www.google.com/images/srpr/nav_logo13.png

---

July 2, 2010 – http://www.seodenver.com/wp-content/uploads/HLIC/53708e94f618e796e88d30563dab0856.png

---

You can’t get much more efficient than that…

Related posts:

1. How to prevent your Google background image from fading in slowly.
2. Multiple Matte Colors for CSS Sprites

Tagged as: CSS, CSS Sprites, Google, PNG, PNG Sprite, sprites