ਮੁਫ਼ਤ ਫੇਵੀਕਾਨ ਜਨਰੇਟਰ

ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ

ਇਹ ਟੂਲ ਕਿਸੇ ਵੀ PNG, JPEG, WebP ਜਾਂ SVG ਨੂੰ ਪੂਰੇ favicon ਪੈਕੇਜ ਵਿੱਚ ਬਦਲਦਾ ਹੈ — ਬਹੁ-ਆਕਾਰੀ .ico, Apple touch icon, Android/PWA icons, web manifest, ਅਤੇ ਪੇਸਟ ਲਈ ਤਿਆਰ HTML snippet — Canvas API ਅਤੇ JSZip ਵਰਤ ਕੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਅੰਦਰ। ਕੁਝ ਵੀ ਅੱਪਲੋਡ ਨਹੀਂ ਹੁੰਦਾ; ਸਾਰੀ rendering ਅਤੇ ਫ਼ਾਈਲ ਜੋੜਨਾ ਲੋਕਲ ਤੌਰ 'ਤੇ ਹੁੰਦਾ ਹੈ।

1. 1
   Canvas ਤੁਹਾਡੇ ਚਿੱਤਰ ਦਾ ਆਕਾਰ ਬਦਲਦਾ ਹੈ

   ਬ੍ਰਾਊਜ਼ਰ ਤੁਹਾਡੇ ਸਰੋਤ ਚਿੱਤਰ ਨੂੰ ਹਰ ਲੋੜੀਂਦੇ ਆਕਾਰ (16, 32, 48, 180, 192 ਅਤੇ 512 px) 'ਤੇ off-screen HTML Canvas elements ਉੱਤੇ ਬਣਾਉਂਦਾ ਹੈ। ਸਪਸ਼ਟ width/height attributes ਤੋਂ ਬਿਨਾਂ SVGs ਪਹਿਲਾਂ DOMParser ਅਤੇ XMLSerializer ਰਾਹੀਂ ਨਾਰਮਲਾਈਜ਼ ਕੀਤੇ ਜਾਂਦੇ ਹਨ ਤਾਂ ਜੋ Firefox ਅਤੇ Chrome ਖ਼ਾਲੀ canvas ਦੀ ਥਾਂ ਇੱਕੋ ਜਿਹਾ pixel ਆਉਟਪੁੱਟ ਦੇਣ।
2. 2
   ਹੱਥ ਨਾਲ ਲਿਖਿਆ ICO encoder .ico ਫ਼ਾਈਲ ਬਣਾਉਂਦਾ ਹੈ

   ਛੋਟੀਆਂ ICO entries (16, 32, 48 px) ਕੱਚੇ 32-bit BGRA DIB bitmaps ਵਜੋਂ ਐਨਕੋਡ ਹੁੰਦੀਆਂ ਹਨ — BITMAPINFOHEADER ਨਾਲ bottom-up XOR rows ਅਤੇ 1bpp AND mask — ਕਿਉਂਕਿ Windows shell components ਨੂੰ ਇਨ੍ਹਾਂ ਆਕਾਰਾਂ 'ਤੇ ਬਿਨਾਂ-ਕੰਪ੍ਰੈੱਸ 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 ਐਨਕੋਡਿੰਗ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਬਿਲਟ-ਇਨ image ਇੰਜਣ ਨੂੰ ਸੌਂਪ ਕੇ। ਵਿਕਲਪਿਕ padding, ਪਿਛੋਕੜ ਰੰਗ, ਅਤੇ ਆਕਾਰ ਕਲਿੱਪਿੰਗ (ਵਰਗ, ਗੋਲ ਕੋਨੇ, ਜਾਂ ਚੱਕਰ) ਲੈਣ ਤੋਂ ਪਹਿਲਾਂ canvas context 'ਤੇ ਲਾਗੂ ਹੁੰਦੇ ਹਨ।
4. 4
   JSZip ਸਭ ਕੁਝ ਇੱਕ ਡਾਊਨਲੋਡ ਵਿੱਚ ਬੰਨ੍ਹਦਾ ਹੈ

   JSZip ਸਾਰੀਆਂ ਬਣੀਆਂ ਫ਼ਾਈਲਾਂ — favicon.ico, ਪੰਜ PNGs, ਤੁਹਾਡੇ ਐਪ ਨਾਮ ਵਾਲੀ site.webmanifest, ਅਤੇ ਸਹੀ <link> tags ਵਾਲੀ favicon-snippet.html — ਨੂੰ ਇੱਕ .zip blob ਵਿੱਚ ਜੋੜਦਾ ਹੈ ਜੋ ਆਪਣੇ-ਆਪ ਤੁਹਾਡੀ ਡਿਵਾਈਸ 'ਤੇ ਡਾਊਨਲੋਡ ਹੁੰਦੀ ਹੈ।

ਸੰਬੰਧਿਤ ਟੂਲ