እንዴት እንደሚሰራ

ምንጭዎን ይምረጡ

ምስል ይስቀሉ፣ ከጽሑፍ በብጁ ፊደሎች ይፍጠሩ፣ ከመቶዎች ኢሞጂዎች ይምረጡ፣ ወይም Pixel Art ይሳሉ። ነባር Favicons ለማውጣት ማንኛውንም URL ይተንትኑ።

ያብጁ እና ቅድመ እይታ

ዳራዎችን፣ ቅልመቶችን፣ ክብነትን እና ተፅእኖዎችን ያስተካክሉ። በእውነተኛ ጊዜ በ Browser ትሮች፣ iOS መነሻ ገጽ፣ Android እና Windows mockups ላይ Faviconዎን አስቀድመው ይመልከቱ።

ያመንጩ እና ያውርዱ

ሁሉንም መጠኖች በአንድ ጠቅታ ያመንጩ። ለ 35+ Frameworks ለመጠቀም ዝግጁ ከሆኑ የኮድ ቅንጥቦች ጋር የተሟላውን ጥቅል ያውርዱ።

Faviconዎን ለመፍጠር አራት መንገዶች

ምስል ይስቀሉ

በማንኛውም ምስል ይጀምሩ - PNG, JPG, SVG, ወይም WebP። ዳራዎችን ያክሉ፣ Padding፣ ብሩህነት፣ ንፅፅር ያስተካክሉ እና የተጠጋጉ ማዕዘኖችን ይተግብሩ። ለአርማዎች እና ለነባር የምርት ስም ንብረቶች ፍጹም።

ጽሑፍ ወደ Favicon

በ 1500+ Google Fonts በጽሑፍ የተመሰረቱ Favicons ይፍጠሩ። የፊደል ክብደቶችን፣ ቀለሞችን ይምረጡ እና ድፍን ወይም የቀለም ቅብ ዳራዎችን ያክሉ:: ለቀላል ፊደል ተኮር የምርት ስም አዶዎች ተስማሚ።

ኢሞጂ Favicon

ሁሉንም የሀገር ባንዲራዎች ጨምሮ በ 12 ምድቦች ከመቶዎች ኢሞጂዎች ይምረጡ። ለተስተካከለ እይታ ባለቀለም ዳራዎችን ከቅድመ-ቅምጦች ወይም ብጁ ቅልመቶች ጋር ያክሉ።

Pixel Art ሸራ

በብጁ ፍርግርግ ላይ የራስዎን Favicon ፒክሴል በፒክሴል ይሳሉ። ብዕር፣ ላጥ እና ሙላ መሳሪያዎችን ከ undo/redo ድጋፍ ጋር ይጠቀሙ። የእርስዎን Pixel Art ፈጠራ ወዲያውኑ ወደ ውጭ ይላኩ።

ኃይለኛ ባህሪዎች

100% ግላዊ

ሁሉም ሂደት በአሳሽዎ ውስጥ በአካባቢው ይከሰታል። ምስሎችዎ በጭራሽ ከመሳሪያዎ አይወጡም። ምንም ሰቀላዎች፣ ምንም የደመና ማከማቻ፣ ምንም የውሂብ መሰብሰብ የለም።

ሁሉም መድረኮች ተሸፍነዋል

ለ Browsers፣ iOS መነሻ ገጽ፣ Android Chrome፣ Windows tiles፣ Safari pinned tabs፣ እና Progressive Web Apps 15+ የ Favicon መጠኖችን ያመንጩ።

ቀጥታ ቅድመ እይታ

ከማመንጨትዎ በፊት የእርስዎ Favicon በ Browser ትሮች፣ iOS መነሻ ገጽ፣ Android ማስጀመሪያ እና Windows tiles ላይ ምን እንደሚመስል በትክክል ይመልከቱ።

35+ Framework ቅንጥቦች

HTML, React, Vue, Next.js, Nuxt, Angular, Astro, Svelte, WordPress, Shopify, Laravel, Django, እና 25+ ተጨማሪ መድረኮች ለመጠቀም ዝግጁ የሆነ ኮድ ያግኙ።

URL ተንታኝ

ነባር Favicons ለማውጣት ማንኛውንም ድር ጣቢያ ይተንትኑ። ምን መጠኖች እንዳሉ፣ ምን እንደሚጎድል ይመልከቱ እና የተሟላ ስብስብ በአንድ ጠቅታ እንደገና ያመንጩ።

የትውልድ ታሪክ

የቅርብ ጊዜ የ Favicon ትውልዶችዎን ይድረሱባቸው። የቀድሞ ፈጠራዎችን ይመልሱ፣ ስሪቶችን ያወዳድሩ፣ ወይም ካቆሙበት ማረም ይቀጥሉ።

ፈጣን አብነቶች

በሙያዊ ከተነደፉ አብነቶች ከድፍን ቀለሞች፣ ቅልመቶች እና ቅጦች ጋር ይጀምሩ። ከብራንድዎ ጋር ለማዛመድ ይተግብሩ እና ያብጁ።

ብዙ-መጠን ICO

ለከፍተኛ Browser ተኳኋኝነት 16x16፣ 32x32፣ እና 48x48 መጠኖችን በማካተት ብዙ ጥራት ያላቸውን ICO ፋይሎች በራስ-ሰር ይፈጥራል።

የተሟላ የውጤት ጥቅል

መደበኛ Favicons

favicon.ico (ብዙ-መጠን)፣ 16x16፣ 32x32፣ እና 48x48 PNGs ለ Browser ትሮች እና ዕልባቶች።

Apple Touch አዶዎች

180x180 Apple Touch አዶ ለ iOS መነሻ ገጽ፣ እና Safari pinned tab SVG ከብጁ ገጽታ ቀለም ጋር።

