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 (1)

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

Answered by Coder100 (18208) [earned 5 cycles]
View Answer
Comments
hotnewtop
Coder100 (18208)

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 (1)

@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 (18208)

well first you need to upload your favicon image @temperatures

temperatures (1)

@Coder100 I did it i chose my image

Coder100 (18208)

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

Coder100 (18208)

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

temperatures (1)

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

temperatures (1)

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

Coder100 (18208)

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


@temperatures

temperatures (1)

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

Coder100 (18208)

yay np!
glad to see it work!

mark as correct answer? @temperatures

temperatures (1)

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

Coder100 (18208)

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

temperatures (1)

@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 (18208)

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

temperatures (1)

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

Coder100 (18208)

make your image transparent @temperatures

temperatures (1)

@Coder100 Pls how can it be transparent ?

temperatures (1)

@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

Kai_Justice (278)

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 (667)

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

ch1ck3n (2077)

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 (1)

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

temperatures (1)

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

temperatures (1)

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

FloCal35 (667)

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