ਫੈਵੀਕਾਨ ਜਾਂਚਕਰਤਾ
ਕਿਸੇ ਵੈੱਬਸਾਈਟ ਦਾ ਫੈਵੀਕਾਨ (favicon), /favicon.ico ਅਤੇ ਐਪਲ ਟੱਚ ਆਈਕਨ ਲੱਭਣ, Google ਅਤੇ iOS ਲਈ ਲੋੜੀਂਦੇ ਸਾਈਜ਼ ਦੇਖਣ, ਅਤੇ ਇਸਨੂੰ ਲਾਈਟ ਅਤੇ ਡਾਰਕ ਟੈਬਾਂ 'ਤੇ ਦੇਖਣ ਲਈ ਇੱਕ URL ਦਾਖਲ ਕਰੋ।
16 px32 px48 pxFavicon64 × 64, PNGhttps://framerusercontent.com/images/Io89FonxEaWg4nxvQQllVLwPUUI.pngApple touch icon180 × 180, PNGhttps://framerusercontent.com/images/aXvo6HfUhqvR7oFjFL8b4AcyGfg.pngਇੱਕ ਫੈਵੀਕਾਨ (favicon) ਕਿਵੇਂ ਸੈੱਟ ਅੱਪ ਕਰਨਾ ਹੈ ਜੋ ਹਰ ਥਾਂ ਦਿਖਾਈ ਦੇਵੇ
ਬ੍ਰਾਊਜ਼ਰ, ਗੂਗਲ ਅਤੇ ਫ਼ੋਨ ਹਰੇਕ ਇੱਕ ਵੱਖਰੀ ਫ਼ਾਈਲ ਲੱਭਦੇ ਹਨ। ਇਹਨਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰੋ ਅਤੇ ਤੁਹਾਡਾ ਆਈਕਨ ਟੈਬਾਂ, ਖੋਜ ਨਤੀਜਿਆਂ ਅਤੇ ਹੋਮ ਸਕ੍ਰੀਨਾਂ 'ਤੇ ਦਿਖਾਈ ਦੇਵੇਗਾ।
48 px ਜਾਂ ਇਸ ਤੋਂ ਵੱਡੇ ਵਰਗਾਕਾਰ ਆਈਕਨ ਦੀ ਵਰਤੋਂ ਕਰੋ
Google ਖੋਜ ਨਤੀਜਿਆਂ ਦੇ ਨਾਲ ਫੈਵੀਕਾਨ ਦਿਖਾਉਂਦਾ ਹੈ ਅਤੇ ਇਸਦੇ ਲਈ ਇੱਕ ਵਰਗਾਕਾਰ ਚਿੱਤਰ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ ਜੋ 48 px ਦਾ ਗੁਣਕ ਹੋਵੇ, ਜਿਵੇਂ ਕਿ 48 × 48 ਜਾਂ 96 × 96। ਇੱਕ SVG ਫੈਵੀਕਾਨ ਹਰ ਆਕਾਰ 'ਤੇ ਸਾਫ਼ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ।
ਰੂਟ (root) 'ਤੇ ਇੱਕ favicon.ico ਰੱਖੋ
ਕੁਝ ਬ੍ਰਾਊਜ਼ਰ, ਫ਼ੀਡ ਰੀਡਰ ਅਤੇ ਟੂਲ ਅਜੇ ਵੀ ਸਿੱਧੇ ਤੌਰ 'ਤੇ /favicon.ico ਦੀ ਮੰਗ ਕਰਦੇ ਹਨ, ਭਾਵੇਂ ਤੁਸੀਂ ਕੋਈ ਹੋਰ ਆਈਕਨ ਨਿਰਧਾਰਤ ਕੀਤਾ ਹੋਵੇ। ਉੱਥੇ ਰੱਖੀ 32 × 32 ਆਕਾਰ ਦੀ .ico ਫ਼ਾਈਲ ਉਹਨਾਂ ਲਈ ਕੰਮ ਕਰਦੀ ਹੈ।
ਇੱਕ 180 × 180 Apple ਟੱਚ ਆਈਕਨ ਸ਼ਾਮਲ ਕਰੋ
ਜਦੋਂ ਕੋਈ ਤੁਹਾਡੀ ਸਾਈਟ ਨੂੰ ਹੋਮ ਸਕ੍ਰੀਨ 'ਤੇ ਸੇਵ ਕਰਦਾ ਹੈ, ਤਾਂ iPhone ਅਤੇ iPad apple-touch-icon ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ। ਇਸ ਤੋਂ ਬਿਨਾਂ, iOS ਵੈੱਬ ਪੇਜ ਦੇ ਸਕ੍ਰੀਨਸ਼ੌਟ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ।
ਇਸਨੂੰ ਡਾਰਕ ਟੈਬ 'ਤੇ ਚੈੱਕ ਕਰੋ
ਗੂੜ੍ਹੇ ਆਈਕਨ ਗੂੜ੍ਹੇ ਬ੍ਰਾਊਜ਼ਰ ਟੈਬਾਂ 'ਤੇ ਗਾਇਬ ਹੋ ਸਕਦੇ ਹਨ। prefers-color-scheme ਮੀਡੀਆ ਕਿਊਰੀ ਦੇ ਨਾਲ ਡਾਰਕ ਮੋਡ ਲਈ ਇੱਕ ਦੂਜਾ, ਹਲਕਾ ਆਈਕਨ ਸ਼ਾਮਲ ਕਰੋ, ਅਤੇ ਮੈਟਾ ਟੈਗ ਜਨਰੇਟਰ ਨਾਲ ਆਪਣੇ ਆਈਕਨ ਟੈਗ ਲਿਖੋ।
ਫ਼ੈਵੀਕਾਨ ਚੈਕਰ ਅਕਸਰ ਪੁੱਛੇ ਜਾਂਦੇ ਸਵਾਲ (FAQ)
ਫੈਵੀਕਾਨ ਦੇ ਆਕਾਰਾਂ, ਫਾਰਮੈਟਾਂ ਅਤੇ ਤੁਹਾਡਾ ਆਈਕਨ ਕਿਉਂ ਨਹੀਂ ਦਿਖਾਈ ਦੇ ਰਿਹਾ ਹੈ, ਇਸ ਬਾਰੇ ਤੁਰੰਤ ਜਵਾਬ।
ਫੈਵੀਕਾਨ ਦਾ ਆਕਾਰ ਕੀ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ?
ਇੱਕ ਵਰਗਾਕਾਰ ਆਈਕਨ ਵਰਤੋ। 32 × 32 ਬ੍ਰਾਊਜ਼ਰ ਟੈਬਾਂ ਨੂੰ ਕਵਰ ਕਰਦਾ ਹੈ, ਖੋਜ ਨਤੀਜਿਆਂ ਲਈ Google ਨੂੰ 48 × 48 ਜਾਂ ਇਸ ਤੋਂ ਵੱਡੇ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ, ਅਤੇ 180 × 180 ਐਪਲ ਟੱਚ ਆਈਕਨ ਦਾ ਆਕਾਰ ਹੈ। ਇੱਕ SVG ਫੈਵੀਕਾਨ (favicon) ਇਹਨਾਂ ਸਾਰਿਆਂ ਵਿੱਚ ਸਹੀ ਤਰ੍ਹਾਂ ਸਕੇਲ ਹੋ ਜਾਂਦਾ ਹੈ।
ਮੇਰਾ favicon Google ਵਿੱਚ ਕਿਉਂ ਨਹੀਂ ਦਿਖਾਈ ਦੇ ਰਿਹਾ ਹੈ?
Google ਸਿਰਫ਼ ਉਹ ਫੈਵੀਕਨ (favicon) ਦਿਖਾਉਂਦਾ ਹੈ ਜਿਸਨੂੰ ਇਹ ਤੁਹਾਡੇ ਹੋਮਪੇਜ ਤੋਂ ਕ੍ਰੌਲ (crawl) ਕਰ ਸਕਦਾ ਹੈ। ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਇਹ ਚੌਰਸ ਹੋਵੇ, ਘੱਟੋ-ਘੱਟ 48 × 48 ਆਕਾਰ ਦਾ ਹੋਵੇ ਅਤੇ robots.txt ਦੁਆਰਾ ਬਲੌਕ ਨਾ ਕੀਤਾ ਗਿਆ ਹੋਵੇ, ਫਿਰ Google ਨੂੰ ਦੁਬਾਰਾ ਕ੍ਰੌਲ ਕਰਨ ਲਈ ਕੁਝ ਦਿਨਾਂ ਦਾ ਸਮਾਂ ਦਿਓ।
ਮੇਰਾ ਪੁਰਾਣਾ ਫੈਵੀਕਾਨ (favicon) ਅਜੇ ਵੀ ਕਿਉਂ ਦਿਖਾਈ ਦੇ ਰਿਹਾ ਹੈ?
ਬ੍ਰਾਊਜ਼ਰ ਲੰਬੇ ਸਮੇਂ ਲਈ ਫੈਵੀਕਾਨ (favicons) ਕੈਸ਼ ਕਰਦੇ ਹਨ। ਨਵੀਂ ਕਾਪੀ ਲੋਡ ਕਰਨ ਲਈ ਹਾਰਡ ਰਿਫ੍ਰੈਸ਼ ਕਰੋ, ਸਾਈਟ ਨੂੰ ਪ੍ਰਾਈਵੇਟ ਵਿੰਡੋ ਵਿੱਚ ਖੋਲ੍ਹੋ, ਜਾਂ ਫਾਈਲ ਦਾ ਨਾਮ ਬਦਲੋ (ਉਦਾਹਰਨ ਲਈ favicon-v2.png)।
ਮੈਨੂੰ ਕਿਹੜਾ ਫੈਵੀਕਾਨ (favicon) ਫਾਰਮੈਟ ਵਰਤਣਾ ਚਾਹੀਦਾ ਹੈ?
rel="icon" ਲਈ PNG ਜਾਂ SVG, ਨਾਲ ਹੀ ਪੁਰਾਣੇ ਟੂਲਸ ਲਈ ਰੂਟ ਵਿੱਚ ਇੱਕ favicon.ico ਵਰਤੋ। Apple ਟੱਚ ਆਈਕਨ ਲਈ PNG ਵਰਤੋ, ਕਿਉਂਕਿ iOS ਉੱਥੇ SVG ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦਾ ਹੈ।
ਕੀ ਇਹ ਫੈਵੀਕਾਨ ਚੈਕਰ ਮੁਫ਼ਤ ਹੈ?
ਹਾਂ, ਬਿਨਾਂ ਕਿਸੇ ਸਾਈਨ-ਅੱਪ ਦੇ। ਕੋਈ ਵੀ ਪਬਲਿਕ URL ਦਰਜ ਕਰੋ ਅਤੇ ਇਹ ਜਾਂਚ ਕਰਦਾ ਹੈ ਕਿ ਉਹ ਸਾਈਟ ਕਿਹੜੇ ਆਈਕਨ ਪ੍ਰਦਾਨ ਕਰਦੀ ਹੈ।