How to add favicon to webpage using html
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
<link rel=”shortcut icon” type=”image/x-icon” href=”pic.png”>
ico image file that is either 16×16 pixels or 32×32 pixels. Then, in the web pages, add <link rel=”shortcut icon” href=”favicon.
webpage එක wordpress නම් setting වලට ගිහින් පුලුවන්.
<body>
<head>
<title>Code Hero</title>
<link rel=”shortcut icon” type=”image/png” href=”https://wordpress-856839-2959279.cloudwaysapps.com/wp-content/uploads/2021/06/white-small-long.png”>
</head>
</body>
16×16 Size එකේ හරි 32×32 pixel Image එකක් වෙනවනම් ගොඩක් හොඳයි. ඊට පස්සේ ඔයාගේ HTML Code එකේ Head Section එක ඇතුළේ මේ Code එක Place කර ගන්න ඕනි වෙනවා.
————————————————————————————————–
link rel=”shortcut icon”– මේ ටික මේ විදිහටම තියන්න.
————————————————————————————————–
type=”image/png”– මෙතන ඔයගෙ Favicon එකේ extension එක දාන්න තියෙන්නේ
————————————————————————————————–
href=”https://wordpress-856839-2959279.cloudwaysapps.com/wp-content/uploads/2021/06/white-small-long.png”– මේකෙ කරන්න තියෙන්නේ ඔයාගේ Favicon Icon එකේ Path එක දාන්න. ඔයාගේ PC එක ඇතුළේ තියෙන File එකක් දානවනම් ඒ File එකේ Path එක Quotation Marks ඇතුළේ දාන්න. ඔයා Internet එකේ තියෙන Image එකක් දානවනම් ඒ Image එකේ Link එක Quotation Marks ඇත්ළේ දාන්න.
head tag eka athule me code eka type krnna.
200×200 resolution eke PNG file ekk use krnna
(Code eke favicon.png kiyna eka oyage filname ekata wenas krnna)
<head>
<link rel=”icon” type=”image/png” href=”favicon.png”>
</head>