ਮੁਫ਼ਤ ਪਰਿਵਰਤਕ

ਫੈਵੀਕਾਨ ਜਨਰੇਟਰ

ਕਿਸੇ ਵੀ ਚਿੱਤਰ ਤੋਂ ਮਲਟੀਪਲ ਅਕਾਰ (16x16 ਤੋਂ 512x512) ਵਿੱਚ ਫੈਵੀਕਨ ਫਾਈਲਾਂ ਤਿਆਰ ਕਰੋ। ਮੁਫ਼ਤ, ਤਤਕਾਲ, ਅਤੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ।

ਇੱਥੇ ਇੱਕ ਚਿੱਤਰ ਨੂੰ ਖਿੱਚੋ ਅਤੇ ਸੁੱਟੋ

PNG, JPG, SVG, WebP ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ। ਅਧਿਕਤਮ 10MB।

ਜਾਂ

ਇਸ ਟੂਲ ਬਾਰੇ

ਇੱਕ ਫੈਵੀਕੋਨ ਇੱਕ ਛੋਟਾ ਪ੍ਰਤੀਕ ਹੁੰਦਾ ਹੈ ਜੋ ਬ੍ਰਾਊਜ਼ਰ ਟੈਬਾਂ, ਬੁੱਕਮਾਰਕਸ ਅਤੇ ਇਤਿਹਾਸ ਸੂਚੀਆਂ ਵਿੱਚ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ। ਮੂਲ ਫੈਵੀਕੋਨ — /favicon.ico 'ਤੇ ਇੱਕ 16×16 ICO ਫ਼ਾਈਲ — ਵੱਖ-ਵੱਖ ਪਲੇਟਫਾਰਮਾਂ ਲਈ ਵੱਖ-ਵੱਖ ਆਕਾਰਾਂ 'ਤੇ ਆਈਕਾਨਾਂ ਦੇ ਇੱਕ ਗੁੰਝਲਦਾਰ ਸੈੱਟ ਵਿੱਚ ਫੈਲ ਗਈ ਹੈ: ਬ੍ਰਾਊਜ਼ਰ ਟੈਬਾਂ ਲਈ 16×16 ਅਤੇ 32×32, iOS ਹੋਮ ਸਕ੍ਰੀਨਾਂ ਲਈ 180×180, 192×192 ਅਤੇ 512×192 ਅਤੇ Android ਲਈ ਵੱਖ-ਵੱਖ tii ਅਤੇ Windows ਲਈ 512×512 ਆਕਾਰ। ਇਹਨਾਂ ਸਾਰਿਆਂ ਨੂੰ ਇੱਕ ਸਿੰਗਲ ਸਰੋਤ ਚਿੱਤਰ ਤੋਂ ਪੈਦਾ ਕਰਨਾ ਉਹੀ ਹੈ ਜੋ ਇੱਕ ਆਧੁਨਿਕ ਫੈਵੀਕਨ ਜਨਰੇਟਰ ਕਰਦਾ ਹੈ।

