ਮੁਫ਼ਤ PNG ਤੋਂ ICO ਫੇਵੀਕਾਨ ਕਨਵਰਟਰ

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

ਬਦਲਾਅ ਇਸ ਟੂਲ ਵਿੱਚ ਸਿੱਧੇ ਲਿਖੇ ਦੋ ਤਰੀਕਿਆਂ ਨਾਲ ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ: ਹਰ icon ਫ੍ਰੇਮ ਨੂੰ ਸਕੇਲ ਕਰਨ ਅਤੇ ਬਣਾਉਣ ਲਈ Canvas API, ਅਤੇ ਇੱਕ ਹੱਥ ਨਾਲ ਲਿਖਿਆ ICO binary encoder ਜੋ ਉਨ੍ਹਾਂ ਫ੍ਰੇਮਾਂ ਨੂੰ ਇੱਕ .ico ਫ਼ਾਈਲ ਵਿੱਚ ਪੈਕ ਕਰਦਾ ਹੈ — ਕੋਈ ਲਾਇਬ੍ਰੇਰੀ ਡਾਊਨਲੋਡ ਨਹੀਂ ਹੁੰਦੀ, ਅਤੇ ਕੋਈ ਫ਼ਾਈਲ ਕਦੇ ਤੁਹਾਡੀ ਡਿਵਾਈਸ ਤੋਂ ਬਾਹਰ ਨਹੀਂ ਜਾਂਦੀ।

1. 1
   ਚਿੱਤਰ canvas ਵਿੱਚ ਡੀਕੋਡ ਹੁੰਦਾ ਹੈ

   ਤੁਹਾਡੀ ਅੱਪਲੋਡ ਕੀਤੀ PNG, JPEG, WebP ਜਾਂ SVG ਇੱਕ HTMLImageElement ਵਿੱਚ ਲੋਡ ਹੋ ਕੇ ਹਰ ਮੰਗੇ ਆਕਾਰ (16×16 ਤੋਂ 256×256) 'ਤੇ off-screen canvas 'ਤੇ ਬਣਾਈ ਜਾਂਦੀ ਹੈ। canvas ਉੱਚ-ਕੁਆਲਿਟੀ bicubic smoothing ਵਰਤਦਾ ਹੈ ਅਤੇ ਤੁਹਾਡੀ fit ਚੋਣ ਮੰਨਦਾ ਹੈ: 'contain' ਚਿੱਤਰ ਨੂੰ ਪਾਰਦਰਸ਼ੀ ਜਾਂ ਰੰਗੀਨ padding ਨਾਲ ਘੇਰਦਾ ਹੈ, ਜਦਕਿ 'cover' ਸਰੋਤ ਤੋਂ ਵਿਚਕਾਰਲਾ ਵਰਗ ਕੱਟਦਾ ਹੈ।
2. 2
   ਹਰ ਫ੍ਰੇਮ PNG bytes ਵਜੋਂ ਐਕਸਪੋਰਟ

   ਬ੍ਰਾਊਜ਼ਰ ਦਾ ਬਿਲਟ-ਇਨ canvas.toBlob('image/png') ਹਰ ਸਕੇਲ ਕੀਤੇ ਫ੍ਰੇਮ ਨੂੰ lossless PNG ਵਿੱਚ ਐਨਕੋਡ ਕਰਦਾ ਹੈ। ਇਹ ਕੱਚੇ bytes ਹੀ .ico container ਅੰਦਰ ਰੱਖੇ ਜਾਂਦੇ ਹਨ — ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰ ਅਤੇ Windows PNG-in-ICO ਮੂਲ ਰੂਪ ਵਿੱਚ ਸੰਭਾਲਦੇ ਹਨ, ਜੋ ਫ਼ਾਈਲ ਆਕਾਰ ਪੁਰਾਣੇ BMP-ਅਧਾਰਿਤ ਫਾਰਮੈਟ ਨਾਲੋਂ ਛੋਟੇ ਰੱਖਦਾ ਹੈ।
3. 3
   ICO binary ਮੈਮਰੀ ਵਿੱਚ ਜੋੜੀ ਜਾਂਦੀ ਹੈ

   ਇੱਕ ਹੱਥ ਨਾਲ ਲਿਖਿਆ encoder DataView ਨਾਲ ਸ਼ੁਰੂ ਤੋਂ .ico ਫ਼ਾਈਲ ਬਣਤਰ ਬਣਾਉਂਦਾ ਹੈ: 6-byte ICONDIR header ਚਿੱਤਰਾਂ ਦੀ ਗਿਣਤੀ ਦੱਸਦਾ ਹੈ, ਫਿਰ ਹਰ ਆਕਾਰ ਲਈ 16-byte directory entry (ਚੌੜਾਈ, ਉਚਾਈ, bit-depth, byte ਲੰਬਾਈ, ਅਤੇ data offset ਦਰਜ ਕਰਦੀ), ਫਿਰ ਸਾਰੇ PNG payloads ਕ੍ਰਮ ਵਿੱਚ ਜੋੜੇ। ਕੋਈ ਤੀਜੀ-ਧਿਰ ਲਾਇਬ੍ਰੇਰੀ ਸ਼ਾਮਲ ਨਹੀਂ।
4. 4
   ਝਲਕ ਦਿਖਾਈ ਜਾਂਦੀ ਹੈ, ਫ਼ਾਈਲ ਡਾਊਨਲੋਡ ਹੁੰਦੀ ਹੈ

   ਡਾਊਨਲੋਡ ਦੇਣ ਤੋਂ ਪਹਿਲਾਂ, UI ਹਰ ਪੈਕ ਕੀਤੇ ਆਕਾਰ ਦੀ pixel-ਸਟੀਕ ਝਲਕ checkerboard ਪਿਛੋਕੜ 'ਤੇ ਦਿਖਾਉਂਦਾ ਹੈ ਤਾਂ ਜੋ ਸੇਵ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਤੁਸੀਂ ਪਾਰਦਰਸ਼ਤਾ ਜਾਂਚ ਸਕੋ। ਬਣਿਆ Blob ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਡਾਊਨਲੋਡ ਤਰੀਕੇ ਨੂੰ 'favicon.ico' ਵਜੋਂ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ।

ਸੰਬੰਧਿਤ ਟੂਲ