ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ
ਆਪਣਾ ਸਰੋਤ ਚੁਣੋ
ਇੱਕ ਤਸਵੀਰ ਅਪਲੋਡ ਕਰੋ, ਕਸਟਮ ਫੌਂਟਾਂ ਨਾਲ ਟੈਕਸਟ ਤੋਂ ਬਣਾਓ, ਸੈਂਕੜੇ ਇਮੋਜੀਆਂ ਵਿੱਚੋਂ ਚੁਣੋ, ਜਾਂ ਪਿਕਸਲ ਆਰਟ ਬਣਾਓ। ਮੌਜੂਦਾ favicons ਕੱਢਣ ਲਈ ਕਿਸੇ ਵੀ URL ਦਾ ਵਿਸ਼ਲੇਸ਼ਣ ਕਰੋ।
ਕਸਟਮਾਈਜ਼ ਅਤੇ ਝਲਕ
ਪਿਛੋਕੜ, ਗਰੇਡੀਐਂਟ, ਗੋਲਾਈ ਅਤੇ ਪ੍ਰਭਾਵਾਂ ਨੂੰ ਵਿਵਸਥਿਤ ਕਰੋ। ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ ਬ੍ਰਾਊਜ਼ਰ ਟੈਬਾਂ, iOS ਹੋਮ ਸਕ੍ਰੀਨ, Android ਅਤੇ Windows ਮੌਕਅੱਪਸ ਵਿੱਚ ਆਪਣੇ favicon ਦੀ ਝਲਕ ਦੇਖੋ।
ਤਿਆਰ ਕਰੋ ਅਤੇ ਡਾਊਨਲੋਡ ਕਰੋ
ਇੱਕ ਕਲਿੱਕ ਨਾਲ ਸਾਰੇ ਆਕਾਰ ਤਿਆਰ ਕਰੋ। 35+ ਫਰੇਮਵਰਕਸ ਲਈ ਵਰਤਣ ਲਈ ਤਿਆਰ ਕੋਡ ਦੇ ਟੁਕੜਿਆਂ ਨਾਲ ਪੂਰਾ ਪੈਕੇਜ ਡਾਊਨਲੋਡ ਕਰੋ।
ਤੁਹਾਡਾ Favicon ਬਣਾਉਣ ਦੇ ਚਾਰ ਤਰੀਕੇ
ਤਸਵੀਰ ਅਪਲੋਡ ਕਰੋ
ਕਿਸੇ ਵੀ ਤਸਵੀਰ ਨਾਲ ਸ਼ੁਰੂ ਕਰੋ — PNG, JPG, SVG, ਜਾਂ WebP। ਪਿਛੋਕੜ ਸ਼ਾਮਲ ਕਰੋ, ਪੈਡਿੰਗ, ਚਮਕ, ਕੰਟ੍ਰਾਸਟ ਨੂੰ ਵਿਵਸਥਿਤ ਕਰੋ ਅਤੇ ਗੋਲ ਕੋਨੇ ਲਾਗੂ ਕਰੋ। ਲੋਗੋ ਅਤੇ ਮੌਜੂਦਾ ਬ੍ਰਾਂਡ ਸੰਪਤੀਆਂ ਲਈ ਸੰਪੂਰਨ।
Favicon ਲਈ ਟੈਕਸਟ
1500+ Google Fonts ਨਾਲ ਟੈਕਸਟ-ਅਧਾਰਿਤ favicons ਬਣਾਓ। ਫੌਂਟ ਭਾਰ, ਰੰਗ ਚੁਣੋ ਅਤੇ ਠੋਸ ਜਾਂ ਗਰੇਡੀਐਂਟ ਪਿਛੋਕੜ ਸ਼ਾਮਲ ਕਰੋ। ਸਧਾਰਨ ਅੱਖਰ-ਅਧਾਰਿਤ ਬ੍ਰਾਂਡ ਆਈਕਾਨਾਂ ਲਈ ਆਦਰਸ਼।
ਇਮੋਜੀ Favicon
ਸਾਰੇ ਦੇਸ਼ਾਂ ਦੇ ਝੰਡੇ ਸਮੇਤ 12 ਸ਼੍ਰੇਣੀਆਂ ਵਿੱਚ ਸੈਂਕੜੇ ਇਮੋਜੀਆਂ ਵਿੱਚੋਂ ਚੁਣੋ। ਇੱਕ ਪੋਲਿਸ਼ ਦਿੱਖ ਲਈ ਪ੍ਰੀਸੈਟਸ ਜਾਂ ਕਸਟਮ ਗਰੇਡੀਐਂਟਸ ਨਾਲ ਰੰਗੀਨ ਪਿਛੋਕੜ ਸ਼ਾਮਲ ਕਰੋ।
ਪਿਕਸਲ ਆਰਟ ਕੈਨਵਸ
ਇੱਕ ਕਸਟਮਾਈਜ਼ੇਬਲ ਗਰਿੱਡ 'ਤੇ ਪਿਕਸਲ ਦਰ ਪਿਕਸਲ ਆਪਣਾ ਖੁਦ ਦਾ favicon ਬਣਾਓ। ਅਨਡੂ/ਰੀਡੂ ਸਹਾਇਤਾ ਨਾਲ ਕਲਮ, ਰਬੜ ਅਤੇ ਭਰਨ ਵਾਲੇ ਟੂਲਸ ਦੀ ਵਰਤੋਂ ਕਰੋ। ਆਪਣੀ ਪਿਕਸਲ ਆਰਟ ਰਚਨਾ ਨੂੰ ਤੁਰੰਤ ਐਕਸਪੋਰਟ ਕਰੋ।
ਸ਼ਕਤੀਸ਼ਾਲੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ
100% ਨਿੱਜੀ
ਸਾਰੀ ਪ੍ਰੋਸੈਸਿੰਗ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਹੁੰਦੀ ਹੈ। ਤੁਹਾਡੀਆਂ ਤਸਵੀਰਾਂ ਕਦੇ ਵੀ ਤੁਹਾਡੇ ਡਿਵਾਈਸ ਨੂੰ ਨਹੀਂ ਛੱਡਦੀਆਂ। ਕੋਈ ਅਪਲੋਡ ਨਹੀਂ, ਕੋਈ ਕਲਾਉਡ ਸਟੋਰੇਜ ਨਹੀਂ, ਕੋਈ ਡੇਟਾ ਇਕੱਤਰ ਨਹੀਂ।
ਸਾਰੇ ਪਲੇਟਫਾਰਮ ਕਵਰ ਕੀਤੇ ਗਏ
ਬ੍ਰਾਊਜ਼ਰਾਂ, iOS ਹੋਮ ਸਕ੍ਰੀਨ, Android Chrome, Windows ਟਾਈਲਾਂ, Safari ਪਿੰਨ ਕੀਤੀਆਂ ਟੈਬਾਂ ਅਤੇ ਪ੍ਰੋਗਰੈਸਿਵ ਵੈੱਬ ਐਪਸ ਲਈ 15+ favicon ਆਕਾਰ ਤਿਆਰ ਕਰੋ।
ਲਾਈਵ ਝਲਕ
ਤਿਆਰ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਬ੍ਰਾਊਜ਼ਰ ਟੈਬਾਂ, iOS ਹੋਮ ਸਕ੍ਰੀਨ, Android ਲਾਂਚਰ ਅਤੇ Windows ਟਾਈਲਾਂ ਵਿੱਚ ਤੁਹਾਡਾ favicon ਕਿਵੇਂ ਦਿਸਦਾ ਹੈ, ਬਿਲਕੁਲ ਦੇਖੋ।
35+ ਫਰੇਮਵਰਕ ਟੁਕੜੇ
HTML, React, Vue, Next.js, Nuxt, Angular, Astro, Svelte, WordPress, Shopify, Laravel, Django, ਅਤੇ 25+ ਹੋਰ ਪਲੇਟਫਾਰਮਾਂ ਲਈ ਵਰਤਣ ਲਈ ਤਿਆਰ ਕੋਡ ਪ੍ਰਾਪਤ ਕਰੋ।
URL ਵਿਸ਼ਲੇਸ਼ਕ
ਮੌਜੂਦਾ favicons ਕੱਢਣ ਲਈ ਕਿਸੇ ਵੀ ਵੈੱਬਸਾਈਟ ਦਾ ਵਿਸ਼ਲੇਸ਼ਣ ਕਰੋ। ਦੇਖੋ ਕਿ ਕਿਹੜੇ ਆਕਾਰ ਮੌਜੂਦ ਹਨ, ਕੀ ਗੁੰਮ ਹੈ, ਅਤੇ ਇੱਕ ਕਲਿੱਕ ਨਾਲ ਇੱਕ ਪੂਰਾ ਸੈੱਟ ਦੁਬਾਰਾ ਤਿਆਰ ਕਰੋ।
ਜਨਰੇਸ਼ਨ ਇਤਿਹਾਸ
ਆਪਣੀਆਂ ਹਾਲੀਆ favicon ਜਨਰੇਸ਼ਨਾਂ ਤੱਕ ਪਹੁੰਚ ਕਰੋ। ਪਿਛਲੀਆਂ ਰਚਨਾਵਾਂ ਨੂੰ ਬਹਾਲ ਕਰੋ, ਸੰਸਕਰਣਾਂ ਦੀ ਤੁਲਨਾ ਕਰੋ, ਜਾਂ ਉੱਥੋਂ ਸੰਪਾਦਨ ਜਾਰੀ ਰੱਖੋ ਜਿੱਥੇ ਤੁਸੀਂ ਛੱਡਿਆ ਸੀ।
ਤੇਜ਼ ਟੈਂਪਲੇਟਸ
ਪੇਸ਼ੇਵਰ ਤੌਰ 'ਤੇ ਡਿਜ਼ਾਈਨ ਕੀਤੇ ਟੈਂਪਲੇਟਸ ਨਾਲ ਸ਼ੁਰੂ ਕਰੋ ਜਿਸ ਵਿੱਚ ਠੋਸ ਰੰਗ, ਗਰੇਡੀਐਂਟ ਅਤੇ ਪੈਟਰਨ ਸ਼ਾਮਲ ਹਨ। ਆਪਣੇ ਬ੍ਰਾਂਡ ਨਾਲ ਮੇਲ ਕਰਨ ਲਈ ਲਾਗੂ ਕਰੋ ਅਤੇ ਕਸਟਮਾਈਜ਼ ਕਰੋ।
ਮਲਟੀ-ਸਾਈਜ਼ ICO
ਵੱਧ ਤੋਂ ਵੱਧ ਬ੍ਰਾਊਜ਼ਰ ਅਨੁਕੂਲਤਾ ਲਈ 16x16, 32x32, ਅਤੇ 48x48 ਆਕਾਰਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰਦੇ ਹੋਏ ਮਲਟੀ-ਰੈਜ਼ੋਲਿਊਸ਼ਨ ICO ਫਾਈਲਾਂ ਆਪਣੇ ਆਪ ਬਣਾਉਂਦਾ ਹੈ।
ਪੂਰਾ ਆਉਟਪੁੱਟ ਪੈਕੇਜ
ਮਿਆਰੀ Favicons
ਬ੍ਰਾਊਜ਼ਰ ਟੈਬਾਂ ਅਤੇ ਬੁੱਕਮਾਰਕਸ ਲਈ favicon.ico (ਮਲਟੀ-ਆਕਾਰ), 16x16, 32x32, ਅਤੇ 48x48 PNGs।
Apple Touch ਆਈਕਾਨ
iOS ਹੋਮ ਸਕ੍ਰੀਨ ਲਈ 180x180 Apple Touch ਆਈਕਾਨ, ਅਤੇ ਕਸਟਮ ਥੀਮ ਰੰਗ ਨਾਲ Safari ਪਿੰਨ ਕੀਤੀ ਟੈਬ SVG।
Android ਅਤੇ PWA ਆਈਕਾਨ
Android Chrome ਅਤੇ ਪ੍ਰੋਗਰੈਸਿਵ ਵੈੱਬ ਐਪਸ ਲਈ 192x192 ਅਤੇ 512x512 ਆਈਕਾਨ, ਮਾਸਕ ਕਰਨ ਯੋਗ ਆਈਕਾਨ ਸਹਾਇਤਾ ਸਮੇਤ।
Windows ਟਾਈਲਾਂ
Windows ਸਟਾਰਟ ਮੀਨੂ ਅਤੇ ਟਾਸਕਬਾਰ ਏਕੀਕਰਣ ਲਈ browserconfig.xml ਨਾਲ 270x270 Microsoft ਟਾਇਲ।
ਵੈੱਬ ਮੈਨੀਫੈਸਟ
ਆਈਕਾਨ ਹਵਾਲੇ, ਥੀਮ ਰੰਗ, ਅਤੇ PWA ਡਿਸਪਲੇ ਸੈਟਿੰਗਾਂ ਨਾਲ ਪੂਰੀ site.webmanifest ਫਾਈਲ।
ਅਕਸਰ ਪੁੱਛੇ ਜਾਂਦੇ ਸਵਾਲ
ਮੈਨੂੰ ਕਿਹੜੇ favicon ਆਕਾਰ ਚਾਹੀਦੇ ਹਨ?
ਮੈਨੂੰ ICO ਫਾਈਲ ਦੀ ਲੋੜ ਕਿਉਂ ਹੈ?
ਕੀ ਮੇਰੇ favicon ਦਾ ਪਿਛੋਕੜ ਪਾਰਦਰਸ਼ੀ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ?
ਕੀ ਮੇਰੀ ਸਰੋਤ ਤਸਵੀਰ ਚੌਰਸ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ?
ਕੀ ਮੇਰੀਆਂ ਤਸਵੀਰਾਂ ਸੁਰੱਖਿਅਤ ਅਤੇ ਨਿੱਜੀ ਹਨ?
ਕਿਹੜੇ ਫਰੇਮਵਰਕ ਸਮਰਥਿਤ ਹਨ?
ਪ੍ਰੋਗਰੈਸਿਵ ਵੈੱਬ ਐਪਸ ਬਾਰੇ ਕੀ?
Favicons ਨੂੰ ਸਮਝਣਾ
Favicons ਛੋਟੇ ਆਈਕਾਨ ਹਨ ਜੋ ਤੁਹਾਡੀ ਵੈੱਬਸਾਈਟ ਨੂੰ ਬ੍ਰਾਊਜ਼ਰਾਂ, ਬੁੱਕਮਾਰਕਸ, ਹੋਮ ਸਕ੍ਰੀਨਾਂ, ਅਤੇ ਐਪ ਲਾਂਚਰਾਂ ਵਿੱਚ ਦਰਸਾਉਂਦੇ ਹਨ। ਇੱਕ ਪੂਰਾ favicon ਸੈੱਟ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਤੁਹਾਡਾ ਬ੍ਰਾਂਡ ਪੇਸ਼ੇਵਰ ਅਤੇ ਪਛਾਣਨ ਯੋਗ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ ਜਿੱਥੇ ਵੀ ਉਪਭੋਗਤਾ ਤੁਹਾਡੀ ਸਾਈਟ ਦਾ ਸਾਹਮਣਾ ਕਰਦੇ ਹਨ।
ICO ਫਾਰਮੈਟ
ICO ਫਾਰਮੈਟ ਇੱਕ ਫਾਈਲ ਵਿੱਚ ਕਈ ਆਕਾਰਾਂ (16x16, 32x32, 48x48) ਨੂੰ ਬੰਡਲ ਕਰਦਾ ਹੈ। ਜਦੋਂ ਕਿ ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰ PNG favicons ਦਾ ਸਮਰਥਨ ਕਰਦੇ ਹਨ, ICO ਪੁਰਾਣੇ ਬ੍ਰਾਊਜ਼ਰਾਂ ਅਤੇ ਕੁਝ ਡੈਸਕਟਾਪ ਐਪਲੀਕੇਸ਼ਨਾਂ ਨਾਲ ਵੱਧ ਤੋਂ ਵੱਧ ਅਨੁਕੂਲਤਾ ਲਈ ਜ਼ਰੂਰੀ ਰਹਿੰਦਾ ਹੈ।
PNG ਆਈਕਾਨ
ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰ ਉਹਨਾਂ ਦੀ ਸਾਫ਼ ਗੁਣਵੱਤਾ ਅਤੇ ਪਾਰਦਰਸ਼ਤਾ ਸਹਾਇਤਾ ਲਈ PNG favicons ਨੂੰ ਤਰਜੀਹ ਦਿੰਦੇ ਹਨ। ਹਰੇਕ ਆਕਾਰ ਇੱਕ ਉਦੇਸ਼ ਪੂਰਾ ਕਰਦਾ ਹੈ: 16px ਅਤੇ 32px ਬ੍ਰਾਊਜ਼ਰ ਟੈਬਾਂ ਲਈ, 180px iOS ਲਈ, ਅਤੇ 192px/512px Android ਅਤੇ PWAs ਲਈ।
ਵੈੱਬ ਐਪ ਮੈਨੀਫੈਸਟ
site.webmanifest ਫਾਈਲ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦੀ ਹੈ ਕਿ ਤੁਹਾਡੀ ਸਾਈਟ PWA ਵਜੋਂ ਇੰਸਟਾਲ ਹੋਣ 'ਤੇ ਕਿਵੇਂ ਦਿਖਾਈ ਦਿੰਦੀ ਹੈ। ਇਹ ਆਈਕਾਨ, ਥੀਮ ਰੰਗ, ਡਿਸਪਲੇ ਮੋਡ, ਅਤੇ ਹੋਰ ਮੈਟਾਡੇਟਾ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ ਜੋ ਬ੍ਰਾਊਜ਼ਰ ਇੱਕ ਐਪ ਵਰਗਾ ਅਨੁਭਵ ਬਣਾਉਣ ਲਈ ਵਰਤਦੇ ਹਨ।
SVG Favicons
Safari ਦੀ ਪਿੰਨ ਕੀਤੀ ਟੈਬ ਵਿਸ਼ੇਸ਼ਤਾ ਇੱਕ ਮੋਨੋਕ੍ਰੋਮ SVG ਆਈਕਾਨ ਦੀ ਵਰਤੋਂ ਕਰਦੀ ਹੈ। ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰ ਵੀ ਸਿੱਧੇ SVG favicons ਦਾ ਸਮਰਥਨ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰ ਰਹੇ ਹਨ, ਜੋ ਅਨੰਤ ਸਕੇਲੇਬਿਲਟੀ ਅਤੇ ਛੋਟੇ ਫਾਈਲ ਆਕਾਰ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਦੇ ਹਨ।