ਇਹ ਟੂਲ ਇੱਕ ਸਿੰਗਲ ਉੱਚ-ਰੈਜ਼ੋਲੂਸ਼ਨ ਸਰੋਤ ਚਿੱਤਰ (ਆਮ ਤੌਰ 'ਤੇ ਇੱਕ ਵਰਗ ਲੋਗੋ) ਲੈਂਦਾ ਹੈ ਅਤੇ ਫੈਵੀਕਨ ਸੰਪਤੀਆਂ ਦਾ ਪੂਰਾ ਸੈੱਟ ਅਤੇ ਉਹਨਾਂ ਦਾ ਹਵਾਲਾ ਦੇਣ ਲਈ ਲੋੜੀਂਦੇ HTML ਲਿੰਕ ਟੈਗ ਬਣਾਉਂਦਾ ਹੈ। ਆਉਟਪੁੱਟ ਵਿੱਚ ICO, ਮਲਟੀਪਲ PNGs, ਅਤੇ ਪ੍ਰਗਤੀਸ਼ੀਲ ਵੈੱਬ ਐਪ ਮੈਟਾਡੇਟਾ ਲਈ ਇੱਕ manifest.json ਸ਼ਾਮਲ ਹਨ। ਨਤੀਜੇ ਵਾਲੀਆਂ ਫਾਈਲਾਂ ਨੂੰ ਆਪਣੀ ਸਾਈਟ ਦੇ ਰੂਟ 'ਤੇ ਸੁੱਟੋ ਅਤੇ ਤਿਆਰ ਕੀਤੇ HTML ਦੁਆਰਾ ਉਹਨਾਂ ਦਾ ਹਵਾਲਾ ਦਿਓ।

ਸਾਰੀ ਪ੍ਰਕਿਰਿਆ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਹੁੰਦੀ ਹੈ। ਕੋਈ ਅਪਲੋਡ ਨਹੀਂ, ਕੋਈ API ਕਾਲ ਨਹੀਂ, ਕੋਈ ਦਰ ਸੀਮਾ ਨਹੀਂ। ਆਉਟਪੁੱਟ ਹਰ ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰ ਅਤੇ ਓਪਰੇਟਿੰਗ ਸਿਸਟਮ 'ਤੇ ਕੰਮ ਕਰਦੀ ਹੈ ਜੋ ਫੇਵੀਕਾਨ ਡਿਸਪਲੇ ਕਰਦਾ ਹੈ।

ਇੱਕ ਫੇਵੀਕੋਨ ਕਿਉਂ ਤਿਆਰ ਕਰੋ

ਫੇਵੀਕਾਨਾਂ ਤੋਂ ਬਿਨਾਂ ਸਾਈਟਾਂ ਅਧੂਰੀਆਂ ਲੱਗਦੀਆਂ ਹਨ। ਬ੍ਰਾਊਜ਼ਰ ਟੈਬਾਂ ਇੱਕ ਆਮ ਆਈਕਨ ਦਿਖਾਉਂਦੀਆਂ ਹਨ; ਬੁੱਕਮਾਰਕ ਦਾ ਕੋਈ ਵਿਜ਼ੂਅਲ ਪਛਾਣਕਰਤਾ ਨਹੀਂ ਹੁੰਦਾ; ਸਾਈਟ ਘੱਟ ਪੇਸ਼ੇਵਰ ਦਿਖਾਈ ਦਿੰਦੀ ਹੈ। ਇੱਕ ਸਹੀ ਫੈਵੀਕਨ ਸੈੱਟ ਜੋੜਨਾ ਇੱਕ ਘੱਟ-ਜਤਨ ਉੱਚ-ਪ੍ਰਭਾਵ ਵਾਲਾ ਪੋਲਿਸ਼ ਕਦਮ ਹੈ ਜੋ ਵੇਰਵੇ ਵੱਲ ਧਿਆਨ ਦੇਣ ਦਾ ਸੰਕੇਤ ਦਿੰਦਾ ਹੈ।

ਆਧੁਨਿਕ ਫੈਵੀਕੋਨ ਲੋੜਾਂ /favicon.ico ਤੋਂ ਅੱਗੇ ਵਧੀਆਂ ਹਨ। iOS ਹੋਮ ਸਕ੍ਰੀਨ ਆਈਕਨ, ਐਂਡਰਾਇਡ ਕ੍ਰੋਮ ਆਈਕਨ, ਵਿੰਡੋਜ਼ ਟਾਇਲ ਆਈਕਨ, ਅਤੇ ਡਾਰਕ ਮੋਡ ਵੇਰੀਐਂਟ ਸਾਰੇ ਵੱਖ-ਵੱਖ ਫਾਈਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ। ਉਹਨਾਂ ਸਾਰਿਆਂ ਨੂੰ ਇੱਕ ਸਰੋਤ ਤੋਂ ਤਿਆਰ ਕਰਨਾ ਹਰ ਇੱਕ ਫਾਈਲ ਨੂੰ ਹੱਥਾਂ ਨਾਲ ਪ੍ਰਬੰਧਿਤ ਕੀਤੇ ਬਿਨਾਂ ਇਕਸਾਰ ਬ੍ਰਾਂਡਿੰਗ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ।

ਵਰਤਣ ਦਾ ਤਰੀਕਾ

ਸਰੋਤ ਚਿੱਤਰ ਅੱਪਲੋਡ ਕਰੋ, ਪੂਰਾ ਫੈਵੀਕਨ ਸੈੱਟ ਪ੍ਰਾਪਤ ਕਰੋ।

  1. ਸਰੋਤ ਚਿੱਤਰ ਅੱਪਲੋਡ ਕਰੋ: ਘੱਟੋ-ਘੱਟ 512×512 ਪਿਕਸਲ ਦੀ ਇੱਕ ਵਰਗ ਚਿੱਤਰ ਦੀ ਵਰਤੋਂ ਕਰੋ। PNG ਨੂੰ ਤਰਜੀਹ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ (ਪਾਰਦਰਸ਼ਤਾ ਸਮਰਥਨ); SVG ਨੂੰ ਵੀ ਸਵੀਕਾਰ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਉੱਚ-ਰੈਜ਼ੋਲੂਸ਼ਨ ਸਰੋਤ ਤਿੱਖੇ ਛੋਟੇ ਆਈਕਾਨ ਪੈਦਾ ਕਰਦੇ ਹਨ।
  2. ਪਲੇਟਫਾਰਮ ਵਿਕਲਪਾਂ ਨੂੰ ਕੌਂਫਿਗਰ ਕਰੋ: ਲੋੜ ਅਨੁਸਾਰ iOS, Android, Windows, ਅਤੇ PWA ਆਉਟਪੁੱਟ ਨੂੰ ਸਮਰੱਥ ਬਣਾਓ। ਪੂਰਵ-ਨਿਰਧਾਰਤ ਸੈਟਿੰਗਾਂ ਜ਼ਿਆਦਾਤਰ ਸਾਈਟਾਂ ਨੂੰ ਲੋੜੀਂਦੇ ਸਟੈਂਡਰਡ ਸੈੱਟ ਦਾ ਉਤਪਾਦਨ ਕਰਦੀਆਂ ਹਨ।
  3. ਰੰਗ ਅਤੇ ਥੀਮ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰੋ: ਵਿੰਡੋਜ਼ ਟਾਈਲਾਂ ਅਤੇ PWA ਸਪਲੈਸ਼ ਸਕ੍ਰੀਨਾਂ ਲਈ ਥੀਮ ਰੰਗ ਚੁਣੋ। ਆਪਣੀ ਬ੍ਰਾਂਡ ਪਛਾਣ ਨਾਲ ਮੇਲ ਕਰੋ।
  4. ਡਾਊਨਲੋਡ ਕਰੋ ਅਤੇ ਲਾਗੂ ਕਰੋ: ਤਿਆਰ ਕੀਤੀ ਜ਼ਿਪ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰੋ। ਫਾਈਲਾਂ ਨੂੰ ਆਪਣੀ ਸਾਈਟ ਦੇ ਰੂਟ 'ਤੇ ਰੱਖੋ ਅਤੇ ਤਿਆਰ ਕੀਤੇ HTML ਲਿੰਕ ਟੈਗਸ ਨੂੰ ਆਪਣੇ <head> ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ। HTML ਸਹੀ ਆਕਾਰ 'ਤੇ ਹਰੇਕ ਆਈਕਨ ਦਾ ਹਵਾਲਾ ਦਿੰਦਾ ਹੈ।

ਆਮ ਵਰਤੋਂ ਦੇ ਮਾਮਲੇ

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਪੂਰਾ ਆਧੁਨਿਕ ਫੈਵੀਕੋਨ ਸੈੱਟ: favicon.ico (16+32+48 ਮਲਟੀ-ਰੈਜ਼ੋਲਿਊਸ਼ਨ), favicon-16x16.png, favicon-32x32.png, Apple-touch-icon.png (180×180), android-chrome-192x192.png, android-12xme, 52png mstile-150x150.png. ਪਲੱਸ PWA ਲਈ site.webmanifest, Windows ਲਈ browserconfig.xml।

ਹਰੇਕ PNG ਸਰੋਤ ਤੋਂ ਕੈਨਵਸ-ਅਧਾਰਿਤ ਡਾਊਨਸੈਪਲਿੰਗ ਦੁਆਰਾ ਤਿਆਰ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ICO ਨੂੰ JavaScript ਵਿੱਚ DataView ਰਾਈਟਸ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਮਲਟੀ-ਰੈਜ਼ੋਲੂਸ਼ਨ ICO ਫਾਰਮੈਟ ਵਿੱਚ 16/32/48 ਸੰਸਕਰਣਾਂ ਨੂੰ ਜੋੜ ਕੇ ਬਣਾਇਆ ਗਿਆ ਹੈ।

HTML ਲਿੰਕ ਟੈਗ ਹਰੇਕ ਫਾਈਲ ਨੂੰ ਉਚਿਤ rel ਅਤੇ ਆਕਾਰ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੇ ਨਾਲ ਹਵਾਲਾ ਦਿੰਦੇ ਹਨ। ਜਨਰੇਟਰ ਇਹਨਾਂ ਨੂੰ ਤੁਹਾਡੀ ਸਾਈਟ ਦੇ <head> ਲਈ ਕਾਪੀ-ਪੇਸਟ-ਤਿਆਰ ਸਨਿੱਪਟ ਵਜੋਂ ਤਿਆਰ ਕਰਦਾ ਹੈ।

ਵਧੀਆ ਅਭਿਆਸ

ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ

ਮੈਨੂੰ ਕਿਹੜਾ ਚਿੱਤਰ ਫਾਰਮੈਟ ਅੱਪਲੋਡ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ?
ਪਾਰਦਰਸ਼ੀ ਪਿਛੋਕੜ ਵਾਲਾ PNG ਵਧੀਆ ਕੰਮ ਕਰਦਾ ਹੈ। ਇੱਕ ਵਰਗ ਚਿੱਤਰ ਨੂੰ ਘੱਟੋ-ਘੱਟ 512x512 ਪਿਕਸਲ ਵਰਤੋ ਤਾਂ ਜੋ ਟੂਲ ਗੁਣਵੱਤਾ ਦੇ ਨੁਕਸਾਨ ਦੇ ਬਿਨਾਂ ਸਕੇਲ ਕਰ ਸਕੇ। SVG ਵੀ ਵਧੀਆ ਕੰਮ ਕਰਦਾ ਹੈ ਕਿਉਂਕਿ ਇਹ ਕਿਸੇ ਵੀ ਆਕਾਰ ਤੱਕ ਸਕੇਲ ਕਰਦਾ ਹੈ।
ਇਹ ਕਿਹੜੇ ਆਕਾਰ ਪੈਦਾ ਕਰਦਾ ਹੈ?
16x16 (ਬ੍ਰਾਊਜ਼ਰ ਟੈਬ), 32x32 (ਬ੍ਰਾਊਜ਼ਰ ਟੈਬ @2x), 48x48 (ਵਿੰਡੋਜ਼ ਟਾਸਕਬਾਰ), 180x180 (ਐਪਲ ਟੱਚ ਆਈਕਨ), 192x192 (ਐਂਡਰਾਇਡ ਹੋਮ ਸਕ੍ਰੀਨ), 512x512 (PWA ਸਪਲੈਸ਼ ਸਕ੍ਰੀਨ)। The ICO file contains 16, 32, and 48px sizes.
ਮੈਂ ਫੈਵੀਕੋਨ ਫਾਈਲਾਂ ਕਿੱਥੇ ਰੱਖਾਂ?
ਆਪਣੀ ਵੈੱਬਸਾਈਟ ਰੂਟ ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ favicon.ico ਰੱਖੋ। ਹੋਰ PNG ਆਕਾਰ ਤੁਹਾਡੇ ਜਨਤਕ ਫੋਲਡਰ ਜਾਂ ਕਿਸੇ ਵੀ ਪਹੁੰਚਯੋਗ ਮਾਰਗ ਵਿੱਚ ਜਾਂਦੇ ਹਨ। ਹਰੇਕ ਫਾਈਲ ਟਿਕਾਣੇ ਵੱਲ ਇਸ਼ਾਰਾ ਕਰਦੇ ਹੋਏ ਆਪਣੇ <head> ਭਾਗ ਵਿੱਚ HTML ਲਿੰਕ ਟੈਗ ਸ਼ਾਮਲ ਕਰੋ।
ਬਰਾਊਜ਼ਰ ਵਿੱਚ ਮੇਰਾ ਫੇਵੀਕੋਨ ਅੱਪਡੇਟ ਕਿਉਂ ਨਹੀਂ ਹੁੰਦਾ?
ਬ੍ਰਾਊਜ਼ਰ ਹਮਲਾਵਰ ਢੰਗ ਨਾਲ ਫੈਵੀਕਾਨਾਂ ਨੂੰ ਕੈਸ਼ ਕਰਦੇ ਹਨ। ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਕੈਸ਼ ਨੂੰ ਸਾਫ਼ ਕਰੋ, ਇੱਕ ਗੁਮਨਾਮ ਵਿੰਡੋ ਵਿੱਚ ਖੋਲ੍ਹਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ, ਜਾਂ ਇੱਕ ਰਿਫ੍ਰੈਸ਼ ਕਰਨ ਲਈ ਫੈਵੀਕੋਨ URL ਵਿੱਚ ਇੱਕ ਵਰਜਨ ਪੁੱਛਗਿੱਛ ਸਤਰ (?v=2) ਜੋੜੋ।
ਮੇਰਾ ਫੇਵੀਕਾਨ ਅੱਪਡੇਟ ਕਿਉਂ ਨਹੀਂ ਹੁੰਦਾ?
ਬ੍ਰਾਊਜ਼ਰ ਫੈਵੀਕਾਨਾਂ ਨੂੰ ਹਮਲਾਵਰ ਢੰਗ ਨਾਲ ਕੈਸ਼ ਕਰਦੇ ਹਨ, ਕਈ ਵਾਰ ਦਿਨਾਂ ਲਈ। ਕੈਸ਼ ਕਲੀਅਰ ਕਰਕੇ, ਆਈਕਨ URL ਨੂੰ ਸਿੱਧਾ ਖੋਲ੍ਹ ਕੇ, ਜਾਂ ਲਿੰਕ ਟੈਗ ਵਿੱਚ ਇੱਕ ਸੰਸਕਰਣ ਪੁੱਛਗਿੱਛ ਪੈਰਾਮੀਟਰ ਜੋੜ ਕੇ ਇੱਕ ਤਾਜ਼ਾ ਕਰਨ ਲਈ ਮਜਬੂਰ ਕਰੋ।
ਕੀ ਮੇਰੀ ਤਸਵੀਰ ਸਰਵਰ 'ਤੇ ਅੱਪਲੋਡ ਕੀਤੀ ਗਈ ਹੈ?
ਨਹੀਂ। ਜਨਰੇਸ਼ਨ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਹੁੰਦੀ ਹੈ।
ਕੀ ਮੈਨੂੰ SVG ਜਾਂ PNG ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ?
ਸਰੋਤ ਲਈ SVG (ਰੈਜ਼ੋਲੂਸ਼ਨ-ਸੁਤੰਤਰ)। ਜਨਰੇਟਰ PNGs ਨੂੰ ਖਾਸ ਆਕਾਰਾਂ 'ਤੇ ਆਊਟਪੁੱਟ ਕਰਦਾ ਹੈ; ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰ ਲਿੰਕ rel=icon type=image/svg+xml ਰਾਹੀਂ SVG ਫੈਵੀਕਨ ਦਾ ਸਮਰਥਨ ਵੀ ਕਰਦੇ ਹਨ।
site.webmanifest ਕੀ ਹੈ?
ਆਈਕਾਨਾਂ, ਰੰਗਾਂ ਅਤੇ ਹੋਰ ਮੈਟਾਡੇਟਾ ਦਾ ਵਰਣਨ ਕਰਨ ਵਾਲੀਆਂ ਪ੍ਰਗਤੀਸ਼ੀਲ ਵੈੱਬ ਐਪਾਂ ਲਈ ਇੱਕ JSON ਮੈਨੀਫੈਸਟ। ਸਥਾਪਿਤ ਹੋਣ ਯੋਗ ਵੈੱਬ ਐਪਾਂ ਲਈ ਲੋੜੀਂਦਾ; ਮਿਆਰੀ ਸਾਈਟਾਂ 'ਤੇ ਵੀ ਸ਼ਾਮਲ ਕਰਨ ਲਈ ਨੁਕਸਾਨਦੇਹ.