v.7

Make sure your connection is secure ("httpS:" instead of just "http:"). Click the logo above for a secure connection.

| Menu ☰ |
× close
Home Products Services Blog Contact

CMSbyCW Demo CMSbyCW Tutorials / FAQs / Documentation CW Cyberspace Invaders (people liked it!) What's cooking?

How to Create a Favicon for your site with PNG

How to Create a Favicon for your site with PNG

Published on: 12/19/2025, 11:27 AM by Software Developer

You don’t need an online favicon generator - here’s the simple way to add your own favicon to CMSbyCW.

Using the Default Favicon

1) Save your favicon image as  favicon.png

2) Upload it via FTP to your webhosting account's main folder:

public_html

This will overwrite the default favicon.

3) On the front-end, press Ctrl + F5 (or Shift + F5), to see the updated favicon.  

Using a Custom File Name

1) Upload your image file,(e.g., "image-logo.png" to your main folder via FTP.

2) Confirm the direct URL in your browser, 

Example:  "https://www.YOURDOMAIN.com/image-logo.png "   

3) In your HTML (`index.html`) or `header.php`, add this inside the `<head>` section:

<link rel="icon" href="https://www.YOURDOMAIN.com/image-logo.png" style="border-radius: 20px;"> 

This ensures the favicon appears on all pages using your header.

4) Upload the updated file via FTP.

5) Refresh the browser (Shift + F5 to see your  favicon.. 

Enjoy!  :-) 

Related:

Help Page for other Documentation or Tutorials:

Help

Got feedback?

Click HERE and Leave a comment

Share:


Thank you for visiting our website!