ఉచిత కన్వర్టర్

ఫేవికాన్ జనరేటర్

ఏదైనా చిత్రం నుండి బహుళ పరిమాణాలలో (16x16 నుండి 512x512) ఫేవికాన్ ఫైల్‌లను రూపొందించండి. ఉచితం, తక్షణం మరియు మీ బ్రౌజర్‌లో పూర్తిగా రన్ అవుతుంది.

ఇక్కడ ఒక చిత్రాన్ని లాగి వదలండి

PNG, JPG, SVG, WebPకి మద్దతు ఇస్తుంది. గరిష్టంగా 10MB.

లేదా

ఈ సాధనం గురించి

ఫేవికాన్ అనేది బ్రౌజర్ ట్యాబ్‌లు, బుక్‌మార్క్‌లు మరియు చరిత్ర జాబితాలలో కనిపించే చిన్న చిహ్నం. అసలైన ఫేవికాన్ — /favicon.ico వద్ద ఉన్న 16×16 ICO ఫైల్ — విభిన్న ప్లాట్‌ఫారమ్‌ల కోసం విభిన్న పరిమాణాలలో ఐకాన్‌ల సంక్లిష్ట సెట్‌గా విస్తరించబడింది: బ్రౌజర్ ట్యాబ్‌ల కోసం 16×16 మరియు 32×32, iOS హోమ్ స్క్రీన్‌ల కోసం 180×180, Windows కోసం 192×192 మరియు 512×512 వివిధ టైల్ పరిమాణం. వీటన్నింటిని ఒకే మూల చిత్రం నుండి ఉత్పత్తి చేయడం ఆధునిక ఫేవికాన్ జనరేటర్ చేస్తుంది.

ఈ సాధనం ఒకే హై-రిజల్యూషన్ సోర్స్ ఇమేజ్‌ని తీసుకుంటుంది (సాధారణంగా ఒక చదరపు లోగో) మరియు వాటిని సూచించడానికి అవసరమైన ఫేవికాన్ ఆస్తుల పూర్తి సెట్‌తో పాటు HTML లింక్ ట్యాగ్‌లను ఉత్పత్తి చేస్తుంది. అవుట్‌పుట్‌లో ICO, బహుళ PNGలు మరియు ప్రగతిశీల వెబ్ యాప్ మెటాడేటా కోసం మానిఫెస్ట్.json ఉన్నాయి. ఫలిత ఫైల్‌లను మీ సైట్ యొక్క రూట్‌లో వదలండి మరియు వాటిని రూపొందించిన HTML ద్వారా సూచించండి.

అన్ని ప్రాసెసింగ్ మీ బ్రౌజర్‌లో జరుగుతుంది. అప్‌లోడ్ లేదు, API కాల్ లేదు, రేట్ పరిమితి లేదు. ఫేవికాన్‌లను ప్రదర్శించే ప్రతి ఆధునిక బ్రౌజర్ మరియు ఆపరేటింగ్ సిస్టమ్‌లో అవుట్‌పుట్ పని చేస్తుంది.

ఫేవికాన్‌ను ఎందుకు రూపొందించాలి

ఫేవికాన్‌లు లేని సైట్‌లు అసంపూర్తిగా కనిపిస్తాయి. బ్రౌజర్ ట్యాబ్‌లు సాధారణ చిహ్నాన్ని చూపుతాయి; బుక్‌మార్క్‌లకు విజువల్ ఐడెంటిఫైయర్ లేదు; సైట్ తక్కువ ప్రొఫెషనల్‌గా కనిపిస్తుంది. సరైన ఫేవికాన్ సెట్‌ను జోడించడం అనేది తక్కువ-ప్రయత్నంతో కూడిన అధిక-ప్రభావ పోలిష్ దశ, ఇది వివరాలకు శ్రద్ధను సూచిస్తుంది.