Android እና PWA አዶዎች

192x192 እና 512x512 አዶዎች ለ Android Chrome እና Progressive Web Apps፣ Maskable አዶ ድጋፍን ጨምሮ።

Windows Tiles

270x270 Microsoft tile ከ browserconfig.xml ጋር ለ Windows Start menu እና taskbar ውህደት።

የድር Manifest

የተሟላ site.webmanifest ፋይል ከአዶ ማጣቀሻዎች፣ የገጽታ ቀለሞች እና PWA ማሳያ ቅንብሮች ጋር።

ተደጋግሞ የሚነሱ ጥያቄዎች

ምን የ Favicon መጠኖች ያስፈልጉኛል?

በትንሹ: favicon.ico, 32x32 PNG, 180x180 Apple Touch አዶ, እና 192x192/512x512 ለ Android/PWA። የእኛ 'አስፈላጊ' ቅድመ-ቅምጥ ሁሉንም አስፈላጊ መጠኖች በራስ-ሰር ያካትታል።

ለምን የ ICO ፋይል ያስፈልገኛል?

የ ICO ቅርጸት ብዙ መጠኖችን በአንድ ፋይል ውስጥ ይይዛል እና በሁሉም አሳሾች የቆዩ ስሪቶችን ጨምሮ ይደገፋል። ከፍተኛ ተኳኋኝነትን የሚያረጋግጥ ባህላዊ የ Favicon ቅርጸት ነው።

የእኔ Favicon ግልጽ ዳራ ሊኖረው ይገባል?

ለ Browser ትሮች፣ ግልጽነት በጥሩ ሁኔታ ይሰራል። ለ iOS እና Android መነሻ ገጾች፣ አዶዎች በተለያዩ የግድግዳ ወረቀቶች ላይ ስለሚታዩ ድፍን ወይም የቀለም ቅብ ዳራ ያስቡበት።

የምንጭ ምስሌ ካሬ መሆን አለበት?

አዎ፣ Favicons ሁልጊዜ ካሬ ናቸው። ምስልዎ ካሬ ካልሆነ፣ በትክክል ለማስማማት የእኛን Padding እና Scale መቆጣጠሪያዎች ይጠቀሙ። ለተሻለ ውጤት፣ በካሬ ምስል ይጀምሩ።

ምስሎቼ ደህና እና ግላዊ ናቸው?

100% ግላዊ። ሁሉም ሂደት በአሳሽ-ተወላጅ Canvas እና Blob APIs ይጠቀማል። ምስሎችዎ በጭራሽ ከመሳሪያዎ አይወጡም - ምንም ውሂብ አንሰቅልም፣ አናከማችም ወይም አናስተላልፍም።

የትኞቹ Frameworks ይደገፋሉ?

React, Vue, Angular, Next.js, Nuxt, Astro, Svelte, WordPress, Shopify, Laravel, Django, Ruby on Rails, እና ሌሎች ብዙዎችን ጨምሮ ለ 35+ መድረኮች የኮድ ቅንጥቦችን እናቀርባለን።

ስለ Progressive Web Apps ምን ማለት ይቻላል?

ጄነሬተራችን Maskable ተለዋዋጮችን ጨምሮ ሁሉንም አስፈላጊ PWA አዶዎች፣ እና ትክክለኛ የአዶ መግለጫዎች እና የገጽታ ቀለሞች ያሉት የተሟላ site.webmanifest ፋይል ይፈጥራል።

Favicons መረዳት

Favicons በሁሉም አሳሾች፣ ዕልባቶች፣ መነሻ ገጾች እና የመተግበሪያ ማስጀመሪያዎች ላይ የእርስዎን ድር ጣቢያ የሚወክሉ ትናንሽ አዶዎች ናቸው። የተሟላ የ Favicon ስብስብ ተጠቃሚዎች ጣቢያዎን በሚያገኙበት ቦታ ሁሉ የምርት ስምዎ ሙያዊ እና የሚታወቅ መሆኑን ያረጋግጣል።

የ ICO ቅርጸት

የ ICO ቅርጸት ብዙ መጠኖችን (16x16, 32x32, 48x48) ወደ አንድ ፋይል ያጠቃልላል። ዘመናዊ አሳሾች PNG Favicons የሚደግፉ ቢሆንም፣ ICO ከአሮጌ አሳሾች እና ከተወሰኑ የዴስክቶፕ መተግበሪያዎች ጋር ለከፍተኛ ተኳኋኝነት አስፈላጊ ሆኖ ይቆያል።

PNG አዶዎች

ዘመናዊ አሳሾች ለጠራ ጥራታቸው እና ለግልጽነት ድጋፋቸው PNG Favicons ይመርጣሉ። እያንዳንዱ መጠን አንድ ዓላማ ያገለግላል: 16px እና 32px ለ Browser ትሮች፣ 180px ለ iOS፣ እና 192px/512px ለ Android እና PWAs።

የድር መተግበሪያ Manifest

የ site.webmanifest ፋይል ጣቢያዎ እንደ PWA ሲጫን እንዴት እንደሚታይ ይገልጻል። አሳሾች መተግበሪያን የሚመስል ልምድ ለመፍጠር የሚጠቀሙባቸውን አዶዎች፣ የገጽታ ቀለሞች፣ የማሳያ ሁነታ እና ሌሎች ሜታዳታዎችን ይገልጻል።

SVG Favicons

የ Safari pinned tab ባህሪ አንድ ወጥ የሆነ SVG አዶን ይጠቀማል። ዘመናዊ አሳሾች እንዲሁ SVG Favicons በቀጥታ መደገፍ ጀምረዋል፣ ይህም ወሰን የለሽ መስፋፋት እና ትናንሽ የፋይል መጠኖችን ይሰጣል።