Question:

HTML Logo for Website

by  |  earlier

0 LIKES UnLike

I've made my Logo. Is there any way I can upload it or get a code for it WITHOUT using favicon? Favicon is not working for me.

 Tags:

   Report

2 ANSWERS


  1. favicon should work for you. follow these steps: The steps to putting a favicon.ico on your website are:

       1. Create a 16px X 16px, 16 colour image with either a .bmp or .gif extension.

                Your graphics editor should have a setting for 16 colours. It needs to be 16px X 16px, anything other than this will be ignored by browsers most times.

                Another option is to download a free icon editor and make your own through that.

       2. Convert your image to the .ico format if it's .bmp or .ico.

                You can't just rename the image extension - it HAS to be converted with a special program or it won't work. Use an icon converter, then save the converted file as favicon.ico. If you are creating several icons to use, call each one something different - but remember it needs to have the .ico extension.

       3. Upload your favicon.ico into the root directory of your website.

                The root directory is where your main index.html page is. Browsers look for the favicon.ico here. If you're providing a link in your pages to the icon, then you can store them wherever you wish - in a folder just for icons, on another server, as long as you provide the path/url to where it is so browsers know where to look for it.

       4. Insert a link to it in all your pages that you wish to use the favicon.

                If you have called your icon favicon.ico and you uploaded it into your root directory, you don't NEED to put any code in your pages. However, sometimes the favicon won't show for some browsers, so to put a link in might be a wise thing to do. You will also need to put a link in if you want to use something other than a file called favicon.ico or if your site is a subdomain or a free hosted site (ie: not your own domain name). This is because you need to tell the browser to look for THAT image for that page in THAT folder.

                Put this piece of code somewhere between the <head></head> tags on your pages:

          <LINK REL="SHORTCUT ICON" HREF="http://www.yourdomain.com/name_of_...

                If you have a 'secure' site, you will need to provide the path using https:

          <LINK REL="SHORTCUT ICON" HREF="https://www.yourdomain.com/name_of...

      


  2. It sounds like you are trying to have the logo display in the address bar, which can only be done using the favicon method. If you are trying to use a favicon and having trouble here are some things you should check that might be causing it not to work.

    1. The icon must be 16 pixels by 16 pixels and a png or gif file. Anything else will be ignored. I will add some links to favicon generators at the end of this post.

    2. The file should be named favicon.ico and placed in the root directory of your site (where your main index.html is located)

    3. To display the fav icon you must include this line of code in between the <head></head> tags of all of your pages

    <link rel="SHORTCUT ICON" href="/favicon.ico" type="image/x-icon">

    Check all of those and if it is still not working you should bookmark the page, then clear your browser cache and click the refresh button.

    Favicon Generator - http://www.favicon.cc/

    Your question was sort of hard to understand in terms of what you are trying to accomplish, so if you were not asking about using a favicon and want your logo to appear on a page, just use a standard <img> tag in your html and it should display on the page.

    Hope this helped, good luck.

You're reading: HTML Logo for Website

Question Stats

Latest activity: earlier.
This question has 2 answers.

BECOME A GUIDE

Share your knowledge and help people by answering questions.