இணைய டெவலப்பர்கள் மற்றும் இணையதள உரிமையாளர்கள் கவனம் செலுத்துங்கள்: நீங்கள் விழித்திரை-தயாரான iOS புக்மார்க் ஐகானை அமைக்க வேண்டும். புக்மார்க் ஐகான்கள் ஆப்பிள் டச் ஐகான் என்று அழைக்கப்படுகின்றன, மேலும் இந்த தனிப்பயன் படங்கள் ஐபாடில் இணையதளத்தை புக்மார்க் செய்யும் போது பயனர் முகப்புத் திரையில் காட்டப்படும் ஐகானாக மாறும், iPhone, அல்லது iOS இல் iPod touch அல்லது OS Xக்கான Safari இன் புக்மார்க்குகள் பேனல்.தனிப்பயன் ஆப்பிள்-டச்-ஐகான் கோப்பு தொகுப்பு இல்லாமல், பயனர்கள் வலைப்பக்கத்தின் சலிப்பான மற்றும் அடிக்கடி அசிங்கமான சிறுபடத்தைப் பெறுவார்கள், மேலும் விழித்திரை-தயாரான ஐகானைப் பயன்படுத்தாமல், புக்மார்க்குகள் ஐகான் புதிய ஐபாட் திரையில் பிக்ஸலேட்டாகவும் பொதுவாக மோசமானதாகவும் இருக்கும்.

எந்தவொரு இணையதளத்திற்கும் சில எளிய படிகளில் விழித்திரையில் சரியான ஆப்பிள் டச் ஐகானை உருவாக்க நீங்கள் செய்ய வேண்டியது இங்கே.

1) ரெடினா-ரெடி iOS இணையதள ஐகானை உருவாக்கவும்

ஒரு டெம்ப்ளேட்டைப் பயன்படுத்தவும் அல்லது சொந்தமாக வடிவமைக்கவும். முந்தைய இடுகையில் குறிப்பிடப்பட்ட எளிதான DIY விழித்திரை ஐகான் கிட்டை நான் பயன்படுத்தினேன், இது ஒரு PSD கோப்பாகும், இது அழகாக இருக்கும் iOS ஐகான்களை ஒரே கிளிக்கில் எளிதாக வடிவமைக்கிறது. இணையதளம் அல்லது நிறுவனத்தின் லோகோவில் ஒட்டவும், நீங்கள் செல்ல மிகவும் நல்லது. PSD கோப்புகளைத் திருத்துவதற்கு உங்களிடம் எதுவும் இல்லை என்றால், ஃபோட்டோஷாப் CS6 பீட்டா சிறந்தது மற்றும் இறுதிப் பதிப்பு ஆண்டின் பிற்பகுதியில் வெளிவரும் வரை பதிவிறக்கம் செய்து பயன்படுத்த இலவசம்.

2) PNG ஆக சேமிக்கவும் & ரெடினா இணையதள புக்மார்க் ஐகானுக்கு பெயரிடவும்

ஐகான் ஒரு PNG ஆக இருக்க வேண்டும், மேலும் அது இரண்டு விஷயங்களில் ஏதாவது ஒன்றைப் பெயரிட வேண்டும். ஒவ்வொரு கோப்பு பெயரும் பயனர் முகப்புத் திரையில் காட்டப்படும் ஐகானின் சற்று வித்தியாசமான தோற்றத்தை வழங்குகிறது:

• “apple-touch-icon.png” ஐகானில் ஹைலைட் குமிழி மேலடுக்கை சேர்க்கும்
• “apple-touch-icon-precomposed.png” ஐகானை முதலில் உருவாக்கியபடி, ஹைலைட் மேலடுக்கு இல்லாமல் காண்பிக்கும்

உங்கள் சொந்த சிறப்பம்சத்தை நீங்கள் உருவாக்கியிருந்தால் அல்லது ஆப்பிளின் பெரும்பாலான இயல்புநிலை ஐகான்களில் தோன்றும் எங்கும் நிறைந்த குமிழி இல்லாமல் ஐகான் மிகவும் தட்டையாகத் தோன்ற விரும்பினால், பிந்தைய-முன்கூட்டிய விருப்பத்தைப் பயன்படுத்தவும்.