ఆధునిక ఫేవికాన్ అవసరాలు /favicon.icoకి మించి పెరిగాయి. iOS హోమ్ స్క్రీన్ చిహ్నాలు, Android Chrome చిహ్నాలు, Windows టైల్ చిహ్నాలు మరియు డార్క్ మోడ్ వేరియంట్‌లు అన్నీ వేర్వేరు ఫైల్‌లను ఉపయోగిస్తాయి. ఒక మూలం నుండి వాటన్నింటినీ రూపొందించడం వలన ప్రతి ఫైల్‌ను చేతితో నిర్వహించకుండా స్థిరమైన బ్రాండింగ్‌ను నిర్ధారిస్తుంది.

ఎలా ఉపయోగించాలి

మూల చిత్రాన్ని అప్‌లోడ్ చేయండి, పూర్తి ఫేవికాన్ సెట్‌ను పొందండి.

  1. మూల చిత్రాన్ని అప్‌లోడ్ చేయండి: కనీసం 512×512 పిక్సెల్‌ల చదరపు చిత్రాన్ని ఉపయోగించండి. PNG ప్రాధాన్యతనిస్తుంది (పారదర్శకత మద్దతు); SVG కూడా ఆమోదించబడింది. అధిక-రిజల్యూషన్ మూలాలు పదునైన చిన్న చిహ్నాలను ఉత్పత్తి చేస్తాయి.
  2. ప్లాట్‌ఫారమ్ ఎంపికలను కాన్ఫిగర్ చేయండి: అవసరమైన విధంగా iOS, Android, Windows మరియు PWA అవుట్‌పుట్‌లను ప్రారంభించండి. డిఫాల్ట్ సెట్టింగ్‌లు చాలా సైట్‌లకు అవసరమైన ప్రామాణిక సెట్‌ను ఉత్పత్తి చేస్తాయి.
  3. రంగులు మరియు థీమ్‌ను అనుకూలీకరించండి: విండోస్ టైల్స్ మరియు PWA స్ప్లాష్ స్క్రీన్‌ల కోసం థీమ్ రంగులను ఎంచుకోండి. మీ బ్రాండ్ గుర్తింపును సరిపోల్చండి.
  4. డౌన్‌లోడ్ చేసి, అమలు చేయండి: రూపొందించిన జిప్‌ను సేవ్ చేయండి. మీ సైట్ యొక్క మూలంలో ఫైల్‌లను ఉంచండి మరియు రూపొందించిన HTML లింక్ ట్యాగ్‌లను మీ <head>కి జోడించండి. HTML ప్రతి చిహ్నాన్ని సరైన పరిమాణంలో సూచిస్తుంది.

సాధారణ వినియోగ కేసులు

సాంకేతిక వివరాలు

పూర్తి ఆధునిక ఫేవికాన్ సెట్: favicon.ico (16+32+48 బహుళ-రిజల్యూషన్), ఫేవికాన్-16x16.png, ఫేవికాన్-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png2-chrome, android.1ng5, mstile-150x150.png. ప్లస్ PWA కోసం site.webmanifest, Windows కోసం browserconfig.xml.

ప్రతి PNG మూలం నుండి కాన్వాస్ ఆధారిత డౌన్‌సాంప్లింగ్ ద్వారా ఉత్పత్తి చేయబడుతుంది. ICO అనేది 16/32/48 వెర్షన్‌లను బహుళ-రిజల్యూషన్ ICO ఫార్మాట్‌లో DataView వ్రాతలను ఉపయోగించి కలపడం ద్వారా జావాస్క్రిప్ట్‌లో రూపొందించబడింది.

HTML లింక్ ట్యాగ్‌లు ప్రతి ఫైల్‌ను తగిన rel మరియు పరిమాణాల లక్షణాలతో సూచిస్తాయి. జనరేటర్ వీటిని మీ సైట్ యొక్క <head> కోసం కాపీ-పేస్ట్-రెడీ స్నిప్పెట్‌గా ఉత్పత్తి చేస్తుంది.

ఉత్తమ పద్ధతులు

తరచుగా అడిగే ప్రశ్నలు

