ਮੁਫ਼ਤ · ਕੋਈ ਵਾਟਰਮਾਰਕ ਨਹੀਂ · 52 ਭਾਸ਼ਾਵਾਂ

ਹਰ ਡਿਵਾਈਸ ਲਈ favicon ਜਨਰੇਟਰ

ਕਿਸੇ ਵੀ ਤਸਵੀਰ ਨੂੰ favicon.ico, Apple touch ਆਈਕਨ, Android ਅਤੇ PWA ਆਈਕਨ ਅਤੇ ਪੇਸਟ ਕਰਨ ਲਈ ਤਿਆਰ HTML ਕੋਡ ਵਿੱਚ ਬਦਲੋ। ਜਾਂ ਪਿਕਸਲ-ਦਰ-ਪਿਕਸਲ ਆਪਣਾ ਆਈਕਨ ਬਣਾਓ।

ਤੁਹਾਡਾ favicon ਪੈਕੇਜ ਤਿਆਰ ਹੈ

zip ਵਿੱਚੋਂ ਫ਼ਾਈਲਾਂ ਅਪਲੋਡ ਕਰੋ ਅਤੇ ਇਹ ਕੋਡ <head> ਵਿੱਚ ਪੇਸਟ ਕਰੋ

3 ਕਦਮਾਂ ਵਿੱਚ favicon ਕਿਵੇਂ ਬਣਾਈਏ

ਕਿਸੇ ਵੀ ਲੋਗੋ ਜਾਂ ਤਸਵੀਰ ਤੋਂ ਇੱਕ ਮਿੰਟ ਤੋਂ ਵੀ ਘੱਟ ਸਮੇਂ ਵਿੱਚ ਪੂਰਾ, ਮਾਪਦੰਡਾਂ ਦੇ ਅਨੁਕੂਲ favicon ਸੈੱਟ।

ਆਪਣਾ ਚਿੱਤਰ ਅਪਲੋਡ ਕਰੋ

ਜਨਰੇਟਰ ਵਿੱਚ PNG, JPG, WebP, AVIF, GIF, SVG ਜਾਂ ICO ਫ਼ਾਈਲ ਸੁੱਟੋ, ਜਾਂ ਪਿਕਸਲ ਐਡੀਟਰ ਵਿੱਚ ਆਈਕਨ ਬਣਾਓ।

ਕਰੌਪ ਅਤੇ ਰੰਗ ਠੀਕ ਕਰੋ

ਤਸਵੀਰ ਨੂੰ ਖਿੱਚੋ ਅਤੇ ਜ਼ੂਮ ਕਰੋ, ਪੈਡਿੰਗ, ਗੋਲ ਕੋਨੇ, ਬੈਕਗ੍ਰਾਊਂਡ ਅਤੇ ਥੀਮ ਰੰਗ ਸੈੱਟ ਕਰੋ।

ਡਾਊਨਲੋਡ ਕਰੋ ਅਤੇ ਇੰਸਟਾਲ ਕਰੋ

ZIP ਡਾਊਨਲੋਡ ਕਰੋ, ਫ਼ਾਈਲਾਂ ਆਪਣੀ ਵੈੱਬਸਾਈਟ 'ਤੇ ਅੱਪਲੋਡ ਕਰੋ ਅਤੇ HTML ਕੋਡ ਨੂੰ <head> ਵਿੱਚ ਪੇਸਟ ਕਰੋ।

ਤੁਹਾਡੀ ਵੈੱਬਸਾਈਟ ਦੇ ਆਈਕਨ ਲਈ ਲੋੜੀਂਦਾ ਸਭ ਕੁਝ

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

ਬ੍ਰਾਊਜ਼ਰ favicon

Chrome, Firefox, Safari ਅਤੇ Edge ਲਈ ਮਲਟੀ-ਸਾਈਜ਼ favicon.ico ਅਤੇ 16, 32 ਅਤੇ 96 px PNG ਆਈਕਨ।

