Can I add a Favicon to my site in EverWeb?

Yes. A favicon is the small picture that shows next to your website's name in the browser tab and in bookmarks. You choose a picture in File > Edit Publishing Settings, and EverWeb makes the favicon file from it when you publish.

Add a favicon

  1. Make a square picture, such as your logo or its first letter, at least 64 by 64 pixels. Save it as a PNG or JPEG. Keep the design simple: it shows very small.
  2. Drag the picture into EverWeb's Assets list. It goes under Images.
  3. Go to File > Edit Publishing Settings and scroll down to Favicon.
  4. Click the button next to Favicon and choose your picture.
  5. Publish your website.

EverWeb turns your picture into a file called favicon.ico in your website's main folder and adds it to every page.

Which files work

  • Use a picture file, such as PNG or JPEG. The Favicon button only lists pictures in Images in your Assets list.
  • A file in External Files doesn't appear, even if it's an .ico file. If you already have a favicon.ico, use a PNG of the same design instead. EverWeb makes the .ico file for you.

Check that it worked

Go to yourdomain.com/favicon.ico in your browser, with your own domain (for example everwebapp.com/favicon.ico). If you can see your icon, it was published correctly.

Browsers keep the old icon for a while. Safari in particular can take several days to show a new favicon, even when it's published correctly.

Not there? Choose the picture again next to Favicon, then go to File > Publish Entire Site.

Video guide:

Related articles

  • Favicon
  • 4 Users Found This Useful
Was this answer helpful?

Related Articles

Can EverWeb create drop down menus?

Yes. The Navigation Bar widget makes drop-down menus from your directories. A directory is a page...

When I changed my link colors, they don't appear changed when publishing

There are a few reasons why you may see the wrong colors for links after publishing your site:1....

How can I mask or crop an image in EverWeb?

Use Format > Mask to crop a picture on your page. A dashed box appears over the picture. Drag...

My characters with accents are being converted, how do I include accented letters in the Navigation bar?

You are most likely entering text in the File name field in the Inspector. File names can only...

How do I move or drag objects into the header, a blue line appears that stops me

The blue lines mark the header, content and footer sections of a Centered Layout page. An object...