నేను ఏ చిత్ర ఆకృతిని అప్‌లోడ్ చేయాలి?
పారదర్శక నేపథ్యంతో PNG ఉత్తమంగా పని చేస్తుంది. కనీసం 512x512 పిక్సెల్‌ల చదరపు చిత్రాన్ని ఉపయోగించండి, తద్వారా సాధనం నాణ్యతను కోల్పోకుండా స్కేల్ చేయగలదు. SVG కూడా బాగా పనిచేస్తుంది ఎందుకంటే ఇది ఏ పరిమాణానికి అయినా స్కేల్ అవుతుంది.
ఇది ఏ పరిమాణాలను ఉత్పత్తి చేస్తుంది?
16x16 (బ్రౌజర్ ట్యాబ్), 32x32 (బ్రౌజర్ ట్యాబ్ @2x), 48x48 (Windows టాస్క్‌బార్), 180x180 (యాపిల్ టచ్ ఐకాన్), 192x192 (Android హోమ్ స్క్రీన్), 512x512 (PWA స్ప్లాష్ స్క్రీన్). ICO ఫైల్ 16, 32 మరియు 48px పరిమాణాలను కలిగి ఉంది.
నేను ఫేవికాన్ ఫైల్‌లను ఎక్కడ ఉంచగలను?
మీ వెబ్‌సైట్ రూట్ డైరెక్టరీలో favicon.icoని ఉంచండి. ఇతర PNG పరిమాణాలు మీ పబ్లిక్ ఫోల్డర్ లేదా ఏదైనా యాక్సెస్ చేయగల మార్గంలో వెళ్తాయి. ప్రతి ఫైల్ స్థానానికి సూచించే మీ <head> విభాగంలో HTML లింక్ ట్యాగ్‌లను జోడించండి.
బ్రౌజర్‌లో నా ఫేవికాన్ ఎందుకు నవీకరించబడదు?
బ్రౌజర్‌లు ఫేవికాన్‌లను దూకుడుగా కాష్ చేస్తాయి. మీ బ్రౌజర్ కాష్‌ని క్లియర్ చేయండి, అజ్ఞాత విండోలో తెరవడానికి ప్రయత్నించండి లేదా రిఫ్రెష్ చేయమని బలవంతంగా ఫేవికాన్ URLకి సంస్కరణ ప్రశ్న స్ట్రింగ్ (?v=2)ని జోడించండి.
నా ఫేవికాన్ ఎందుకు నవీకరించబడదు?
బ్రౌజర్‌లు ఫేవికాన్‌లను దూకుడుగా కాష్ చేస్తాయి, కొన్నిసార్లు కొన్ని రోజులు. కాష్‌ని క్లియర్ చేయడం ద్వారా, ఐకాన్ URLని నేరుగా తెరవడం ద్వారా లేదా లింక్ ట్యాగ్‌కి సంస్కరణ ప్రశ్న పారామీటర్‌ని జోడించడం ద్వారా బలవంతంగా రిఫ్రెష్ చేయండి.
నా చిత్రం సర్వర్‌కి అప్‌లోడ్ చేయబడిందా?
లేదు. మీ బ్రౌజర్‌లో జనరేషన్ జరుగుతుంది.
నేను SVG లేదా PNG ఉపయోగించాలా?
మూలం కోసం SVG (రిజల్యూషన్-స్వతంత్రం). జనరేటర్ నిర్దిష్ట పరిమాణాలలో PNGలను అవుట్‌పుట్ చేస్తుంది; ఆధునిక బ్రౌజర్‌లు rel=icon type=image/svg+xml లింక్ ద్వారా SVG ఫేవికాన్‌లకు కూడా మద్దతు ఇస్తాయి.
site.webmanifest అంటే ఏమిటి?
చిహ్నాలు, రంగులు మరియు ఇతర మెటాడేటాను వివరించే ప్రగతిశీల వెబ్ యాప్‌ల కోసం JSON మానిఫెస్ట్. ఇన్‌స్టాల్ చేయగల వెబ్ యాప్‌ల కోసం అవసరం; ప్రామాణిక సైట్‌లలో కూడా చేర్చడం హానికరం.