How to create a website favicon.ico file using the GIMP
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

How to create a website favicon.ico file using the GIMP

  • 8,838 views
Uploaded on

This article tells you how to create a website favicon.ico file using the GIMP. Hire Neogain, a Hull web designer agency to design your website.

This article tells you how to create a website favicon.ico file using the GIMP. Hire Neogain, a Hull web designer agency to design your website.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
8,838
On Slideshare
8,838
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
8
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1.
    • How to create a website favicon.ico file
    • using the GIMP
  • 2.
    • You might be looking for an application to create a favicon.ico file?
    • One such application to consider is using the cross platform application called the GIMP, which is the Gnu Image Manipulation Package.
    • This image editing application has enough features to make creating an favicon.ico a breeze.
  • 3.
    • So what exactly is a favicon? It is the icon that appears in a browser tab and often next to a website address in the url bar or bookmark.
    • The only setback really is when you are wishing to resize a large complex image, into a small icon file. It is during that conversion process, that will take up time and you will have to make sure your end result, is a clear and simple favicon.
    • Hire Neogain!
  • 4.
    • Why not save yourself time and hire Neogain to not only create your website favicon, but to work on your website project?
    • Our Hull web designers and developers can easily create your website graphics, and develop your website.
    • Looking for a Hull website designers?
    • Hire our team!
  • 5.
    • Step 1 – Download and install the GIMP.
    • The GIMP is available for both Linux and Microsoft Windows. If you are a Linux user you might find it is already installed by default in your operating system, else you can download it via your OS repository.
    • Microsoft Windows users can download it from: http://www.gimp.org/
  • 6.
    • Step 2 – Create a new image.
    • From the ‘File’ menu option select ‘New’, and then create a 32×32 pixel image.
    • This will then open a new window which has a blank white area, which is the canvas for your icon.
  • 7.
    • Step 3 – Design or paste your image.
    • You probably will want to zoom in on the image, as it is so tiny. To do this from the ‘View’ menu option you can select ‘Zoom’ then a percentage, such as 1600%.
    • If you are looking to scale down another image, open it in a separate window and remove as much complexity as possible, then scale down and clean it further, ready to be saved.
  • 8.
    • Step 4 – Save your image.
    • From the ‘File’ menu select ‘Save as…’, then for the file name type favicon.ico , and from the drop-down list select ‘Microsoft Windows icon (*.ico).
    • Then another window will appear, but the default option should be fine.
  • 9.
    • Step 5 – Upload your image to your server.
    • How you upload your image and whether it is displayed, could vary between server and CMS installations.
    • Usually uploading your favicon.ico file to the root of your website (via FTP or a control panel file manager), will result in the favicon.ico being used.
  • 10.
    • However sometimes a website theme has the option to specify a path in its configuration, though this is rare.
    • So if you don’t see your image after a browser fresh, else cleaning out your cache and restarting your browser, it might be worth looking at your CMS options and its theme settings.
  • 11.
    • Hire Neogain!
    • For website design and development services, you should hire our Hull website team!
    • Plus don’t forget to check out our other website services, such as search engine optimisation training.
    • Hire a Hull web designer !