Ask coding questions

← Back to all posts
I can't put my Favicon on my icon of the website i am doing this but it still not working
temperatures

I need some help to have a favicon for my website pls help me

Answered by Coder100 [earned 5 cycles]
View Answer
Voters
temperatures
Comments
hotnewtop
Coder100

you don't have a favicon.png silly!
Upload your favicon.png to the repl through drag and drop, and maybe read this:
https://www.digitalocean.com/community/tutorials/how-to-add-a-favicon-to-your-website-with-html

temperatures

@Coder100 Can you give me an exemple because i really don't undestand i read the link and try,try,try but still not work. Pls

Coder100

well first you need to upload your favicon image @temperatures

Coder100
temperatures

@Coder100 I did it i chose my image

Coder100

@temperatures nice but you didn't upload it to replit like I did

temperatures

@Coder100 Yes I upload it

Coder100

@temperatures no
you did not
where in here is there Favicon.png

temperatures

@Coder100 Oh ok so here i put the <link rel= image/png...>

temperatures

@Coder100 and if my image is a JPEG I put Favicon.jpeg ?

Coder100

no
look at your left
do you see the file favicon.jpeg?
Please, upload it and click the three dots


@temperatures

temperatures

@Coder100 Yes I upload it

temperatures

@Coder100 Thanks a lot for helping me. You really help me. :)

Coder100

yay np!
glad to see it work!

mark as correct answer? @temperatures

temperatures

@Coder100 but but how to put a perfect circle it's a square for me ???

Coder100

no it's a round box for me, use your editor @temperatures

temperatures

@Coder100 Yes i know but look at the test1 that i created it's a box image and not a circle one like google or blablalbla... pls help me ?

Coder100

because your icon isn't a circle
make it a circle @temperatures

temperatures

@Coder100 Ok now go on the site change page and you will see that is not a circle it's a suare image.

Coder100

make your image transparent @temperatures

temperatures

@Coder100 Pls how can it be transparent ?

Coder100

background remove or smth
https://www.remove.bg/
@temperatures

temperatures

@Coder100 Thank you very much for helping me during these days. I would never be here if you didn't help me. Thanks again

Have a nice day

Coder100
Kai_Justice

Upload your desired favicon image (I know pngs works but not sure about jpegs) then change the file name to: "favicon.ico". Also make sure it's in the same directory as index.html.

FloCal35

jpegs work @Kai_Justice, or at least jpg's do

ch1ck3n

first download the image you want.

put it in your HTML repl.

in the head of your HTML, put in <link rel="icon" href="yourimage.png">.

OR,

download the image you want. convert that to an .ico file. rename it to favicon.ico. put It in your website. it should automatically change.

temperatures

@Kai_Justice pls i need the perfect tutorial pls help me man.

temperatures

Look i did all of of the solutions but not working again why can somoene explain ? pls

temperatures

but where it put it there or there ? @ch1ck3n and @Kai_Justice

FloCal35

The second one @temperatures, favicons always go in the <head>