Favicon គឺជារូបតំណាងតូចមួយដែលបង្ហាញនៅលើផ្ទាំង Browser, Bookmarks និងលទ្ធផលស្វែងរក។ ឧបករណ៍នេះបង្កើតកញ្ចប់ Icon ពេញលេញចេញពីប្រភពតែមួយ។ គ្រាន់តែ Upload Logo ឬរូបថត (វានឹងត្រូវកាត់ជារាងការ៉េចំកណ្តាល ជាមួយជម្រើសបន្ថែមគម្លាត padding និងពណ៌ផ្ទៃក្រោយ) ឬបង្កើត Icon ពីអក្សរមួយឬពីរតួ ឬ emoji ជាមួយពណ៌ផ្ទៃក្រោយ ពណ៌អក្សរ និងរាងតាមចិត្ត៖ ការ៉េ ជ្រុងមូល ឬរង្វង់។
អ្នកនឹងទទួលបាន favicon.ico ដែលមានទំហំ 16, 32 និង 48 px, រូបភាព PNG ដាច់ដោយឡែកទំហំ 16×16 និង 32×32, Apple touch icon ទំហំ 180×180, Android Chrome icon ទំហំ 192 និង 512 px និងឯកសារ site.webmanifest ទាំងអស់នៅក្នុង ZIP តែមួយ ព្រមទាំងកូដ HTML <link> សម្រាប់យកទៅបិទភ្ជាប់ក្នុង head នៃទំព័ររបស់អ្នក។ មានផ្ទាំង Browser គំរូបង្ហាញរូបរាងជាក់ស្តែង។ ឯកសាររបស់អ្នកត្រូវបានបង្កើតឡើងក្នុង Browser ផ្ទាល់។
របៀបប្រើឧបករណ៍ ឧបករណ៍បង្កើត Favicon
- ជ្រើសរើស Image ដើម្បីយករូប Logo ឬជ្រើសរើស Text ដើម្បីវាយអក្សរ ឬ emoji។
- កែសម្រួល padding, ពណ៌ផ្ទៃក្រោយ, ពណ៌អក្សរ និងរូបរាង រហូតដល់ផ្ទាំងមើលសាកល្បងមើលទៅសមរម្យ។
- ពិនិត្យផ្ទាំង Browser គំរូ និងទំហំមើលសាកល្បងនានា។
- ទាញយកឯកសារ ZIP និងចម្លងកូដ HTML។
- Upload ឯកសារទាំងអស់ទៅកាន់ Root Folder នៃគេហទំព័ររបស់អ្នក ហើយបិទភ្ជាប់កូដក្នុងចន្លោះ
<head>។
ហេតុអ្វីប្រើ ឧបករណ៍បង្កើត Favicon របស់ ToolOrca
- favicon.ico មានទំហំ 16, 32 និង 48 px ស្រាប់
- Apple touch icon និង Android Chrome icon
- បង្កើតពីរូបភាព អក្សរ ឬ emoji
- រាងការ៉េ ជ្រុងមូល ឬរង្វង់មូល
- មានឯកសារ ZIP រួមបញ្ចូលទាំង site.webmanifest
- កូដ HTML link ងាយស្រួលចម្លងយកទៅប្រើ
តើអ្នកពិតជាត្រូវការឯកសារ Favicon ណាខ្លះ?
favicon.ico នៅក្នុង Root នៃគេហទំព័រនៅតែជាជម្រើសដែលមានភាពស៊ីគ្នាខ្ពស់បំផុត ព្រោះ Browser នឹងទាញយកវាដោយស្វ័យប្រវត្តិសូម្បីតែគ្មាន tag link ក៏ដោយ។ PNG ទំហំ 32×32 ត្រូវបានប្រើដោយ Browser កុំព្យូទ័រទំនើបភាគច្រើន, apple-touch-icon.png ទំហំ 180×180 បង្ហាញនៅពេលមានអ្នកបន្ថែមគេហទំព័ររបស់អ្នកទៅកាន់ Home Screen នៃ iPhone ឬ iPad ហើយ Icon ទំហំ 192 និង 512 px ត្រូវបានប្រើដោយ Android និង Web App ដែលអាចដំឡើងបានតាមរយៈឯកសារ manifest។
Upload ឯកសារទាំងអស់ទៅកាន់ Root Folder នៃគេហទំព័ររបស់អ្នក ហើយបន្ថែមបន្ទាត់កូដ HTML ទៅក្នុងគ្រប់ទំព័រ ជាទូទៅគឺដាក់ក្នុង header template រួម។ Browser តែងតែរក្សាទុក Favicon ក្នុង Cache យ៉ាងយូរ ដូច្នេះប្រសិនបើអ្នកប្តូររូបថ្មី អ្នកប្រហែលជាត្រូវ hard refresh ឬបើកផ្ទាំងថ្មីដើម្បីឃើញការផ្លាស់ប្តូរ។
ការរចនា Icon ឱ្យមើលដឹងច្បាស់នៅទំហំ 16 ភីកសែល
Logo ពេញលេញដែលមានអក្សរច្រើននឹងមើលទៅព្រាលៗនៅទំហំ 16 px។ ចូរប្រើនិមិត្តសញ្ញាសាមញ្ញ អក្សរតែមួយតួ ឬ emoji ដែលមានកម្រិតពណ៌ដាច់ច្បាស់ធៀបនឹងផ្ទៃក្រោយ។ រូបរាងដិតច្បាស់ និងពណ៌ត្រឹមពីរពណ៌ដំណើរការល្អបំផុត។ គួរពិនិត្យមើលផ្ទាំងសាកល្បងទំហំ 16 px មុនពេលអ្នកទាញយក។
សំណួរដែលសួរញឹកញាប់
តើ Favicon គួរមានទំហំប៉ុន្មាន?
ទំហំស្តង់ដារបុរាណគឺ 16×16 និង 32×32 px ព្រមទាំង 48×48 px សម្រាប់ shortcut លើ Windows។ ឧបករណ៍នេះរួមបញ្ចូលទំហំទាំងបីក្នុង favicon.ico និងបង្កើតរូបភាព PNG ទំហំ 180, 192 និង 512 px សម្រាប់ទូរសព្ទ និង Web App ផងដែរ។
តើខ្ញុំអាចប្រើ Emoji ធ្វើជា Favicon បានទេ?
បាន។ ជ្រើសរើស Text mode រួចបញ្ចូល emoji។ សូមចំណាំថា emoji ត្រូវបានបង្ហាញតាមពុម្ពអក្សរ emoji លើឧបករណ៍របស់អ្នក ដូច្នេះរូប Icon នឹងបង្ហាញជារចនាប័ទ្មរបស់ Apple, Google ឬ Microsoft អាស្រ័យលើឧបករណ៍ដែលអ្នកបង្កើតវា។
តើឯកសារ ICO ពិតប្រាកដ ឬគ្រាន់តែជា PNG ប្តូរឈ្មោះ?
វាជាឯកសារ ICO ពិតប្រាកដដែលមានច្រើនទំហំរួមបញ្ចូលគ្នា (multi-size)។ ទំហំនីមួយៗត្រូវបានរក្សាទុកជាទិន្នន័យ PNG ដែលទម្រង់ ICO អនុញ្ញាត ហើយ Browser បច្ចុប្បន្នទាំងអស់សុទ្ធតែគាំទ្រ។
តើខ្ញុំត្រូវដាក់ឯកសារ Favicon នៅទីណា?
Upload ពួកវាទៅកាន់ Root Folder នៃគេហទំព័ររបស់អ្នក (Folder តែមួយជាមួយទំព័រដើម) ហើយបិទភ្ជាប់កូដ HTML link ចូលទៅក្នុងផ្នែក <head> នៃទំព័ររបស់អ្នក។
តើឯកសារ Logo របស់ខ្ញុំត្រូវបាន Upload ដែរទេ?
ទេ មិនត្រូវបាន Upload ទេ។ គ្រប់ Icon ទាំងអស់ រួមទាំងឯកសារ ICO និង ZIP ត្រូវបានបង្កើតឡើងដោយ Browser នៅលើឧបករណ៍របស់អ្នកផ្ទាល់។