సరైన ఫావికాన్ సెట్ అంటే ఒక్క ఫైల్ కాదు: బ్రౌజర్లకు మల్టీ-సైజ్ .ico కావాలి, iOSకి 180px apple-touch-icon కావాలి, Androidకి 192, 512px PNGలు, పైగా వెబ్ మానిఫెస్ట్ కావాలి. ఈ టూల్ ఒకే చిత్రం నుంచి అన్నిటినీ రెండర్ చేసి, మీ <head>లో పేస్ట్ చేయాల్సిన ఖచ్చితమైన HTML ట్యాగ్లతో సహా ఒకే ZIPలో ప్యాక్ చేస్తుంది.
ప్రివ్యూ మీ ఐకాన్ను నిజమైన 16, 32, 48px సైజుల్లో చూపుతుంది — అతి చిన్న సైజుల్లోనూ గుర్తుపట్టేలా ఉందో లేదో షిప్ చేసే ముందే చెక్ చేసుకోవచ్చు.
ఎలా వాడాలి
- మీ లోగో జోడించండిచతురస్రాకార చిత్రాలు ఉత్తమం; మిగతావి సెంటర్-క్రాప్ అవుతాయి.
- చిన్న సైజులు చెక్ చేయండిట్యాబ్లో చాలామంది యూజర్లు నిజంగా చూసేది 16px ప్రివ్యూనే.
- ZIP డౌన్లోడ్ చేయండిfavicon.ico, ఆరు PNGలు, site.webmanifest, పేస్ట్ చేయడానికి సిద్ధమైన html-snippet.txt.
ఒక చిత్రం లోపలికి, పూర్తి ఫావికాన్ సెట్ బయటికి
ఒక్క లోగో లేదా ఐకాన్ వేస్తే ఈ జనరేటర్ ఆధునిక సైట్కు కావలసిన పూర్తి సెట్ నిర్మిస్తుంది: 16, 32, 48 పిక్సెల్ వెర్షన్లను కట్టిన మల్టీ-సైజ్ favicon.ico, 16, 32, 48 వద్ద విడి PNGలు, Apple టచ్ ఐకాన్ కోసం 180, Android, PWA ఇన్స్టాల్ల కోసం 192, 512, పైగా site.webmanifest. అన్నీ ఒకే ZIPగా వస్తాయి — నేరుగా మీ ప్రాజెక్ట్ రూట్లో వేయవచ్చు.
సరైన link, meta ట్యాగ్లు ఇప్పటికే అమర్చిన, పేస్ట్ చేయడానికి సిద్ధమైన HTML head స్నిపెట్ కూడా లభిస్తుంది. మీ టెంప్లేట్లో కాపీ చేసి, ఫైళ్లు అప్లోడ్ చేస్తే — మీరు మార్కప్ చేతితో రాయకుండానే ఫావికాన్ బ్రౌజర్ ట్యాబ్లు, బుక్మార్క్లు, హోమ్-స్క్రీన్ షార్ట్కట్లలో కనిపిస్తుంది.
ప్రతి సైజులోనూ పదునైన ఐకాన్లు
ఫావికాన్లు కఠినంగా చిన్నవి — అందుకే జనరేటర్ 16, 32, 48 పిక్సెల్స్ వద్ద నిజ-సైజు ప్రివ్యూలు రెండర్ చేస్తుంది, బ్రౌజర్ ట్యాబ్ చూపే విధంగానే. దీంతో 16px వద్ద ముద్దగా మారే లోగోను షిప్ చేసే ముందే పట్టుకోవచ్చు. మీ సోర్స్ చిత్రం చతురస్రం కాకపోతే టూల్ సెంటర్-క్రాప్ చేస్తుంది — ఐకాన్ నొక్కుకోకుండా సమతులంగా ఉంటుంది.
మొత్తం ప్రక్రియ మీ ఒరిజినల్ చిత్రం నుంచి బ్రౌజర్లో నడుస్తుంది — అంటే ఏ అప్లోడ్ లేదా ఖాతా లేకుండా హై-రిజల్యూషన్ లోగో నుంచి ఫావికాన్ PNGలు, ICO ఉత్పత్తి చేయవచ్చు.
దీన్ని ఎందుకోసం వాడతారు
కొత్త సైట్ లాంచ్ — మొదటి రోజే ట్యాబ్లు, బుక్మార్క్లు పూర్తిగా కనిపించేలా favicon.ico, ప్రతి PNG సైజునూ ఒకే విడతలో ఉత్పత్తి చేయండి.
PWA ఇన్స్టాల్ ఐకాన్ జోడింపు — మీ యాప్ సరైన హోమ్-స్క్రీన్ ఐకాన్తో ఇన్స్టాల్ అయ్యేలా 192, 512 PNGలు, పైగా site.webmanifest ఎక్స్పోర్ట్ చేయండి.
Apple టచ్ ఐకాన్ — iOS బుక్మార్క్లు, హోమ్ స్క్రీన్లు పదునైన టైల్ చూపేలా 180x180 apple-touch-icon ఉత్పత్తి చేయండి.
ఉన్న సైట్ రీబ్రాండింగ్ — ఒక కొత్త లోగోను జనరేటర్ ద్వారా మార్చి మొత్తం ఐకాన్ సెట్ను ఒకేసారి భర్తీ చేయండి.
క్లయింట్ హ్యాండ్ఆఫ్ — డెవలపర్ నేరుగా వేసుకునేలా ico, PNGలు, మానిఫెస్ట్, head స్నిపెట్ ఉన్న ఒకే ZIP అప్పగించండి.
చిన్న-సైజు చదవగలిగే తనిఖీ — వివరమైన లోగో ఇంకా ఐకాన్గా చదవబడుతుందో ధృవీకరించడానికి నిజ-సైజు 16px ప్రివ్యూ వాడండి.
చతురస్రం కాని లోగో — వెడల్పు వర్డ్మార్క్ ఇచ్చి సెంటర్-క్రాప్ దాన్ని సమతుల చతురస్ర ఫావికాన్గా మార్చనివ్వండి.
స్టాటిక్ సైట్ లేదా ఫ్రేమ్వర్క్ ప్రాజెక్ట్ — ఉత్పత్తి అయిన head ట్యాగ్లను మీ Next, Astro లేదా సాదా HTML టెంప్లేట్లో కాపీ చేసి షిప్ చేయండి.
IMG.DIY ఎందుకు
పూర్తి సెట్
ICO + 16/32/48/180/192/512 PNGలు + మానిఫెస్ట్.
కాపీ-పేస్ట్ HTML
ఖచ్చితమైన లింక్ ట్యాగ్లు టెక్స్ట్ ఫైల్గా చేర్చబడ్డాయి.
నిజ-సైజు ప్రివ్యూ
ఐకాన్ను ముందుగా నిజమైన 16/32/48pxలో చూడండి.
గోప్యం
మీ లోగో బ్రౌజర్ దాటదు.