3) இணையதள புக்மார்க் டச் ஐகானை அடிப்படை வலை கோப்பகத்தில் பதிவேற்றவும்

apple-touch-icon.png கோப்பை ரூட் வெப் டைரக்டரியில் நகலெடுக்க SFTP கிளையண்டைப் பயன்படுத்தவும் (OS X ஆனது FTPயை ஃபைண்டரில் சேர்க்கிறது, மேலும் CyberDuck அல்லது Filezilla இலவசம்). இது பொதுவாக தளங்களின் முக்கிய குறியீட்டு கோப்பு அமைந்துள்ள அதே இடமாகும். பதிவேற்றியதும், இணைய உலாவியைத் திறந்து "http://SITEURL.com/apple-touch-icon.png" என்பதற்குச் சென்று, அது ஏற்றப்படுவதை உறுதிசெய்து, அது சரியான இடத்தில் உள்ளதா என்பதை உறுதிப்படுத்தவும்.

OSXDaily.com இலிருந்து 512×512 விழித்திரை-தயாரான புக்மார்க் ஐகானுக்கான எடுத்துக்காட்டு:

-முன்கூட்டிய கொடி இல்லாமல், மேலே உள்ள ஐகான் ஹைலைட் குமிழியைக் காண்பிக்கும் என்பதைக் கவனியுங்கள். புக்மார்க்காக ஸ்கிரீன்ஷாட்களில் காட்டப்பட்டுள்ள ஐகானுடன் உண்மையான ஐகானை ஒப்பிடுவதன் மூலம் இரண்டிற்கும் இடையே உள்ள வித்தியாசத்தை நீங்கள் பார்க்கலாம்.

4) iOS சாதனத்தைப் பயன்படுத்தி, தளத்தைப் புக்மார்க் செய்யவும்

இது எளிதான பகுதியாகும், iOS சாதனத்தை எடுத்து (விழித்திரையின் அம்சத்தை உறுதிப்படுத்த ஐபாட் 3 சிறந்தது) மற்றும் சஃபாரியைத் திறக்கவும்.நீங்கள் ஐகானைப் பதிவேற்றிய இணையதளத்தைப் புதுப்பித்து, அம்புக்குறி ஐகானைத் தட்டி, புக்மார்க்கின் பெயரை "முகப்புத் திரையில் சேர்" என்பதைத் தேர்ந்தெடுத்து, அது இருப்பதை உறுதிப்படுத்த முகப்புத் திரைக்குத் திரும்பவும்.

512 x 512 பிக்சல்கள் இருந்தாலும், ரெடினா ஐகான் பழைய ஐபோன்கள் மற்றும் விழித்திரை அல்லாத சாதனங்களில் நன்றாகக் குறையும். நீங்கள் உண்மையிலேயே விரும்பினால், வெவ்வேறு சாதனங்களில் வெவ்வேறு அளவிலான ஐகான்களைக் காட்ட CSS மற்றும் HTML ஐப் பயன்படுத்தலாம், ஆனால் அது உண்மையில் தேவையில்லை.

இப்போது யாராவது உங்கள் இணைய தளத்தை ஐபேடில் ரெட்டினா டிஸ்ப்ளே மூலம் புக்மார்க் செய்தால், அது அவர்களின் முகப்புத் திரையில் மிகவும் சிறப்பாக இருக்கும். அது உண்மையில் அதில் உள்ளது. ஆம், நாங்கள் முன்பே ஆப்பிள் டச் ஐகானைப் பற்றி எழுதியுள்ளோம், ஆனால் ஐபாட் 3 அதிக தெளிவுத்திறன் கொண்ட ஐகான்கள் மற்றும் கிராபிக்ஸ்களைக் கோருகிறது என்பதை இப்போது குறிப்பிட வேண்டும்.