Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Add Favicon to Website [duplicate]

Tags:

html

favicon

Possible Duplicate:
HTML Title Image

Can someone please tell me how to make icons appear on browser tabs in PHP?

I want my icon to appear on the tabs when my site is being accessed.

like image 661
osg Avatar asked Aug 09 '12 23:08

osg

People also ask

How can I add favicon in my website?

To add a favicon to your website, either save your favicon image to the root directory of your webserver, or create a folder in the root directory called images, and save your favicon image in this folder. A common name for a favicon image is "favicon. ico".

Does favicon affect SEO?

There are no direct SEO or ranking effects of having favicons. However, there are indirect benefits for your pages' SEO: Increased Usability Of Site: Usability of a site correlates to higher search engine ranking.

Can you use PNG for favicon?

A favicon can actually be either a PNG, GIF, or ICO file. However, ICO files are typically used more than others as the file size is smaller and it is supported in all major browsers. PNGs are used more commonly for IOS, Android, and Windows 10 devices.

2 Answers

Simply put a file named favicon.ico in the webroot.

If you want to know more, please start reading:

  • Favicon on Wikipedia
  • Favicon Generator
  • How to add a Favicon by W3C (from 2005 though)
like image 25
kapa Avatar answered Oct 05 '22 02:10

kapa
  1. This is not done in PHP. It's part of the <head> tags in a HTML page.
  2. That icon is called a favicon. According to Wikipedia:

    A favicon (short for favorites icon), also known as a shortcut icon, website icon, URL icon, or bookmark icon is a 16×16 or 32×32 pixel square icon associated with a particular website or webpage.

  3. Adding it is easy. Just add an .ico image file that is either 16x16 pixels or 32x32 pixels. Then, in the web pages, add <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> to the <head> element.
  4. You can easily generate favicons here.
like image 131
citruspi Avatar answered Oct 05 '22 01:10

citruspi
Sign in to Comment

Related questions

Input type=password, don't let browser remember the password
Find if a textbox is disabled or not using jquery
Prevent a flex items height from expanding to match other flex items
Make Div overlay ENTIRE page (not just viewport)?
How to display scroll bar onto a html table
How to change a DIV padding without affecting the width/height ?
HTML character decoding in Objective-C / Cocoa Touch
How to HTML encode/escape a string? Is there a built-in?
Do browsers send "\r\n" or "\n" or does it depend on the browser?
CSS values using HTML5 data attribute [duplicate]
Add class to <html> with Javascript?
ReferenceError: event is not defined error in Firefox
Get file size, image width and height before upload
Adding input elements dynamically to form
Html ordered list 1.1, 1.2 (Nested counters and scope) not working
Best way to use html5 data attributes with rails content_tag helper?
Which HTML5 tag should I use to mark up an author’s name?
iOS JavaScript bridge
Submit form without page reloading
What is the HTML for="" attribute in <label>?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!