ਬ੍ਰਾਊਜ਼ਰ-ਅਧਾਰਿਤ ਫੈਵੀਕਨ ਤਿਆਰੀ ਕਿਵੇਂ ਕੰਮ ਕਰਦੀ ਹੈ
ਸਮੁੱਚੀ ਤਿਆਰੀ ਪਾਈਪਲਾਈਨ Canvas API ਅਤੇ fflate ਕੰਪ੍ਰੈਸ਼ਨ ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਟੈਬ ਦੇ ਅੰਦਰ ਚੱਲਦੀ ਹੈ। ਕੋਈ ਸਰਵਰ-ਸਾਈਡ ਪ੍ਰੋਸੈਸਿੰਗ ਨਹੀਂ, ਕੋਈ ਅੱਪਲੋਡ ਨਹੀਂ, ਕੋਈ ਤੀਜੀ-ਧਿਰ ਸੇਵਾਵਾਂ ਨਹੀਂ।
- ਆਪਣੀ ਸਰੋਤ ਤਸਵੀਰ ਲੋਡ ਕਰੋ ਜਾਂ ਆਪਣੇ ਟੈਕਸਟ ਜਾਂ ਇਮੋਜੀ ਨੂੰ ਉੱਚ ਰੈਜ਼ੋਲਿਊਸ਼ਨ 'ਤੇ ਇੱਕ ਆਫ਼ਸਕਰੀਨ ਕੈਨਵਸ ਉੱਤੇ ਰੈਂਡਰ ਕਰੋ। ਜੇ ਤੁਸੀਂ ਕੋਈ ਤਸਵੀਰ ਚੁਣੀ ਹੈ, ਤਾਂ ਇਹ ਬ੍ਰਾਊਜ਼ਰ ਦੁਆਰਾ ਮੂਲ ਰੂਪ ਵਿੱਚ ਡੀਕੋਡ ਹੁੰਦੀ ਹੈ। ਜੇ ਤੁਸੀਂ ਟੈਕਸਟ ਮੋਡ ਚੁਣਿਆ ਹੈ, ਤਾਂ ਪੰਨਾ ਤੁਹਾਡੇ ਸ਼ਬਦ ਨੂੰ ਚੁਣੇ ਗਏ ਫ਼ੌਂਟ, ਅਗਲੇ ਰੰਗ ਅਤੇ ਪਿਛੋਕੜ ਰੰਗ ਨਾਲ ਇੱਕ ਕੈਨਵਸ ਉੱਤੇ ਖਿੱਚਦਾ ਹੈ।
- ਹਰ ਨਿਸ਼ਾਨਾ ਅਕਾਰ (16, 32, 48, 180, 192, 512 ਪਿਕਸਲ) ਲਈ, ਪੰਨਾ ਉਸ ਸਹੀ ਮਾਪ ਵਿੱਚ ਇੱਕ ਨਵਾਂ ਆਫ਼ਸਕਰੀਨ ਕੈਨਵਸ ਬਣਾਉਂਦਾ ਹੈ, ਫਿਰ Canvas API ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਸ ਉੱਤੇ ਸਰੋਤ ਸਮੱਗਰੀ ਖਿੱਚਦਾ ਹੈ। ਬ੍ਰਾਊਜ਼ਰ ਦਾ ਅੰਦਰੂਨੀ ਤਸਵੀਰ ਮੁੜ-ਅਕਾਰ ਬਿਲੀਨੀਅਰ ਜਾਂ ਬਾਈਕਿਊਬਿਕ ਫਿਲਟਰਿੰਗ ਨਾਲ ਡਾਊਨਸਕੇਲ ਨੂੰ ਆਪਣੇ ਆਪ ਸੰਭਾਲਦਾ ਹੈ, ਹਰ ਅਕਾਰ ਵਿੱਚ ਇੱਕ ਤਿੱਖਾ ਫੈਵੀਕਨ ਪੈਦਾ ਕਰਦਾ ਹੈ।
- ਹਰ ਕੈਨਵਸ
canvas.toBlob()ਰਾਹੀਂ PNG Blob ਵਿੱਚ ਐਕਸਪੋਰਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਪ੍ਰੀਵਿਊ ਪੈਨਲ ਤੁਹਾਨੂੰ ਸਾਰੇ ਛੇ ਅਕਾਰ ਦਿਖਾਉਂਦਾ ਹੈ ਤਾਂ ਜੋ ਤੁਸੀਂ ਡਾਊਨਲੋਡ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਨਤੀਜਾ ਦੇਖ ਸਕੋ। ਪੇਸਟ ਕਰਨ ਲਈ ਤਿਆਰ HTML ਬਲਾਕ ਅਤੇ ਇੱਕ ਵੈਬ-ਐਪ ਮੈਨੀਫੈਸਟ ਸਨਿੱਪਟ (manifest.json) ਫ਼ਾਈਲ ਨਾਵਾਂ ਤੋਂ ਬਣਾਏ ਜਾਂਦੇ ਹਨ ਤਾਂ ਜੋ ਤੁਸੀਂ ਉਹਨਾਂ ਨੂੰ ਸਿੱਧਾ ਆਪਣੀ ਸਾਈਟ ਦੇ ਹੈੱਡ ਟੈਗ ਵਿੱਚ ਪਾ ਸਕੋ। - ਜਦੋਂ ਤੁਸੀਂ Download ZIP 'ਤੇ ਕਲਿੱਕ ਕਰਦੇ ਹੋ, ਤਾਂ ਪੰਨਾ ਹਰ PNG Blob ਨੂੰ ਮੈਮੋਰੀ ਵਿੱਚ ਪੜ੍ਹਦਾ ਹੈ, fflate ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਉਹਨਾਂ ਨੂੰ
manifest.jsonਫ਼ਾਈਲ ਦੇ ਨਾਲ ਇੱਕ ZIP ਆਰਕਾਈਵ ਵਿੱਚ ਪੈਕੇਜ ਕਰਦਾ ਹੈ, ਅਤੇ ਇੱਕ ਕਲਿੱਕ ਨਾਲ ਡਾਊਨਲੋਡ ਸ਼ੁਰੂ ਕਰਦਾ ਹੈ। ਸਮੁੱਚਾ ਬੰਡਲ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਬਣਦਾ ਹੈ — ਕਿਸੇ ਵੀ ਪੜਾਅ 'ਤੇ ਕੁਝ ਵੀ ਅੱਪਲੋਡ ਨਹੀਂ ਹੁੰਦਾ।
ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਫੈਵੀਕਨ ਕਿਉਂ ਤਿਆਰ ਕਰੋ?
- ਇੱਕ ਸੰਪੂਰਨ ਫੈਵੀਕਨ ਸੈੱਟ ਪਹਿਲੀ ਵਿਜ਼ਿਟ 'ਤੇ ਬ੍ਰਾਊਜ਼ਰ ਦੀ ਫੈਵੀਕਨ-ਨਹੀਂ-ਮਿਲਿਆ 404 ਨੂੰ ਖ਼ਤਮ ਕਰਦਾ ਹੈ ਅਤੇ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਤੁਹਾਡੀ ਸਾਈਟ ਬੁੱਕਮਾਰਕਾਂ, ਬ੍ਰਾਊਜ਼ਰ ਟੈਬਾਂ ਅਤੇ PWA ਇੰਸਟਾਲ ਸਕਰੀਨਾਂ ਵਿੱਚ ਪੇਸ਼ੇਵਰ ਦਿਖੇ। ਗੁੰਮ ਅਕਾਰਾਂ ਦਾ ਮਤਲਬ ਹੈ ਕਿ ਬ੍ਰਾਊਜ਼ਰ ਜਾਂ ਤਾਂ ਕੁਝ ਲੋਡ ਨਹੀਂ ਕਰਦਾ ਜਾਂ ਇੱਕ ਧੁੰਦਲੇ ਨਜ਼ਦੀਕੀ-ਗੁਆਂਢੀ ਸਕੇਲ 'ਤੇ ਵਾਪਸ ਆ ਜਾਂਦਾ ਹੈ।
- ਬੰਡਲ ਕੀਤਾ HTML ਅਤੇ ਮੈਨੀਫੈਸਟ ਸਨਿੱਪਟ ਤੁਹਾਨੂੰ ਛੇ ਟੈਗ ਅਤੇ ਇੱਕ JSON ਮੈਨੀਫੈਸਟ ਬਲਾਕ ਹੱਥ ਨਾਲ ਲਿਖਣ ਤੋਂ ਬਚਾਉਂਦਾ ਹੈ। ਉਹਨਾਂ ਨੂੰ ਆਪਣੀ ਸਾਈਟ ਦੇ ਹੈੱਡ ਵਿੱਚ ਪੇਸਟ ਕਰੋ, ਲੋੜ ਪੈਣ 'ਤੇ ਪਾਥ ਐਡਜਸਟ ਕਰੋ, ਅਤੇ ਤੁਸੀਂ ਮਿੰਟਾਂ ਦੀ ਬਜਾਏ ਸਕਿੰਟਾਂ ਵਿੱਚ ਮੁਕੰਮਲ ਕਰ ਲੈਂਦੇ ਹੋ।
- ਫੋਟੋ ਐਡੀਟਰ ਤੋਂ ਬਿਨਾਂ ਨਿਯੰਤਰਿਤ ਕਾਰਪੋਰੇਟ ਡਿਵਾਈਸਾਂ 'ਤੇ ਕਲਾਇੰਟ-ਸਾਈਡ ਤਿਆਰੀ ਹੀ ਇੱਕੋ ਇੱਕ ਵਿਕਲਪ ਹੈ। ਕਿਉਂਕਿ ਕੁਝ ਵੀ ਅੱਪਲੋਡ ਨਹੀਂ ਹੁੰਦਾ, ਡੇਟਾ-ਲੀਕ ਦਾ ਕੋਈ ਖਤਰਾ ਨਹੀਂ ਅਤੇ ਸੰਵੇਦਨਸ਼ੀਲ ਜਾਂ ਬ੍ਰਾਂਡਡ ਤਸਵੀਰਾਂ ਲਈ ਕੋਈ ਪਾਲਣਾ ਸਮੀਖਿਆ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ।
- ਟੈਕਸਟ ਅਤੇ ਇਮੋਜੀ ਮੋਡ ਤੁਹਾਨੂੰ ਬਿਨਾਂ ਕਿਸੇ ਤਸਵੀਰ ਦੇ ਫੈਵੀਕਨ ਤਿਆਰ ਕਰਨ ਦਿੰਦਾ ਹੈ। ਆਪਣਾ ਬ੍ਰਾਂਡ ਆਦਿਅਕਸਰ, ਇੱਕ ਅੱਖਰ, ਜਾਂ ਇੱਕ ਇਮੋਜੀ ਟਾਈਪ ਕਰੋ, ਇੱਕ ਫ਼ੌਂਟ ਅਤੇ ਰੰਗ ਚੁਣੋ, ਅਤੇ ਇੱਕ ਪੂਰਾ ਸੈੱਟ ਪ੍ਰਾਪਤ ਕਰੋ — ਨਿੱਜੀ ਪ੍ਰੋਜੈਕਟਾਂ, ਪ੍ਰੋਟੋਟਾਈਪਾਂ ਜਾਂ ਉਹਨਾਂ ਸਾਈਟਾਂ ਲਈ ਸੰਪੂਰਨ ਜਿਹਨਾਂ ਨੂੰ ਹੁਣੇ ਇੱਕ ਪਲੇਸਹੋਲਡਰ ਫੈਵੀਕਨ ਦੀ ਲੋੜ ਹੈ।
ਆਮ ਫੈਵੀਕਨ ਤਿਆਰੀ ਐਪਲੀਕੇਸ਼ਨਾਂ
ਹਰ ਉਹ ਸਾਈਟ ਜਿਸ ਨੂੰ ਲੋਕ ਬੁੱਕਮਾਰਕ ਕਰਦੇ ਹਨ ਜਾਂ ਇੰਸਟਾਲ ਕਰਦੇ ਹਨ, ਨੂੰ ਫੈਵੀਕਨ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ। ਇੱਥੇ ਤਿੰਨ ਸਥਿਤੀਆਂ ਹਨ ਜਿੱਥੇ ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ-ਅਧਾਰਿਤ ਜਨਰੇਟਰ ਸਮਾਂ ਬਚਾਉਂਦਾ ਹੈ।
- ਇੱਕ ਨਵਾਂ ਲੈਂਡਿੰਗ ਪੇਜ ਜਾਂ ਮਾਈਕ੍ਰੋਸਾਈਟ ਸੈੱਟ ਕਰਨਾ। ਇੱਕ ਮਿੰਟ ਦੇ ਅੰਦਰ ਬ੍ਰਾਂਡ ਲੋਗੋ ਤੋਂ ਪੂਰਾ ਫੈਵੀਕਨ ਸੈੱਟ ਤਿਆਰ ਕਰੋ, ਟੈਗ ਸਾਈਟ ਹੈੱਡ ਵਿੱਚ ਕਾਪੀ ਕਰੋ, ਅਤੇ ਡਿਪਲਾਇ ਕਰੋ। ਕੋਈ ਡਿਜ਼ਾਈਨ ਟੂਲ ਦੀ ਲੋੜ ਨਹੀਂ।
- ਇੱਕ ਪ੍ਰੋਗਰੈਸਿਵ ਵੈਬ ਐਪ ਲਈ PWA ਆਈਕਨ ਤਿਆਰ ਕਰਨਾ। manifest.json ਲਈ 192×192 ਅਤੇ 512×512 PNG ਆਈਕਨ ਲੋੜੀਂਦੇ ਹਨ। ਲੋਗੋ ਨੂੰ ਹੱਥੀਂ ਮੁੜ-ਅਕਾਰ ਕਰਨ ਦੀ ਬਜਾਏ ਇੱਕ ਪੜਾਅ ਵਿੱਚ ਫੈਵੀਕਨ ਸੈੱਟ ਦੇ ਨਾਲ ਉਹਨਾਂ ਨੂੰ ਤਿਆਰ ਕਰੋ।
- ਪ੍ਰੋਟੋਟਾਈਪਾਂ ਅਤੇ ਸਟੇਜਿੰਗ ਸਾਈਟਾਂ ਲਈ ਪਲੇਸਹੋਲਡਰ ਬਣਾਉਣਾ। ਇੱਕ ਅੱਖਰ ਜਾਂ ਇਮੋਜੀ ਟਾਈਪ ਕਰੋ, ਪਿਛੋਕੜ ਰੰਗ ਚੁਣੋ, ਅਤੇ ਡਿਜ਼ਾਈਨ ਟੀਮ ਤੋਂ ਅੰਤਿਮ ਬ੍ਰਾਂਡ ਸੰਪਤੀਆਂ ਦੀ ਉਡੀਕ ਕੀਤੇ ਬਿਨਾਂ ਯਥਾਰਥਵਾਦੀ ਫੈਵੀਕਨ ਪ੍ਰਾਪਤ ਕਰੋ।
ਇੱਕ ਕੰਮ ਕੀਤਾ ਉਦਾਹਰਨ: ਕੰਪਨੀ ਲੋਗੋ ਤੋਂ ਫੈਵੀਕਨ ਸੈੱਟ ਤਿਆਰ ਕਰਨਾ
ਤੁਹਾਡੇ ਕੋਲ 500×500 PNG ਲੋਗੋ ਹੈ ਅਤੇ ਇੱਕ ਨਵੀਂ ਮਾਰਕੀਟਿੰਗ ਸਾਈਟ ਲਈ ਪੂਰੇ ਫੈਵੀਕਨ ਸੈੱਟ ਦੀ ਲੋੜ ਹੈ।
ਇਹ ਪੰਨਾ ਖੋਲ੍ਹੋ ਅਤੇ ਲੋਗੋ PNG ਨੂੰ ਅੱਪਲੋਡ ਜ਼ੋਨ ਵਿੱਚ ਪਾਓ। ਤਸਵੀਰ ਲੋਡ ਹੁੰਦੀ ਹੈ ਅਤੇ ਅਕਾਰ ਗਰਿੱਡ ਦੇ ਨਾਲ ਇੱਕ ਪ੍ਰੀਵਿਊ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ। ਫੈਵੀਕਨ ਤਿਆਰ ਕਰੋ 'ਤੇ ਕਲਿੱਕ ਕਰੋ। ਪੰਨਾ ਲੋਗੋ ਨੂੰ 16, 32, 48, 180, 192 ਅਤੇ 512 ਪਿਕਸਲਾਂ 'ਤੇ ਛੇ ਆਫ਼ਸਕਰੀਨ ਕੈਨਵਸਾਂ ਉੱਤੇ ਖਿੱਚਦਾ ਹੈ ਅਤੇ ਤੁਹਾਨੂੰ ਹਰ ਨਤੀਜਾ ਦਿਖਾਉਂਦਾ ਹੈ। ਪ੍ਰੀਵਿਊ ਪੈਨਲ ਦੇ ਹੇਠਾਂ, 16/32/48 ਅਕਾਰਾਂ ਲਈ rel=\"icon\" ਐਂਟਰੀਆਂ, 180 ਅਕਾਰ ਲਈ ਇੱਕ apple-touch-icon ਲਿੰਕ ਅਤੇ PWA ਆਈਕਨਾਂ ਲਈ ਇੱਕ manifest ਲਿੰਕ ਸਮੇਤ ਪੇਸਟ ਕਰਨ ਲਈ ਤਿਆਰ HTML ਬਲਾਕ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ। ਹੇਠਾਂ ਦਿੱਤਾ ਮੈਨੀਫੈਸਟ ਸਨਿੱਪਟ 192 ਅਤੇ 512 ਆਈਕਨਾਂ ਨੂੰ ਸੂਚੀਬੱਧ ਕਰਦਾ ਹੈ। ZIP ਡਾਊਨਲੋਡ ਕਰੋ 'ਤੇ ਕਲਿੱਕ ਕਰੋ — ਪੰਨਾ ਸਾਰੇ ਛੇ PNG ਅਤੇ manifest.json ਨੂੰ fflate ਰਾਹੀਂ ਇੱਕ ZIP ਆਰਕਾਈਵ ਵਿੱਚ ਪੈਕੇਜ ਕਰਦਾ ਹੈ। ਸਮੁੱਚਾ ਰਾਊਂਡ-ਟ੍ਰਿਪ ਦੋ ਸਕਿੰਟ ਲੈਂਦਾ ਹੈ ਅਤੇ ਸ਼ੁਰੂਆਤੀ ਪੰਨਾ ਲੋਡ ਤੋਂ ਇਲਾਵਾ ਕੋਈ ਬੈਂਡਵਿਡਥ ਨਹੀਂ ਵਰਤਦਾ।
ਟੂਲ ਕਿਹੜੇ ਫੈਵੀਕਨ ਅਕਾਰ ਤਿਆਰ ਕਰਦਾ ਹੈ?
ਛੇ ਅਕਾਰ: ਮਿਆਰੀ ਬ੍ਰਾਊਜ਼ਰ ਫੈਵੀਕਨਾਂ ਲਈ 16×16, 32×32 ਅਤੇ 48×48, Apple Touch Icon ਲਈ 180×180, ਅਤੇ PWA ਮੈਨੀਫੈਸਟ ਆਈਕਨਾਂ ਲਈ 192×192 ਅਤੇ 512×512। ਹਰ ਅਕਾਰ PNG ਵਜੋਂ ਆਉਟਪੁੱਟ ਹੁੰਦਾ ਹੈ। ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰ ਰਾਹੀਂ PNG ਫੈਵੀਕਨ ਸਵੀਕਾਰ ਕਰਦੇ ਹਨ।
ਕੀ ਮੈਂ ਟੈਕਸਟ ਜਾਂ ਇਮੋਜੀ ਤੋਂ ਫੈਵੀਕਨ ਤਿਆਰ ਕਰ ਸਕਦਾ/ਸਕਦੀ ਹਾਂ?
ਹਾਂ। ਟੈਕਸਟ ਜਾਂ ਇਮੋਜੀ ਮੋਡ 'ਤੇ ਸਵਿੱਚ ਕਰੋ, ਕੋਈ ਸ਼ਬਦ ਟਾਈਪ ਕਰੋ ਜਾਂ ਇਮੋਜੀ ਪੇਸਟ ਕਰੋ, ਇੱਕ ਫ਼ੌਂਟ, ਅਗਲਾ ਰੰਗ ਅਤੇ ਪਿਛੋਕੜ ਰੰਗ ਚੁਣੋ, ਅਤੇ Generate 'ਤੇ ਕਲਿੱਕ ਕਰੋ। ਟੈਕਸਟ ਉੱਚ ਰੈਜ਼ੋਲਿਊਸ਼ਨ 'ਤੇ ਇੱਕ ਆਫ਼ਸਕਰੀਨ ਕੈਨਵਸ ਉੱਤੇ ਰੈਂਡਰ ਹੁੰਦਾ ਹੈ ਅਤੇ ਫਿਰ ਹਰ ਨਿਸ਼ਾਨਾ ਫੈਵੀਕਨ ਅਕਾਰ ਵਿੱਚ ਮੁੜ-ਅਕਾਰ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
ਕੀ ਤਸਵੀਰ ਕਿਸੇ ਸਰਵਰ ਉੱਤੇ ਅੱਪਲੋਡ ਹੁੰਦੀ ਹੈ?
ਨਹੀਂ। ਤਸਵੀਰ ਕਦੇ ਵੀ ਤੁਹਾਡੀ ਡਿਵਾਈਸ ਨਹੀਂ ਛੱਡਦੀ। ਪੰਨਾ ਬ੍ਰਾਊਜ਼ਰ ਦੇ File API ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਤਸਵੀਰ ਨੂੰ ਮੈਮੋਰੀ ਵਿੱਚ ਪੜ੍ਹਦਾ ਹੈ ਅਤੇ Canvas API ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਹਰ ਫੈਵੀਕਨ ਨੂੰ ਮੁੜ-ਅਕਾਰ ਅਤੇ ਐਕਸਪੋਰਟ ਕਰਦਾ ਹੈ। ਤਿਆਰ ਕਰਦੇ ਸਮੇਂ DevTools Network ਪੈਨਲ ਖੋਲ੍ਹੋ — ਸਿਰਫ਼ ਬਾਹਰ ਜਾਣ ਵਾਲੀਆਂ ਬੇਨਤੀਆਂ ਸ਼ੁਰੂਆਤੀ ਪੰਨਾ ਲੋਡ ਅਤੇ ਇਸ਼ਤਿਹਾਰ ਕਾਲਾਂ ਹਨ। ਕੋਈ ਤਸਵੀਰ ਡੇਟਾ ਟ੍ਰਾਂਸਮਿਟ ਨਹੀਂ ਹੁੰਦਾ।
ਤਸਵੀਰ ਅੱਪਲੋਡ ਲਈ ਕਿਹੜੇ ਫਾਰਮੈਟ ਸਵੀਕਾਰ ਕੀਤੇ ਜਾਂਦੇ ਹਨ?
ਬ੍ਰਾਊਜ਼ਰ ਡੀਕੋਡ ਕਰ ਸਕਦਾ ਹੈ ਕੋਈ ਵੀ ਫਾਰਮੈਟ: PNG, JPEG, WebP, GIF ਅਤੇ SVG (ਬ੍ਰਾਊਜ਼ਰ ਦੁਆਰਾ ਰਾਸਟਰਾਈਜ਼ਡ)। ਫ਼ਾਈਲ ਅਕਾਰ ਦੀ ਹੱਦ ਪ੍ਰਤੀ ਅੱਪਲੋਡ 10 MB ਹੈ।
ZIP ਡਾਊਨਲੋਡ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ?
ਪੰਨਾ fflate ਲਾਇਬ੍ਰੇਰੀ (ਸਾਂਝੇ ਵੈਂਡਰ ਪਾਥ ਤੋਂ ਮੰਗ 'ਤੇ ਲੋਡ ਹੁੰਦੀ ਹੈ) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸਾਰੇ ਤਿਆਰ ਕੀਤੇ PNG ਅਤੇ manifest.json ਨੂੰ ਇੱਕ ਮਿਆਰੀ ZIP ਆਰਕਾਈਵ ਵਿੱਚ ਪੈਕੇਜ ਕਰਦਾ ਹੈ। ਪੈਕੇਜਿੰਗ ਪੂਰੀ ਤਰ੍ਹਾਂ ਬ੍ਰਾਊਜ਼ਰ ਮੈਮੋਰੀ ਵਿੱਚ ਹੁੰਦੀ ਹੈ — ਕੋਈ ਅੱਪਲੋਡ ਨਹੀਂ, ਕੋਈ ਸਰਵਰ ਰਾਊਂਡ-ਟ੍ਰਿਪ ਨਹੀਂ। ZIP ਇੱਕ ਕਲਿੱਕ ਨਾਲ Blob ਡਾਊਨਲੋਡ ਵਜੋਂ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ।
ਕੀ ਮੈਂ ਇਹਨਾਂ ਫੈਵੀਕਨਾਂ ਨੂੰ ਕਿਸੇ ਵੀ ਵੈਬਸਾਈਟ 'ਤੇ ਵਰਤ ਸਕਦਾ/ਸਕਦੀ ਹਾਂ?
ਹਾਂ। ਤਿਆਰ ਕੀਤੇ PNG ਫੈਵੀਕਨ ਟੈਗ ਨੂੰ ਸਮਰਥਨ ਦੇਣ ਵਾਲੇ ਹਰ ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰ 'ਤੇ ਕੰਮ ਕਰਦੇ ਹਨ। 180×180 Apple Touch Icon iOS ਅਤੇ Safari ਨੂੰ ਕਵਰ ਕਰਦਾ ਹੈ। 192×192 ਅਤੇ 512×512 PWA ਆਈਕਨ Android 'ਤੇ Chrome ਅਤੇ ਹੋਰ PWA-ਸਮਰਥਨ ਵਾਲੇ ਬ੍ਰਾਊਜ਼ਰਾਂ ਲਈ ਮੈਨੀਫੈਸਟ ਲੋੜਾਂ ਪੂਰੀਆਂ ਕਰਦੇ ਹਨ।
ਕੀ ਕੋਈ ਅਸਲੀ .ico ਫਾਰਮੈਟ ਵਿਕਲਪ ਹੈ?
ਮੌਜੂਦਾ ਵਰਜ਼ਨ PNG ਆਉਟਪੁੱਟ ਕਰਦਾ ਹੈ ਕਿਉਂਕਿ ਹਰ ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰ ਉਹਨਾਂ ਨੂੰ ਰਾਹੀਂ ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ। ਇੱਕ ਅਸਲੀ ਬਹੁ-ਰੈਜ਼ੋਲਿਊਸ਼ਨ .ico ਫਾਰਮੈਟ ਅਜੇ ਸਮਰਥਿਤ ਨਹੀਂ ਹੈ ਅਤੇ ਭਵਿੱਖ ਦੇ ਰਿਲੀਜ਼ ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।