Apple touch ਆਈਕਨ

ਠੋਸ ਬੈਕਗ੍ਰਾਊਂਡ ਨਾਲ 57 ਤੋਂ 180 px ਤੱਕ ਸਾਰੇ iPhone ਅਤੇ iPad ਹੋਮ-ਸਕ੍ਰੀਨ ਆਕਾਰ।

Android ਅਤੇ PWA

512 px ਤੱਕ ਦੇ ਆਈਕਨ, ਇੱਕ maskable ਆਈਕਨ ਅਤੇ ਇੰਸਟਾਲ ਹੋਣ ਯੋਗ ਵੈੱਬ ਐਪਾਂ ਲਈ ਤਿਆਰ manifest.json।

Windows ਟਾਈਲਾਂ

ਤੁਹਾਡੇ ਟਾਈਲ ਰੰਗ ਨਾਲ ਟਾਈਲ ਤਸਵੀਰਾਂ ਅਤੇ browserconfig.xml।

ਪਿਕਸਲ ਐਡੀਟਰ

ਸ਼ੁਰੂ ਤੋਂ ਇੱਕ ਸਾਫ਼ 16×16 ਆਈਕਨ ਬਣਾਓ ਜਾਂ ਆਪਣੇ ਅੱਪਲੋਡ ਦੇ ਹਰ ਪਿਕਸਲ ਨੂੰ ਠੀਕ ਕਰੋ।

HTML ਕੋਡ ਸ਼ਾਮਲ

ਡਾਊਨਲੋਡ ਪੰਨੇ 'ਤੇ ਅਤੇ ਹਰ ਪੈਕੇਜ ਦੀ readme ਵਿੱਚ ਕਾਪੀ-ਪੇਸਟ ਕਰਨ ਲਈ <head> ਕੋਡ।

REST API

ਨਿੱਜੀ API ਕੁੰਜੀਆਂ ਅਤੇ ਤਿਆਰ ਕੋਡ ਉਦਾਹਰਣਾਂ ਨਾਲ favicon ਬਣਾਉਣ ਨੂੰ ਆਟੋਮੇਟ ਕਰੋ।

ਨਿੱਜੀ ਅਤੇ ਸੁਰੱਖਿਅਤ

ਕੋਈ ਹੌਟ-ਲਿੰਕਿੰਗ ਨਹੀਂ, ਕੋਈ ਜਨਤਕ ਗੈਲਰੀਆਂ ਨਹੀਂ। ਤੁਹਾਡੇ ਆਈਕਨ ਤੁਹਾਡੇ ਹੀ ਰਹਿੰਦੇ ਹਨ – ਤੁਹਾਡੇ ਆਪਣੇ ਸਰਵਰ 'ਤੇ ਹੋਸਟ ਕੀਤੇ।

ਪੈਕੇਜ ਵਿੱਚ favicon ਦੇ ਆਕਾਰ

ਫ਼ਾਈਲ	ਆਕਾਰ	ਵਰਤੋਂਕਾਰ
`favicon.ico`	16, 32, 48	ਸਾਰੇ ਬ੍ਰਾਊਜ਼ਰ, Windows, ਕ੍ਰਾਲਰ
`favicon-16x16.png`, `favicon-32x32.png`	16, 32	ਬ੍ਰਾਊਜ਼ਰ ਟੈਬਾਂ, ਬੁੱਕਮਾਰਕ
`favicon-96x96.png`	96	Google ਖੋਜ ਨਤੀਜੇ, ਡੈਸਕਟਾਪ ਸ਼ਾਰਟਕੱਟ
`apple-icon-*.png`, `apple-touch-icon.png`	57 – 180	iPhone, iPad ਹੋਮ ਸਕ੍ਰੀਨ
`android-icon-.png`, `web-app-manifest-.png`	36 – 512	Android ਹੋਮ ਸਕ੍ਰੀਨ, PWA
`maskable-icon-512x512.png`	512	Android ਅਡੈਪਟਿਵ ਆਈਕਨ
`ms-icon-*.png`	70 – 310	Windows ਸਟਾਰਟ ਟਾਈਲਾਂ
`manifest.json`, `site.webmanifest`, `browserconfig.xml`	—	PWA ਇੰਸਟਾਲ, Windows ਸੰਰਚਨਾ

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

