Designing Web & Mobile Graphics: Fundamental Concepts for Web and Interactive Projects

Chapter 9. Favicons and Mobile Bookmarks

“There’s nobody in the world like me. I think every decade has an iconic blonde, like Marilyn Monroe or Princess Diana and, right now, I’m that icon.”

—Paris Hilton

A website’s brand goes beyond inserting an img element in the top left corner of the page. The logo can also be placed throughout a visitor’s browser or mobile device in the form of a favicon, a small image or icon often found in the URL bar that represents the website.

To get the icon to show up in these places, though, means that images need to be scaled down to a handful of pixels. In this chapter, we review steps to push our logo beyond ...