![how to make a favicon stand out how to make a favicon stand out](https://1.bp.blogspot.com/_X5gvFBIH7fo/SoNFcmd9A2I/AAAAAAAACaU/-rQjz4mWFI0/s320/Random+stuff+036.jpg)
To play it safe, and to make your life easier when designing your favicon, go for a PNG.
#How to make a favicon stand out pro
Pro tip: If you add both PNG and ICO images to your site, browsers that support PNG files typically see the ICO and use it instead. If the majority of users are on Chrome and Safari, you can stick with a PNG file type and 512×512 pixels.
![how to make a favicon stand out how to make a favicon stand out](https://i.pinimg.com/736x/a7/8a/ad/a78aad997b191adde725390bf5da6904--mobile-application-app-icon.jpg)
However, favicons show up in places other than just the tops of browser tabs. Think of favicons, or website icons, like the icons on your phone’s home screen-visually identifiable squares to help you choose what you want quickly. The tiny favicon, or site icon, is meant to help you identify a website quickly when you have multiple tabs open.
#How to make a favicon stand out how to
It’s also free and easy to create a favicon, so stick around to see example uses and learn how to add one to your business website.
![how to make a favicon stand out how to make a favicon stand out](https://mobilejazz.com/blog/wp-content/uploads/2010/10/androidapps-1024x571.jpg)
Favicons (aka site icons) are usually a company’s logo and though they’re tiny, they’re a worthwhile site element that can actually increase brand awareness and help improve user experience.
![how to make a favicon stand out how to make a favicon stand out](https://www.oberlo.com/media/1603954200-image020.png)
A favicon is a small but mighty branding element that shows up in browser tabs, history archives, and bookmark lists.