Favicon in HTML

Favicon in HTML ek chhoti image hoti hai jo browser tab me page title ke paas dikhai deti hai.


How To Add a Favicon in HTML

Aap koi bhi image favicon ke liye use kar sakte ho. Aap apna khud ka favicon bhi bana sakte ho jaise sites par https://www.favicon.cc.

Favicon browser tab me page title ke left side me dikhai deta hai.

Favicon in HTML

The steps:

  1. Apni favicon image ko webserver ke root directory me save karo, ya root directory me images naam ka folder bana kar usme favicon save karo. Common favicon file name: favicon.ico
  2. Phir apni index.html file me <title> ke baad <link> element add karo:

Adding Favicon In HTML

Ab file save karke browser me reload karo. Browser tab me page title ke left side aapka favicon dikhna chahiye.


Favicon File Format Support

Neeche ka table batata hai ki favicon image ke liye kaunse file formats support hote hain.

Browser ICO PNG GIF JPEG SVG
Edge Yes Yes Yes Yes Yes
Chrome Yes Yes Yes Yes Yes
Firefox Yes Yes Yes Yes Yes
Opera Yes Yes Yes Yes Yes
Safari Yes Yes Yes Yes Yes

Leave a Comment