Jose Munoz
Posts: 0
Joined: Sat Sep 14, 2013 2:08 am

how to add a favicon?

I have published my work with as a webapp the url is http://m.jmunoz.org I would like to use a favicon but cannot find where I can add one. Thank you for your time.

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

how to add a favicon?

Hi Jose,

In index.html, add codefavicon/code tag inside the tag code<head>/code:
precode<link href="http:&#47;&#47;example&#46;com/favicon&#46;png" rel="shortcut icon">/code/pre

Jose Munoz
Posts: 0
Joined: Sat Sep 14, 2013 2:08 am

how to add a favicon?

Thank you for your reply Katya, I noticed your code has a png extension. does it have to be a png or should it be and .ico I have tried upload a ico to my media manager but it will not support this format.

Evgene Karachevtsev
Posts: 12
Joined: Mon Apr 28, 2014 1:12 pm

how to add a favicon?

Helo Jose,

You can use either .ico or .png image format. What issue did you have when you tried to upload .ico?

Alena Prykhodko
Posts: 0
Joined: Tue Apr 09, 2013 7:36 am

how to add a favicon?

Yo can use both .ico or .png image formats.

Jose Munoz7814231
Posts: 0
Joined: Thu Oct 15, 2015 5:18 am

how to add a favicon?

Thanks, I give it a try.

Jose Munoz
Posts: 0
Joined: Sat Sep 14, 2013 2:08 am

how to add a favicon?

this is what I got Image

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

how to add a favicon?

Hello Jose,

You can upload .ico file in the source editor: https://devcenter.appery.io/tutorials...

But better way is use .png files instead of .ico

Jack Bua
Posts: 0
Joined: Sun Jun 28, 2015 10:16 pm

how to add a favicon?

Hello, I am trying to get my favicon working on all of my pages. I have a png file that I have put in the img folder that is in WEB_RESOURCES folder.

Here is my html in the index.html page
Image

Here is the file tree of where the image is located:
Image

Could you help me fill in the blank please?

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

how to add a favicon?

Please delete edited (blue colored) files on Source tab and click Undo all source changes on folder with edited files.

Please note that functionality added via Source tab will be lost and you would need to edit source files again in order to add it back, thus we would recommend that you save project backup before that.

Here (http://devcenter.appery.io/tutorials/...) is more information about Source files editing.

After that you can add favicon

Return to “Issues”