favicon ਕੀ ਹੁੰਦਾ ਹੈ?

favicon ਉਹ ਛੋਟਾ ਆਈਕਨ ਹੁੰਦਾ ਹੈ ਜੋ ਬ੍ਰਾਊਜ਼ਰ ਟੈਬਾਂ, ਬੁੱਕਮਾਰਕਾਂ, ਹਿਸਟਰੀ ਅਤੇ ਖੋਜ ਨਤੀਜਿਆਂ ਵਿੱਚ ਤੁਹਾਡੀ ਵੈੱਬਸਾਈਟ ਦੇ ਨਾਮ ਕੋਲ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ। ਆਧੁਨਿਕ ਸਾਈਟਾਂ ਨੂੰ iPhone ਅਤੇ Android ਹੋਮ ਸਕ੍ਰੀਨਾਂ, Windows ਟਾਈਲਾਂ ਅਤੇ Progressive Web Apps ਲਈ ਵੱਡੇ ਸੰਸਕਰਣਾਂ ਦੀ ਵੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।

ਮੈਂ ਕਿਹੜੇ ਇਮੇਜ ਫਾਰਮੈਟ ਅੱਪਲੋਡ ਕਰ ਸਕਦਾ/ਸਕਦੀ ਹਾਂ?

ਤੁਸੀਂ PNG, JPG, WebP, AVIF, GIF, BMP, SVG ਜਾਂ ਮੌਜੂਦਾ ICO ਫ਼ਾਈਲ ਅੱਪਲੋਡ ਕਰ ਸਕਦੇ ਹੋ। ਸਭ ਤੋਂ ਸਾਫ਼ ਨਤੀਜੇ ਲਈ ਪਾਰਦਰਸ਼ੀ ਬੈਕਗ੍ਰਾਊਂਡ ਵਾਲੀ ਘੱਟੋ-ਘੱਟ 512 × 512 ਪਿਕਸਲ ਦੀ ਵਰਗਾਕਾਰ ਤਸਵੀਰ ਵਰਤੋ।

favicon ਪੈਕੇਜ ਵਿੱਚ ਕੀ ਕੁਝ ਹੁੰਦਾ ਹੈ?

ਕਈ ਆਕਾਰਾਂ ਵਾਲਾ favicon.ico (16, 32 ਅਤੇ 48 px), PNG favicon, ਸਾਰੇ Apple touch icons, maskable ਆਈਕਨ ਸਮੇਤ Android ਅਤੇ PWA ਆਈਕਨ, Windows ਟਾਈਲ ਚਿੱਤਰ, manifest.json, site.webmanifest, browserconfig.xml ਅਤੇ ਇੰਸਟਾਲੇਸ਼ਨ ਦੇ ਕਦਮਾਂ ਤੇ ਪੇਸਟ ਕਰਨ ਲਈ ਤਿਆਰ HTML ਕੋਡ ਵਾਲੀ readme ਫ਼ਾਈਲ।

ਕੀ MakeFav ਮੁਫ਼ਤ ਹੈ?

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

ਡਾਊਨਲੋਡ ਕਰਨ ਲਈ ਮੈਨੂੰ ਖਾਤੇ ਦੀ ਲੋੜ ਕਿਉਂ ਹੈ?

