How to Make a favicon With Gimp the Simple Way

Gimp, Graphic Design, ICONS, Open Source, Web Design

Making a favicon can be a real challenge if you have no direction.  But with just a few simple steps, you can have a great favicon that brands your page and makes it easy to spot your site amongst a gallery of open tabs in someone’s browser.

Favicons are typically 16 pixels by 16 pixels, and that is how we are going to make ours.

Instructions to Making a Favicon

  1. Create the Master file. First, open your logo file in Gimp and save this project as “favicon.xcf”.
  2. Keep the Graphics. The graphics is typically the left most part of the logo.  If this file has layers, delete the company name and tagline layers.  If not, crop out all of this logo except the graphics part.
  3. Select the graphics.  You can use the rectangular select tool to draw a rectangle around the graphics.
  4. Fit Canvas to selection. This is at “Image/Fit Canvas to Selection”.
  5. Make the canvas square.  Open “Image/Canvas Size”.  Whichever dimension is larger, make the smaller dimension identical.
  6. Scale to 16px. Open “Image/Scale Image”.  Make sure the unit of measurement is “px” or “pixels”.  Then set the width to 16.  The length will automatically size to 16 as well.
  7. Export to an “.ico”.  Click “File/Export” and change the file extension to “.ico”  Do not adjust anything on this next window that opens.  Simply click “export”.
  8. Check your work.  Open your favicon file and make sure it looks correct.
  9. Save your master. Your done!

Creating a Favicon is Simple but Vital

Making a favicon is really fairly simple.  It is such a differentiator.  You can quickly spot an amateur website simply due to the lack of a favicon.  Make your site stand out with completing this easy but important step.

 

Enjoyed this post?

Don't forget to subscribe to our RSS-feed and follow us on - for recent updates

About the Author

Comments are closed.

About Dzinepress | Advertise | Contact | Privacy Policy | Community News | Submit News