મફત ફેવિકોન જનરેટર

આ કેવી રીતે કાર્ય કરે છે

આ ટૂલ કોઈપણ PNG, JPEG, WebP, કે SVG ને સંપૂર્ણ favicon પેકેજમાં રૂપાંતરિત કરે છે — multi-size .ico, Apple touch icon, Android/PWA icons, web manifest, અને પેસ્ટ કરવા તૈયાર HTML સ્નિપેટ — સંપૂર્ણપણે તમારા બ્રાઉઝરમાં Canvas API અને JSZip વાપરીને. કંઈ પણ અપલોડ થતું નથી; બધું રેન્ડરિંગ અને ફાઇલ એસેમ્બલી સ્થાનિક રીતે થાય છે.

1. 1
   Canvas તમારી ઇમેજને ફરીથી સ્કેલ કરે છે

   બ્રાઉઝર તમારી સોર્સ ઇમેજને દરેક જરૂરી કદ (16, 32, 48, 180, 192, અને 512 px) પર off-screen HTML Canvas એલિમેન્ટ પર દોરે છે. સ્પષ્ટ width/height attribute વગરના SVG ને પહેલા DOMParser અને XMLSerializer દ્વારા નોર્મલાઇઝ કરવામાં આવે છે જેથી Firefox અને Chrome ખાલી કેનવાસને બદલે એકસમાન પિક્સેલ આઉટપુટ આપે.
2. 2
   હાથે લખેલ ICO એન્કોડર .ico ફાઇલ પેક કરે છે

   નાના ICO entries (16, 32, 48 px) ને raw 32-bit BGRA DIB bitmaps તરીકે એન્કોડ કરવામાં આવે છે — BITMAPINFOHEADER વત્તા bottom-up XOR rows અને 1bpp AND mask — કારણ કે Windows shell components એ કદ પર uncompressed DIB ફોર્મેટ જરૂરી છે. ટૂલ ICO directory header લખે છે અને entries ને DataView અને Uint8Array વડે સંપૂર્ણપણે જોડે છે, કોઈ બાહ્ય ICO લાઇબ્રેરી સામેલ કર્યા વગર.
3. 3
   PNG આઉટપુટ canvas.toBlob દ્વારા બનાવવામાં આવે છે

   દરેક PNG વેરિયન્ટ (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) 'image/png' સાથે canvas.toBlob કૉલ કરીને કેપ્ચર થાય છે, lossless એન્કોડિંગ બ્રાઉઝરના બિલ્ટ-ઇન ઇમેજ એન્જિનને સોંપીને. ઓપ્શનલ પેડિંગ, બેકગ્રાઉન્ડ કલર, અને shape clipping (square, rounded, કે circle) કેપ્ચર પહેલાં canvas context પર લાગુ થાય છે.
4. 4
   JSZip બધું એક ડાઉનલોડમાં બંડલ કરે છે

   JSZip બધી જનરેટ કરેલી ફાઇલો — favicon.ico, પાંચ PNGs, તમારા ઍપ નામ સાથેનું site.webmanifest, અને સાચા <link> ટૅગ્સ સાથેનું favicon-snippet.html — ને એક .zip blob માં એસેમ્બલ કરે છે જે તમારા ડિવાઇસ પર આપોઆપ ડાઉનલોડ થાય છે.

સંબંધિત સાધનો