ਖਾਤੇ ਸੇਵਾ ਨੂੰ ਦੁਰਵਰਤੋਂ ਅਤੇ ਹੌਟ-ਲਿੰਕਿੰਗ ਤੋਂ ਬਚਾਉਂਦੇ ਹਨ, ਤੁਹਾਡੇ favicon ਪੈਕੇਜਾਂ ਦਾ ਇਤਿਹਾਸ ਰੱਖਦੇ ਹਨ ਅਤੇ ਤੁਹਾਨੂੰ ਨਿੱਜੀ API ਕੁੰਜੀਆਂ ਦਿੰਦੇ ਹਨ। ਬਣਾਏ ਆਈਕਨ ਸਾਡੇ ਸਰਵਰਾਂ ਤੋਂ ਕਦੇ ਪ੍ਰਕਾਸ਼ਿਤ ਜਾਂ ਹੌਟ-ਲਿੰਕ ਨਹੀਂ ਕੀਤੇ ਜਾਂਦੇ – ਤੁਸੀਂ ਉਨ੍ਹਾਂ ਨੂੰ ਆਪ ਹੋਸਟ ਕਰਦੇ ਹੋ।

ਮੈਂ ਆਪਣੀ ਵੈੱਬਸਾਈਟ ਤੇ favicon ਕਿਵੇਂ ਇੰਸਟਾਲ ਕਰਾਂ?

ਪੈਕੇਜ ਨੂੰ ਅਨਜ਼ਿਪ ਕਰੋ, ਸਾਰੀਆਂ ਫ਼ਾਈਲਾਂ ਆਪਣੀ ਵੈੱਬਸਾਈਟ ਦੇ ਰੂਟ ਫੋਲਡਰ ਵਿੱਚ ਅੱਪਲੋਡ ਕਰੋ ਅਤੇ ਹਰ ਪੰਨੇ ਦੇ <head> ਭਾਗ ਵਿੱਚ HTML ਸਨਿੱਪਟ ਪੇਸਟ ਕਰੋ। ਇਹੀ ਕੋਡ ਪੈਕੇਜ ਵਿਚਲੀ readme-makefav.txt ਦੇ ਅੰਤ ਵਿੱਚ ਵੀ ਹੈ।

ਕੀ 2026 ਵਿੱਚ ਵੀ ਮੈਨੂੰ favicon.ico ਦੀ ਲੋੜ ਹੈ?

ਹਾਂ। ਬਹੁਤ ਸਾਰੇ ਟੂਲ, ਕ੍ਰਾਲਰ ਅਤੇ ਪੁਰਾਣੇ ਬ੍ਰਾਊਜ਼ਰ ਅਜੇ ਵੀ /favicon.ico ਆਪਣੇ-ਆਪ ਮੰਗਦੇ ਹਨ। ਵਧੀਆ ਕਵਰੇਜ ਲਈ ਇਸਨੂੰ PNG ਅਤੇ SVG ਆਈਕਨਾਂ ਅਤੇ ਵੈੱਬ ਮੈਨੀਫੈਸਟ ਨਾਲ ਵਰਤੋ।

ਕੀ ਮੈਂ favicon ਆਪਣੇ-ਆਪ ਬਣਾ ਸਕਦਾ/ਸਕਦੀ ਹਾਂ?

ਹਾਂ। ਆਪਣੀ ਬਿਲਡ ਪਾਈਪਲਾਈਨ, CMS ਜਾਂ ਐਪ ਤੋਂ ਪੂਰੇ favicon ਪੈਕੇਜ ਬਣਾਉਣ ਲਈ ਆਪਣੀ ਨਿੱਜੀ API ਕੁੰਜੀ ਨਾਲ MakeFav REST API ਵਰਤੋ। ਕੋਡ ਉਦਾਹਰਣਾਂ ਲਈ API ਦਸਤਾਵੇਜ਼ ਵੇਖੋ।

ਆਪਣਾ favicon ਹੁਣੇ ਬਣਾਓ

ਵਿਗਿਆਪਨ