Question

Hi, I have a WordPress site and I am wondering.... a lot of people are saying - favicon, favicon.... What is favicon? Is it a picture? Thumbnail? Srry for the noob question - but I am lost. thank you for your answers in advance! Sam

Answer 1

1. Favicon is a small icon located in your browser
2. Favicon's extension is .ICO (which stands for icon)
3. Favicon's extensions are 16X16 pixels
4. You can create favicon with IrfanView (my favourite), Photoshop and many more

Answer 2

You can use this site for creation icons - http://xiconeditor.com/ Also - https://www.iconfinder.com/ for any idea related to favicon creation! :-)

Answer 3

Regarding using favicons on your site you can create favicons with different dimensions for different mobile devices - iPhone, Apple, Samsung Galaxy, tablets:

- 32 X 32 is for Retina displays
- 144 × 144 - big iPhone и iPad displays
- 72 × 72 - iPad (old ones)
- 57 × 57 - Android

You can add them in your header.php RIGHT AFTER THE HEAD tag - the opening one! You can use  Notepad++ and save it with UTF-8 without BOM; Please look at this code which you need to put:

<!-- Favicon for Desctops -->
<link rel="shortcut icon"type="image/x-icon"href="favicon.ico" />
<!-- For third-generation iPad with high-resolution Retina display: -->
<link rel="apple-touch-icon-precomposed"sizes="144x144"href="apple-touch-icon-144x144-precomposed.png">
<!-- For iPhone with high-resolution Retina display: -->
<link rel="apple-touch-icon-precomposed"sizes="114x114"href="apple-touch-icon-114x114-precomposed.png">
<!-- For first- and second-generation iPad: -->
<link rel="apple-touch-icon-precomposed"sizes="72x72"href="apple-touch-icon-72x72-precomposed.png">
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed"href="apple-touch- icon-precomposed.png">

Answer 4

A favicon (short for "favorites icon") is an icon associated with a website or webpage intended to be used when you bookmark the web page. Web browsers use them in the URL bar, on tabs, and elsewhere to help identify a website visually.
A favicon is typically a graphic 16 x 16 pixels square and is saved as favicon.ico in the root directory of your server. You can use a favicon with any WordPress blog on a web server that allows access to the root directories.