ነፃ Favicon ፈጣሪ

እንዴት እንደሚሠራ

ይህ መሣሪያ ማንኛውንም PNG፣ JPEG፣ WebP ወይም SVG ወደ ሙሉ የfavicon ጥቅል ይቀይራል — ባለብዙ መጠን .ico፣ Apple touch icon፣ የAndroid/PWA አዶዎች፣ የድር manifest እና ለመለጠፍ ዝግጁ የሆነ የHTML ቁራጭ — ሙሉ በሙሉ በአሳሽዎ ውስጥ Canvas API እና JSZip በመጠቀም። ምንም አይሰቀልም፤ ሁሉም ማሳየት እና የፋይል ማቀናጀት በአካባቢው ይከናወናል።

1. 1
   Canvas ምስልዎን በአዲስ መጠን ይስላል

   አሳሹ ምንጭ ምስልዎን በእያንዳንዱ የሚያስፈልግ መጠን (16፣ 32፣ 48፣ 180፣ 192 እና 512 px) ከማያ ገጽ ውጭ ባሉ የHTML Canvas አካላት ላይ ይስላል። ግልጽ የwidth/height ባህሪያት የሌላቸው SVGዎች Firefox እና Chrome ባዶ ሸራ ሳይሆን ተመሳሳይ የፒክሰል ውጤት እንዲያመርቱ መጀመሪያ በDOMParser እና በXMLSerializer ይስተካከላሉ።
2. 2
   በእጅ የተጻፈ የICO ኢንኮደር የ.ico ፋይሉን ያዘጋጃል

   ትናንሽ የICO ግቤቶች (16፣ 32፣ 48 px) እንደ ጥሬ ባለ 32 ቢት BGRA DIB ቢትማፖች ይቀረጻሉ — BITMAPINFOHEADER እና ከታች ወደ ላይ የሚሄዱ XOR ረድፎች እና ባለ 1bpp AND ጭምብል — ምክንያቱም የWindows ሼል ክፍሎች በእነዚያ መጠኖች ያልተጨመቀ የDIB ቅርጸት ይፈልጋሉ። መሣሪያው የICO ማውጫ ራስጌውን ይጽፋል እና ግቤቶቹን ሙሉ በሙሉ በDataView እና Uint8Array ያጣምራል፤ ምንም ውጫዊ የICO ላይብረሪ አይሳተፍም።
3. 3
   የPNG ውጤቶች በcanvas.toBlob ይመረታሉ

   እያንዳንዱ የPNG ዓይነት (favicon-16x16፣ favicon-32x32፣ apple-touch-icon-180x180፣ android-chrome-192x192፣ android-chrome-512x512) canvas.toBlobን በ'image/png' በመጥራት ይያዛል፤ ኪሳራ-አልባውን ኮድ ማድረግ ለአሳሹ አብሮገነብ የምስል ሞተር ይተዋል። አማራጭ ህዳግ፣ የዳራ ቀለም እና የቅርጽ መቁረጥ (ካሬ፣ የተጠጋጋ ወይም ክብ) ከመያዙ በፊት በሸራው ላይ ይተገበራሉ።
4. 4
   JSZip ሁሉንም ነገር ወደ አንድ ማውረድ ያጠቃልላል

   JSZip ሁሉንም የተፈጠሩ ፋይሎች — favicon.ico፣ አምስቱ PNGዎች፣ የመተግበሪያዎ ስም ያለበት site.webmanifest እና ትክክለኛዎቹ የ<link> መለያዎች ያሉበት favicon-snippet.html — ወደ መሣሪያዎ በራስ-ሰር ወደሚወርድ አንድ የ.zip blob ያቀናጃል።

ተዛማጅ መሳሪያዎች