ਇੱਕ ਤਸਵੀਰ ਤੋਂ ਤੁਹਾਡੀ ਵੈੱਬਸਾਈਟ ਲਈ ਲੋੜੀਂਦਾ ਹਰ ਫੈਵੀਕੌਨ
ਬ੍ਰਾਊਜ਼ਰ, ਫ਼ੋਨ ਅਤੇ ਓਪਰੇਟਿੰਗ ਸਿਸਟਮ ਹਰ ਇੱਕ ਵੱਖਰਾ ਆਈਕਨ ਲੱਭਦੇ ਹਨ। ਆਪਣਾ ਲੋਗੋ ਅੱਪਲੋਡ ਕਰੋ ਅਤੇ ਇਹ ਜਨਰੇਟਰ ਪੂਰਾ ਸੈੱਟ ਬਣਾਉਂਦਾ ਹੈ: ਅੰਦਰ 16, 32 ਅਤੇ 48 px ਵਾਲਾ favicon.ico, favicon-16x16.png ਅਤੇ favicon-32x32.png, 180 px ਦਾ apple-touch-icon.png, 192 ਅਤੇ 512 px ਦੇ android-chrome ਆਈਕਨ, ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਜੋੜਨ ਵਾਲੀ site.webmanifest।
ਸਭ ਕੁਝ ZIP ਵਜੋਂ ਡਾਊਨਲੋਡ ਕਰੋ, ਫ਼ਾਈਲਾਂ ਆਪਣੀ ਵੈੱਬਸਾਈਟ ਦੇ ਰੂਟ ਵਿੱਚ ਰੱਖੋ ਅਤੇ HTML ਕੋਡ ਆਪਣੇ ਪੰਨਿਆਂ ਦੇ <head> ਵਿੱਚ ਪੇਸਟ ਕਰੋ। Apple ਆਈਕਨ ਨੂੰ ਠੋਸ ਪਿਛੋਕੜ ਮਿਲਦਾ ਹੈ ਕਿਉਂਕਿ iOS ਪਾਰਦਰਸ਼ਤਾ ਨੂੰ ਕਾਲੇ ਰੰਗ ਵਜੋਂ ਦਿਖਾਉਂਦਾ ਹੈ। ਸਾਰੇ ਆਈਕਨ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਬਣਦੇ ਹਨ — ਕੁਝ ਵੀ ਅੱਪਲੋਡ ਨਹੀਂ ਹੁੰਦਾ।
ਇਹ ਫੈਵੀਕੌਨ ਜਨਰੇਟਰ ਕਿਉਂ ਵਰਤੀਏ?
- favicon.ico, PNG ਫੈਵੀਕੌਨ, Apple ਅਤੇ Android ਆਈਕਨ ਇੱਕੋ ZIP ਵਿੱਚ
- ਤਿਆਰ site.webmanifest ਅਤੇ HTML ਕੋਡ
- PNG, JPG, WebP ਅਤੇ SVG ਲੋਗੋਆਂ ਨਾਲ ਕੰਮ ਕਰਦਾ ਹੈ
- ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ — ਨਾ ਅੱਪਲੋਡ, ਨਾ ਰਜਿਸਟ੍ਰੇਸ਼ਨ
ਫੈਵੀਕੌਨ ਕਿਵੇਂ ਬਣਾਈਏ
- ਆਪਣਾ ਲੋਗੋ ਚੁਣੋ — ਬਿਹਤਰ ਹੈ ਵਰਗਾਕਾਰ PNG ਜਾਂ SVG
- ਹਾਸ਼ੀਆ ਅਤੇ ਰੰਗ ਠੀਕ ਕਰੋ ਅਤੇ ਪ੍ਰੀਵਿਊ ਜਾਂਚੋ
- "ZIP ਡਾਊਨਲੋਡ ਕਰੋ" 'ਤੇ ਕਲਿੱਕ ਕਰੋ, ਫ਼ਾਈਲਾਂ ਆਪਣੀ ਸਾਈਟ 'ਤੇ ਅੱਪਲੋਡ ਕਰੋ ਅਤੇ HTML ਕੋਡ ਪੇਸਟ ਕਰੋ
ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ
ਕੀ ਇਹ ਫੈਵੀਕੌਨ ਜਨਰੇਟਰ ਮੁਫ਼ਤ ਹੈ?
ਹਾਂ, ਇਹ ਪੂਰੀ ਤਰ੍ਹਾਂ ਮੁਫ਼ਤ ਹੈ, ਬਿਨਾਂ ਕਿਸੇ ਸੀਮਾ ਅਤੇ ਬਿਨਾਂ ਵਾਟਰਮਾਰਕ ਦੇ।
ਮੈਨੂੰ ਕਿਹੜੀਆਂ ਫ਼ਾਈਲਾਂ ਦੀ ਲੋੜ ਹੈ?
ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰ favicon-32x32.png ਅਤੇ favicon.ico ਵਰਤਦੇ ਹਨ, iPhone ਅਤੇ iPad ਪੰਨੇ ਨੂੰ ਹੋਮ ਸਕ੍ਰੀਨ 'ਤੇ ਜੋੜਨ ਵੇਲੇ apple-touch-icon.png ਵਰਤਦੇ ਹਨ, ਅਤੇ Android ਅਤੇ ਇੰਸਟਾਲ ਹੋਣ ਵਾਲੀਆਂ ਵੈੱਬ ਐਪਾਂ site.webmanifest ਵਿੱਚ ਦਰਜ 192 ਅਤੇ 512 px ਦੇ ਆਈਕਨ ਵਰਤਦੀਆਂ ਹਨ। ਇਹ ਸਾਰੀਆਂ ਆਪਣੀ ਸਾਈਟ ਦੇ ਰੂਟ ਫ਼ੋਲਡਰ ਵਿੱਚ ਅੱਪਲੋਡ ਕਰੋ ਅਤੇ HTML ਕੋਡ ਜੋੜੋ — ਇਹ ਹਰ ਸਥਿਤੀ ਨੂੰ ਕਵਰ ਕਰਦਾ ਹੈ।
ਕੀ ਮੈਂ SVG ਲੋਗੋ ਵਰਤ ਸਕਦਾ ਹਾਂ?
ਹਾਂ। SVG ਨੂੰ ਪਹਿਲਾਂ ਉੱਚ ਰੈਜ਼ੋਲਿਊਸ਼ਨ 'ਤੇ ਬਣਾਇਆ ਜਾਂਦਾ ਹੈ, ਇਸ ਲਈ ਹਰ ਆਈਕਨ ਆਕਾਰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਤਿੱਖਾ ਹੁੰਦਾ ਹੈ। ਵਰਗਾਕਾਰ ਤਸਵੀਰ ਸਭ ਤੋਂ ਵਧੀਆ ਕੰਮ ਕਰਦੀ ਹੈ; ਹੋਰ ਅਨੁਪਾਤਾਂ ਨੂੰ ਪਾਰਦਰਸ਼ੀ ਹਾਸ਼ੀਆਂ ਨਾਲ ਵਿਚਕਾਰ ਰੱਖਿਆ ਜਾਂਦਾ ਹੈ।
ਕੀ ਮੇਰਾ ਲੋਗੋ ਸਰਵਰ 'ਤੇ ਅੱਪਲੋਡ ਹੁੰਦਾ ਹੈ?
ਨਹੀਂ। ਸਾਰੇ ਆਈਕਨ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਬਣਾਏ ਜਾਂਦੇ ਹਨ; ਤੁਹਾਡੀ ਤਸਵੀਰ ਕਦੇ ਵੀ ਤੁਹਾਡੀ ਡਿਵਾਈਸ ਤੋਂ ਬਾਹਰ ਨਹੀਂ ਜਾਂਦੀ।