ఎలా HTML లో వెబ్ సైట్ ఐకాన్ జోడించాలి

HTML లో వెబ్ సైట్ ఐకాన్ (Favicon) జోడించడానికి ఎలా నేర్చుకోండి

ఎలా HTML లో వెబ్ సైట్ ఐకాన్ జోడించాలి

వెబ్ సైట్ ఐకాన్ (favicon) బ్రౌజర్ టాబ్లేట్లో పేజీ పేరు పక్కన చూపబడే చిన్న చిత్రం.

మీరు ఏ సరికొన్న చిత్రాన్ని కూడా వెబ్ సైట్ ఐకాన్గా ఉపయోగించవచ్చు. మీరు కూడా https://favicon.cc వంటి సైట్లలో మీ స్వంత వెబ్ సైట్ ఐకాన్ను సృష్టించవచ్చు.

సలహా:వెబ్ సైట్ ఐకాన్ చిత్రం ఒక చిన్న చిత్రం కాబట్టి, అది హై కన్ట్రాస్ట్ కలిగిన సరళ చిత్రం ఉండాలి.

వెబ్ సైట్ ఐకాన్ చిత్రం బ్రౌజర్ టాబ్లేట్లు పేజీ పేరు యొక్క ఎడమ వైపు చూపబడుతుంది ఇలా ఉంటుంది:

వెబ్ ఐకాన్ ఉదాహరణ

మీ వెబ్ సైట్ ఐకాన్ను జోడించడానికి, మీ వెబ్ సర్వర్ ప్రధాన డిరెక్టరీలో మీ వెబ్ సైట్ ఐకాన్ చిత్రాన్ని సేవ్ చేయండి లేదా ప్రధాన డిరెక్టరీలో images అనే ఫోల్డరును సృష్టించండి మరియు మీ వెబ్ సైట్ ఐకాన్ చిత్రాన్ని ఈ ఫోల్డరులో సేవ్ చేయండి. వెబ్ సైట్ ఐకాన్ చిత్రానికి సాధారణంగా ఉపయోగించే పేరు "favicon.ico".

ముందు, "index.html" ఫైలులో <title> అంశం తర్వాత ఒక చేర్చండి <link> ఈ విధంగా అంశాలను చూపించండి:

<!DOCTYPE html>
<html>
<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

మీరే ప్రయత్నించండి

ఇప్పుడు, "index.html" ఫైలును సేవ్ చేయండి మరియు బ్రౌజర్లో మళ్ళీ లోడ్ చేయండి. మీ బ్రౌజర్ టాబ్లేట్లు పేజీ పేరు యొక్క ఎడమ వైపు మీ వెబ్ సైట్ ఐకాన్ చూపుతుంది.