how to get icon for my favorites on my homepage

HOW TO GET ICON FOR MY FAVORITES ON MY HOMEPAGE HOW TO
HOW TO GET ICON FOR MY FAVORITES ON MY HOMEPAGE WINDOWS

Here's a hack that works very nicely (it takes a moderate amount of simple image manipulation though. I actually don't care too much about the small icons, but I would really like for all the big icons to display correctly. So it seems that there are two sets of icons, 'big' and 'small', and for big icons, Google Drive and Gmail are not displayed correctly, while the other 8 are, and on the other hand, for small icons, Google Drive and Gmail are displayed correctly, while Wikipedia, Amazon, and NYTimes are not. Strangely, this time, the two Google sites do have correctly displayed icons, while it is instead three other sites (out of the 10) that aren't displayed: namely Wikipedia, Amazon, and New York Times. However, if I instead go to the top menu in Safari, click Bookmarks > Show Bookmarks, I get the following: At first, I thought it was because all 8 of the 'correctly displayed' sites had successfully configured their 'Safari settings' or something like that, while Google failed to do this (although this doesn't sound too plausible). I would like for the two Google sites to correctly display their icons as well. However, for Google Drive and Gmail, the icons are just big, ugly, generic G's) For example, the Wikipedia icon has the large W icon. (there are 10 icons, and all but 2 of them are displayed as the proper, correct icon from the site. I have added several commonly-used sites to my favorites section, like so:

HOW TO GET ICON FOR MY FAVORITES ON MY HOMEPAGE HOW TO

If the folder with temporary files has reached its maximum, the favicon may not be used.įor more information, you may visit How to make a fav-icon?.I am using Safari on macOS Sierra.

Make sure the path to the favicon in the header of your page is absolute, not relative.

Make sure the icon file is called favicon.ico, and it is placed in the root folder of your web server.

If you already have the page in your favorites folder, remove it and add it again. There are a few solutions to this problem:

Repeat until you're satisfied your icon is suitably eye-catching.Ĭommon Issues When browsing in Internet Explorer, my favicon.ico doesn't load.

Bookmark your page again to check the new version of your icon.

If necessary, re-edit your icon and publish it again.

Determine if your icon stands out from other bookmarked websites with favorites icons.

Open Internet Explorer (version 5 or above) and bookmark your page.

Link to them in your pages in the same way as above, just changing the href location for the different icons. If you want to create different icons for different pages, simply call them something other than favicon.ico but still retaining the. Place this nearer the closing tag because more important information should come earlier, such as your meta tags.

Help the browser find your icon by including in the html, within the tag, the following:.This is the location Internet Explorer will automatically look for your favicon when a visitor bookmarks your site. Publish the icon into the root directory of your website.Step 3 - Including the icon in your web pages We recommend using DynamicDrive ( FavIcon Generator).

HOW TO GET ICON FOR MY FAVORITES ON MY HOMEPAGE WINDOWS

Most browser interfaces (the top toolbar containing the browser buttons) can display 256 colors, but it's best to use the Windows 16 colors. The main consideration is to keep your icon simple and clear at such a small size.

Most websites use a smaller version of their logo or similar.

Step 3 - Including the icon in your web pagesĪdding a Favicon to your Website Step 1 - Find an Image.

Step 2 - Convert the Picture to an Icon.

Note: For addon domains, please place a favicon.ico file in the directory for the addon domain.

How to get icon for my favorites on my homepage