Top of page

From favicon to app icon

Blog

With the growing number of mobile users, it is important to keep your branding strong on all sorts of devices. While many sites have a favicon, lots of sites are still missing app icons for smart phones and tablets.

The Favicon

Touch icons

The home screen of an Android device: the middle one has a touch icon defined, the right one hasn't

Windows 8 Tile

A 'De Voorhoede' tile on a Window Phone 8

Android Chrome theme color

The overview mode on Android 5.0 Lollipop

Some helpful tools

Back in 1999, adding a favicon to your website was pretty simple and straightforward. Favicons were produced in ICO format and were simply added to the root folder of the domain as /favicon.ico. Now that screen sizes and resolutions have become much more heterogeneous, we can no longer get away with a single graphic.

Creating the right app icons for all devices can take up a lot of time. Fortunately, there are some tools that can help you out:

With these tools, all you have to do is upload one high definition picture. The tool will generate all the app icons for PC and Mac, iOS and Android, Windows Phones and tablets for you, as well as the required snippet of HTML.

App icons are literally a small part of your website. However, they are important for site recognition and branding, especially now that they are showing up in more and more places. Luckily, tools like the Real Favicon Generator and Iconogen save us a lot of time in generating all the app icons we need.

← All blog posts

Also in love with the web?

For us, that’s about technology and user experience. Fast, available for all, enjoyable to use. And fun to build. This is how our team bands together, adhering to the same values, to make sure we achieve a solid result for clients both large and small. Does that fit you?
Join our team