ఫేవికాన్ జనరేటర్
ఒకే PNG, JPG లేదా SVGని favicon.icoగా మరియు మీ సైట్‌కు అవసరమైన ప్రతి ఐకాన్ పరిమాణంగా మార్చండి, అన్నీ ఒకే ZIPలో లభిస్తాయి.
మొత్తం చిత్రం కనిపిస్తుంది, చుట్టూ ప్యాడింగ్‌తో మధ్యలో ఉంచబడుతుంది.
బ్రౌజర్ ట్యాబ్‌లకు పారదర్శక రంగు సరిపోతుంది; iPhone హోమ్-స్క్రీన్ చిహ్నాల కోసం బ్యాక్‌గ్రౌండ్ రంగు సురక్షితం.
మీ ఫేవికాన్ మరియు ఐకాన్ ప్యాక్ ఇక్కడ కనిపిస్తాయి.
ఫైల్‌లను మీ సైట్ యొక్క రూట్ ఫోల్డర్‌లో ఉంచండి, ఆపై ప్రతి పేజీకి ఈ లైన్‌లను జోడించండి.
మీ చిత్రం మీ బ్రౌజర్‌లోనే చిహ్నాలుగా మార్చబడుతుంది. BroBroGoకి ఏదీ అప్‌లోడ్ చేయబడదు.
తరచుగా అడిగే ప్రశ్నలు
ఐకాన్ ప్యాక్‌లో ఏ ఫైల్‌లు ఉంటాయి?
లోపల 16, 32 మరియు 48 పిక్సెల్ వెర్షన్‌లతో కూడిన favicon.ico, 16, 32, 180, 192 మరియు 512 పిక్సెల్‌ల వద్ద PNG చిహ్నాలు మరియు పెద్ద చిహ్నాలను జాబితా చేసే site.webmanifest ఉంటాయి. మీరు SVG నుండి ప్రారంభిస్తే వెక్టర్ కూడా చేర్చబడుతుంది. ఒకే ZIPలో అన్నీ ఉంటాయి.
నా సోర్స్ చిత్రం ఏ పరిమాణంలో ఉండాలి?
SVG అనువైనది — ప్రతి ఐకాన్ వెక్టర్ నుండి గీయబడుతుంది, కాబట్టి 16 పిక్సెల్‌లు కూడా స్పష్టంగా ఉంటాయి. PNG లేదా JPG కోసం, కనీసం 512 × 512 నుండి ప్రారంభించండి; చిన్న చిత్రాలు అప్‌స్కేల్ చేయబడి మసకగా కనిపించవచ్చు.
బ్యాక్‌గ్రౌండ్ పారదర్శకంగా ఉండాలా లేదా రంగును కలిగి ఉండాలా?
ట్యాబ్ చిహ్నాలు పారదర్శకంగా ఉంటే బాగుంటాయి. అయితే, iPhone మరియు iPad హోమ్ స్క్రీన్‌లు పారదర్శక ప్రాంతాలను నలుపు రంగులోకి మారుస్తాయి — ప్రజలు మీ సైట్‌ను వారి హోమ్ స్క్రీన్‌కు జోడించే అవకాశం ఉంటే, బ్యాక్‌గ్రౌండ్ రంగును ఎంచుకోండి.
చతురస్రాకారంలో లేని చిత్రానికి ఏమవుతుంది?
చిహ్నాలు చతురస్రాకారంలో ఉంటాయి, కానీ మీ చిత్రం ఎప్పటికీ సాగదీయబడదు. డిఫాల్ట్‌గా ఇది చుట్టూ ప్యాడింగ్‌తో మధ్యలో ఉంచబడుతుంది; పొడవైన అంచులను కత్తిరించడానికి "ఫిల్ (క్రాప్)" (Fill (crop)) కి మారండి.
నా సైట్‌లో ఫైల్‌లు ఎక్కడికి వెళ్తాయి?
వాటిని మీ సైట్ యొక్క రూట్ ఫోల్డర్‌కు అప్‌లోడ్ చేయండి, తద్వారా favicon.ico అనేది /favicon.ico గా అందుబాటులో ఉంటుంది, ఆపై జనరేట్ చేయబడిన లైన్‌లను మీ పేజీల <head> లో పేస్ట్ చేయండి. బ్రౌజర్‌లు తమంతట తాముగా సరైన పరిమాణాన్ని ఎంచుకుంటాయి.