កម្មវិធីបង្កើត Favicon

វាធ្វើអ្វី

Favicon គឺជារូបតំណាងតូចដែលកម្មវិធីរុករកបង្ហាញលើផ្ទាំង ក្នុងចំណាំ និងក្នុងប្រវត្តិ ហើយទូរសព្ទក៏ប្រើវាដែរ នៅពេលមាននរណាម្នាក់បន្ថែមគេហទំព័ររបស់អ្នកទៅអេក្រង់ដើម។ កម្មវិធីបង្កើតនេះបង្កើតគ្រប់ឯកសារដែលគេហទំព័រត្រូវការ ពីរូបភាពមួយ និមិត្តសញ្ញា SVG ឬអក្សរពីរបីតួ ឬអ៊ីម៉ូជី៖ favicon.ico ដែលមានរូបភាព 16, 32 និង 48 ភីកសែល រូបតំណាង PNG ទំហំ 16, 32, 192 និង 512 ភីកសែល apple-touch-icon ទំហំ 180 ភីកសែល web manifest និងស្លាក HTML សម្រាប់បិទភ្ជាប់ក្នុងទំព័ររបស់អ្នក។

របៀបប្រើ

1. ជ្រើសរើសរូបភាព ឬ SVG ឬវាយអក្សរមួយ ឬពីរតួ ឬអ៊ីម៉ូជី។
2. កែរូបរាង ផ្ទៃខាងក្រោយ និងគម្លាត ខណៈមើលការមើលជាមុន។
3. ទាញយក ZIP ដាក់ឯកសារនៅឫសនៃគេហទំព័ររបស់អ្នក ហើយបិទភ្ជាប់ HTML ក្នុង <head>។

សំណួរដែលសួរញឹកញាប់

តើខ្ញុំត្រូវការឯកសារអ្វីខ្លះពិតប្រាកដ?
favicon.ico នៅឫសនៃគេហទំព័រគ្រប់គ្រាន់សម្រាប់គ្រប់កម្មវិធីរុករក។ apple-touch-icon.png ទំហំ 180 ភីកសែល គឺជាអ្វីដែល iPhone និង iPad បង្ហាញលើអេក្រង់ដើម ហើយ PNG ទំហំ 192 និង 512 ភីកសែលជាមួយ web manifest គឺជាអ្វីដែល Android ប្រើ។ ZIP មានទាំងអស់។

ហេតុអ្វី Apple touch icon មានផ្ទៃខាងក្រោយ?
iOS បំពេញតំបន់ថ្លានៃ touch icon ដោយពណ៌ខ្មៅ ហើយធ្វើឱ្យជ្រុងមូលដោយខ្លួនឯង ដូច្នេះរូបតំណាងនោះតែងតែជាការ៉េ និងស្រអាប់ ដោយមានពណ៌ស នៅខាងក្រោយ នៅពេលអ្នកជ្រើសរើសផ្ទៃខាងក្រោយថ្លា។

តើរូបភាពបែបណាល្អបំផុត?
និមិត្តសញ្ញា ឬនិមិត្តរូបការ៉េដែលមានព័ត៌មានលម្អិតតិច ទំហំយ៉ាងហោចណាស់ 512 ភីកសែល ឬជា SVG។ អក្សរ និងបន្ទាត់ស្តើងនឹងបាត់នៅ 16 ភីកសែល សូមពិនិត្យការមើលជាមុនទំហំ 16 និង 32 ភីកសែល ហើយប្រើគម្លាត ប្រសិនបើរូបរាងប៉ះគែម។

ហេតុអ្វី favicon ថ្មីរបស់ខ្ញុំមិនបង្ហាញ?
កម្មវិធីរុករករក្សាទុក favicon ក្នុងឃ្លាំងសម្ងាត់យូរ។ បើក favicon.ico ដោយផ្ទាល់ក្នុងកម្មវិធីរុករក ផ្ទុកឡើងវិញ ឬសាកល្បងក្នុងបង្អួចឯកជន ម៉ាស៊ីនស្វែងរកអាចចំណាយពេលច្រើនថ្ងៃ ឬច្រើនសប្តាហ៍ដើម្បីបង្ហាញរូបតំណាងថ្មី។

តើរូបភាពរបស់ខ្ញុំត្រូវបានផ្ទុកឡើងឬទេ?
ទេ។ រូបតំណាងត្រូវបានគូរ ហើយឯកសារត្រូវបានបង្កើតក្នុងកម្មវិធីរុករករបស់អ្នក គ្មានអ្វីត្រូវបានផ្ញើទៅម៉ាស៊ីនមេទេ។

⭐ កម្មវិធីបម្លែង PNG ទៅ ICO
🖼 កម្មវិធីបម្លែង SVG ទៅ PNG
📐 កម្មវិធីប្តូរទំហំរូបភាព

Wikipedia — Favicon
Wikipedia — ICO (file format)