دروستکەری فاڤیکۆن
هەر وێنەیەک باربکە بۆ دروستکردنی دەستبەجێی ئایکۆنی favicon.ico بە قەبارەی جۆراوجۆر و ئایکۆنی PNG بۆ ئامێرەکانی ئەپڵ تاچ و ئەندرۆید/PWA.
وێنەکەت
وێنەیەک لێرە ڕابکێشە و دایبنێ
یان بەناو فایلەکانتدا بگەڕێ — PNG، JPG، یان WEBP
قەبارەکانی ئایکۆن
ئەو قەبارانە هەڵبژێرە کە دەتەوێت دروستیان بکەیت — favicon.ico هەمیشە قەبارەکانی ١٦/٣٢/٤٨ پیکسل لەخۆدەگرێت.
پێداچوونەوەکان
هەموو ئەوەی پێویستە دەربارەی گێڕەری فاڤیکۆن بزانیت
کام قەبارانە بەڕاستی پێویستتە، فۆرماتی .ico چۆن کار دەکات، و چۆن ئایکۆنەکان بۆ ماڵپەڕەکەت زیاد بکەیت.
- وێنەیەکی چوارگۆشە باربکە و دەستبەجێ فایلێکی favicon.ico لەگەڵ فایلەکانی PNG بۆ ئەپڵ/ئەندرۆید وەربگرە.
- هەموو شتێک لەناوخۆی وێبگەڕەکەتدا کار دەکات — وێنەکەت هەرگیز بار ناکرێت.
- بۆ بەدەستهێنانی تیژترین ئەنجام لە هەموو قەبارەیەکدا، بە وێنەیەکی چوارگۆشە دەست پێ بکە کە لانیکەم 512×512 پکس بێت.
چۆنیەتی بەکارهێنانی گەنەرەیتەری فاڤیکۆن
- بکێشە و دایبنێ یان فایلێکی وێنە هەڵبژێرە — باشتر وایە وێنەیەک بێت کە لانیکەم ٥١٢×٥١٢ پێکسڵ بێت و چوارگۆشە بێت.
- ئەو قەبارانەی ئایکۆنەکان هەڵبژێرە کە پێویستتە: favicon.ico لەگەڵ فایلەکانی Apple touch و Android/PWA بە فۆرماتی PNG.
- فایل favicon.ico ڕاستەوخۆ دابگرە، یان هەموو قەبارە هەڵبژێردراوەکانی PNG پێکەوە وەک فایلێکی ZIP دابگرە.
بۆچی فاڤیکۆنێک دروست بکەین
فاڤیکۆن ئەو ئایکۆنە بچووکەیە کە وێبگەڕەکان لە تابلەکان، نیشانەکراوەکان و مێژوودا پیشانی دەدەن — و هەمان وێنەی بنەڕەتی ئێستا بۆ ئایکۆنەکانی شاشەی سەرەکیی مۆبایلەکان و دامەزراندنە هاوشێوەی ئەپەکانی PWA بەکاردێت. ڕێکخستنی هەموو قەبارە پێویستەکان بە دەست واتە هەمان وێنە چەندین جار بە قەبارەی پکسلی جیاواز هەناردە بکەیت، پاشان هەندێکیان لە یەک فایلە .ico دا پێکەوە بنێیت.
ئەم ئامرازە بە یەک جار ئەو کارە دەکات: وێنەیەک تەنها یەک جار باربکە، و هەموو قەبارە باوەکان دروست دەکات، لەگەڵ فایلێکی favicon.ico کە بە شێوەیەکی دروست پاکێج کراوە، ڕاستەوخۆ لە وێبگەڕەکەتدا.
کامە قەبارانەکان بەڕاستی پێویستتە
| قەبارە | بۆ بەکارهێنان | بۆچی شایەنی پشکنینە |
|---|---|---|
| ١٦/٣٢/٤٨ پێکسڵ (.ico) سەرەکی | تابلەکانی وێبگەڕ، نیشانەکراوەکان، کورتکراوەکانی سەر مێز | فاڤیکۆنە کلاسیکەکە — هەموو وێبگەڕێک چاوەڕێی ئەمە دەکات. |
| ١٨٠×١٨٠ پکسڵ | iOS "زیادکردن بۆ شاشەی سەرەکی" | ئامێرەکانی ئەپڵ بەدوای ئەم قەبارە و ناوی فایلە دیاریکراوەدا دەگەڕێن. |
| ١٩٢×١٩٢ و ٥١٢×٥١٢ پێکسڵ | شاشەی سەرەکیی ئەندرۆید، هانکارییەکانی دامەزراندنی PWA | لەلایەن زۆربەی مانیفێستەکانی ئەپڵیکەیشنی وێبەوە داواکراوە بۆ ئایکۆنێکی دامەزراندنی ڕوون و ساف. |
دروستکەری فاڤیکۆن بەبێ بارکردنی فایلەکەت
وێنەکەت ڕاستەوخۆ لەلایەن جاڤاسکریپتەوە لە وێبگەڕەکەتدا بە بەکارهێنانی Canvas API دەخوێنرێتەوە — قەبارەکەی دەگۆڕدرێت، دووبارە وێنا دەکرێتەوە، و بە تەواوی لەسەر ئامێرەکەت پەیکەربەندی دەکرێت بۆ فایلەکانی .ico و .zip. هەرگیز بۆ سێرڤەرێک نانێردرێت، تۆمار ناکرێت، یان هەڵناگیرێت.
لەبەر ئەوەی هیچ شتێک بارناکرێت، هیچ سنوورێکی قەبارەی فایل لەلایەن سێرڤەرەوە نییە؛ تاکە سنووری کرداری ئەوەیە کە وێبگەڕەکەت دەتوانێت بە ئاسانی وێنەیەکی چەندە گەورە بخاتە ناو بیرگەی کاتییەوە.
وێنەکەت هەرگیز ئامێرەکەت جێناهێڵێت. گۆڕینی قەبارە و پاکێجکردنەکە بە تەواوی لەسەر لایەنی کڕیار ئەنجام دەدرێت، و هیچ شتێک تۆمار ناکرێت یان هەڵناگیرێت.
پێویستە سەرەتا قەبارەی وێنە سەرچاوەکە بگۆڕیت؟ ئامرازی گۆڕینی قەبارەی وێنە دەتوانێت یارمەتیت بدات بۆ ئامادەکردنی پێشوەختەی.
.ico بەرامبەر PNG — بەڕاستی پێویستت بە کامیانە؟
| فۆرمات | باشترین بۆ | سود و زیان |
|---|---|---|
| favicon.ico هەمیشە ئەمە لەخۆبگرە | تابلەکانی وێبگەڕ و نیشانەکراوەکان | چەندین قەبارەی جیاواز لە یەک فایلدا کۆدەکاتەوە، بەڵام بۆ ئایکۆنەکانی شاشەی سەرەکی بەکارناهێنرێت. |
| ئایکۆنەکانی PNG (١٨٠/١٩٢/٥١٢ پکسڵ) | ئایکۆنەکانی شاشەی سەرەکی و دامەزراندنی PWA | بۆ ئەپڵ/ئەندرۆید بە جیا پێویستە — تەنها فایلێکی .ico بەس نییە بۆیان. |
زۆربەی ماڵپەڕەکان پێویستیان بە هەردووکیانە: فایلە .icoـەکە بۆ تابی وێبگەڕ، و سێتی PNGـیەکە کە لە تەگەکانی `<link>`ـی HTML و مانایفێستی ئەپی وێبدا ئاماژەی پێکراوە بۆ ئایکۆنەکانی شاشەی سەرەکی.
خەڵک ئامرازی دروستکردنی فاڤیکۆن بۆ چی بەکاردەهێنن؟
- وێبسایتە نوێیەکان دامەزراندنی سێتێکی تەواوی فاوایکۆن و تاچ-ایکۆن لەسەر بنەمای لۆگۆ.
- ڕیبڕاندینگ: گۆڕینی فاڤیکۆنێکی کۆن لە هەموو شوێنێک کە ئاماژەی پێکراوە.
- PWAs & web appsGenerating the icon sizes a web app manifest requires.
- دروستکەرەکانی ماڵپەڕی جێگیر. بەرهەمهێنانی ئایکۆن بۆ دانان ڕاستەوخۆ لە فۆڵدەری گشتیی پڕۆژەیەکدا.
- کاری کڕیار: بەخێرایی گەیاندنی سێتێکی تەواوی ئایکۆن بەبێ بەرنامەی دیزاین.
ئەم ئامێرە چۆن کار دەکات
وێنەکەت لەسەر کانڤاسێکی HTML لە هەر ڕوونییەکی هەڵبژێردراودا قەبارەکەی دەگۆڕدرێت، پاشان پەکدەکرێت بۆ ناو کۆنتەینەرێکی .icoی ستانداردپێور (لەگەڵ چوارچێوەی PNGی ناوەندکراودا) و، بە شێوەی ئارەزوومەندانە، فایلێکی .zipی PNGە تاکەکان — هەمووی ڕاستەوخۆ لە وێبگەڕەکەتدا لە ڕێگەی جاڤاسکریپتەوە دروست دەکرێت، بەبێ ئەوەی هیچ شتێک باربکرێت، هەڵبگیرێت، یان تۆمار بکرێت.
دوایین نوێکردنەوە: ١٤ی ئەیلوولی ٢٠٢٦.
ئایا ئەم ڕێبەرە بەسوود بوو؟
ئامرازی زیاتر لە سندوقەکەدا
چواردە ئامرازی دیکەی خۆڕایی و بێ کلیلەی API لە لاپەڕەی سەرەکیدا بەردەستن.
ژمێرەری وشەکان
ژماردنی ڕاستەوخۆی وشە، پیت، ڕستە و پەرەگراف.
گۆڕەری قەبارەی وێنە
گۆڕینی قەبارەی وێنەکانی JPG و PNG و WEBP بە پێکسڵ یان ڕێژە.
وێنە بۆ PDF
وێنەکان بکە بە یەک PDFی داگرتنی.
ڕێکخەری جەیسن
JSON جوان بکە، بچووک بکەرەوە و پشتڕاستی بکەرەوە لەگەڵ ئاماژەی هەڵە.
دروستکەری وشەی نهێنی
وشەی نهێنیی هەڕەمەکیی بەهێز بە ڕێسای تایبەت.