Joomla Training
How to Change the Favicon on Your Joomla Site

The favicon is the small image that people use to identify your site. It appears in their bookmarks, in their browser bar and in any tabs that they have open:

Favicon With Joomla

By default, Joomla uses the official Joomla logo. Here's how to change the image to something that reflects your website:

  • Step 1: Find the image that you'd like to use. The best favicons are normally square and don't have a great of detail.
  • Step 2: Either resize the image yourself to 16 pixels high and 16 pixels wide, or you can use a website such as http://www.favicon.cc to resize it for you.
  • Step 3: Make sure that the image is called favicon.ico
  • Step 4: You will need to upload the image via FTP or your favorite file manager. The location you need to upload to will look like this /templates/your-template-name/. That's all. You don't need to place it in your template's images directory or even Joomla's image directory. Just place it in your template's main folder.

A Note of Caution:

Many browsers use "caching" which means they show a version of the page from several minutes ago. That means that your browser may not show your new favicon immediately. You may need to delete your browser cache (instructions are here) and restart your browser to see the change.

Would you like 100s more of these Joomla tutorials - the same used by Apple, Sun and IBM to learn Joomla?

Every day, people are building great websites with Joomla.
Joomla Training OnlineWith Open Source Training, they have access to online classes and support from the best teachers in the Joomla world.

Our professional teachers have created videos and tutorials for you that walk you step-by-step through everything you'll need to build wonderful Joomla websites. These are the same lessons we use to help clients like Apple, Sun, IBM, Hewlett-Packard and NASA.

What's In Your Joomla Training?

  Your Joomla Subscription [-]
Same-Day Support
Unlimited Joomla questions, all answered within 24 hours.
Beginner-level Class
8 hours of video tutorials introducing you to all the key Joomla concepts.
Template Design Class
A complete video class showing you how to build and modify Joomla templates.
Search Engine Class
45 detailed tutorials on optimizing your Joomla site for search engines.
New tutorials every week
New weekly step-by-step tutorials on topics suggested by members.
Bonus Templates
Two commercial Joomla templates, Bolt and Breeze
Intermediate-level Class
Due August 2010

47red

72red

47red

 

Comments  

 
#2 Irsh 2010-01-06 05:44
Very Helpful
Quote
 
 
#1 Steve Burge 2010-10-30 12:45
Note from a newsletter reader:

"Be sure when saving the resized image file that you save it as an ico format, and not just rename a gif or jpeg file to ico. Gimp, a free image editor that has a windows version available can resize and save an
image in ico format."
Quote
 

Add comment


Security code
Refresh