వెబ్‌సైట్‌ల iPhone Bookmark FavIconను అనుకూలీకరించడానికి “apple-touch-icon.png”ని సెట్ చేయండి

విషయ సూచిక:

Anonim

మీరు మీ స్వంత వెబ్‌సైట్‌ను కలిగి ఉంటే లేదా మరొకరి కోసం ఒక వెబ్‌సైట్‌ను అభివృద్ధి చేస్తుంటే, మీరు యూజర్ల iOS హోమ్ స్క్రీన్‌లో కనిపించే సేవ్ చేసిన బుక్‌మార్క్ చిహ్నాన్ని అనుకూలీకరించాలి. ఎగువ స్క్రీన్‌షాట్‌లో మీరు ఐఫోన్ స్క్రీన్‌పై కస్టమ్ OSXDaily ఫేవికాన్ కూర్చుని చూస్తారు.

Apple టచ్ చిహ్నాన్ని సెట్ చేయడం మంచి ఆలోచన ఎందుకంటే డిఫాల్ట్‌గా iOS సైట్ యొక్క చిన్న సూక్ష్మచిత్రాన్ని సేవ్ చేస్తుంది. చిన్న సూక్ష్మచిత్రాలను గుర్తించడం చాలా కష్టం మరియు సాధారణంగా అంత గొప్పగా కనిపించడం లేదు, కాబట్టి బదులుగా మీ స్వంత ఫేవికాన్ చిత్రాన్ని సెట్ చేద్దాం.

వెబ్‌సైట్ కోసం Apple టచ్ చిహ్నాన్ని అనుకూలీకరించడం మరియు సెట్ చేయడం ఎలా

  • చిహ్నాన్ని సృష్టించండి, అది చతురస్రంగా ఉందని నిర్ధారించుకోండి, ఇక్కడ OSXDaily.comలో ఉన్నది 512×512 పిక్సెల్‌లు, కానీ మీకు నిజంగా కావాలంటే మీరు ఇతర చతురస్రాకార పరిమాణాలను ఎంచుకోవచ్చు - పెద్దది సరైనదని గమనించండి రెటీనా డిస్ప్లేలు
  • హోమ్ స్క్రీన్ చిహ్నాన్ని PNG ఫైల్‌గా సేవ్ చేసి, దానిని లేబుల్ చేయండి: apple-touch-icon.png
  • apple-touch-icon.pngని రూట్ వెబ్‌సర్వర్ డైరెక్టరీలోకి వదలండి, కనుక దీన్ని domain.com/apple-touch-icon.png
  • iOSలో Safari నుండి సైట్‌ని సందర్శించడం ద్వారా మీ వెబ్‌సైట్ హోమ్‌స్క్రీన్ బుక్‌మార్క్ చిహ్నాన్ని పరీక్షించండి, ఆపై "హోమ్ స్క్రీన్‌కి జోడించు"
  • iOS పరికర హోమ్‌స్క్రీన్‌ని చూడండి మరియు పైన ఉన్న స్క్రీన్‌షాట్ లాగా మీ కొత్త అనుకూల చిహ్నంతో బుక్‌మార్క్ సేవ్ చేయబడిందని మీరు చూస్తారు

ఫైల్ సరిగ్గా పేరు పెట్టబడినంత వరకు మరియు వెబ్‌సర్వర్‌ల రూట్ డైరెక్టరీలో ఉన్నంత వరకు, మొబైల్ సఫారి దానితో ఏమి చేయాలో తెలుసుకుంటుంది కాబట్టి iOS నిర్దిష్ట ఫేవికాన్‌ను చూపడానికి తదుపరి సర్దుబాటు అవసరం లేదు.

రిఫరెన్స్ కోసం, మేము OSXDaily.com కోసం ఉపయోగించే మా అనుకూల 'apple-touch-icon.png' చిత్రం ఇక్కడ ఉంది, ఈ ఉదాహరణ బుక్‌మార్క్ చిహ్నం రెటీనా డిస్‌ప్లేల కోసం సృష్టించబడుతుంది మరియు తగిన పరిమాణంలో ఉంటుంది ():

అసలు ఐకాన్ ఫైల్‌లో కాంతి వక్రీభవనం ఐకాన్‌లో సేవ్ చేయబడలేదని మీరు గమనించవచ్చు, iOS దీన్ని స్వంతంగా నిర్వహిస్తుంది. మీరు మీకు కావలసిన ఏదైనా చిత్రాన్ని ఉపయోగించవచ్చు, కానీ ఇప్పటికే ఉన్న iOS చిహ్నాల యొక్క సుపరిచితమైన UIని క్యాప్చర్ చేసే ఒక చిత్రాన్ని రూపొందించాలని నేను సిఫార్సు చేస్తున్నాను.

ఇది ప్రత్యేకంగా ఒక అంకితమైన iOS యాప్‌ని కలిగి ఉండదు, కానీ వెబ్ నుండి మంచి మొబైల్ వినియోగదారు అనుభవాన్ని పొందడం మంచి ఆలోచన మరియు ఇది iOS యాప్‌ను అభివృద్ధి చేయడంలో అధిక ధరను నివారిస్తుంది.

మరియు హే, మీరు ఇలాంటి విషయాల గురించి ఆందోళన చెందుతుంటే, మీరు కనీసం చిహ్నాలను రూపొందించడానికి ఫోటోషాప్‌ని ఉపయోగించవచ్చా? కాబట్టి మీరు దాని వద్ద ఉన్నప్పుడు కొన్ని తనిఖీ చేయండి.

వెబ్‌సైట్‌ల iPhone Bookmark FavIconను అనుకూలీకరించడానికి “apple-touch-icon.png”ని సెట్ చేయండి