ਮੁਫ਼ਤ ਚਿੱਤਰ ਤੋਂ Base64
CSS, HTML, ਜਾਂ Markdown ਵਿੱਚ ਇਨਲਾਈਨ ਵਰਤੋਂ ਲਈ ਚਿੱਤਰ ਨੂੰ Base64 ਡਾਟਾ URI ਵਿੱਚ ਬਦਲੋ। ਤਿਆਰ ਕੋਡ ਸਨਿੱਪਟ ਕਾਪੀ ਕਰੋ। ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਏਨਕੋਡ ਕੀਤਾ ਜਾਂਦਾ ਹੈ; ਕਦੇ ਅੱਪਲੋਡ ਨਹੀਂ ਹੁੰਦਾ।
ਫਾਈਲਾਂ ਨੂੰ ਇੱਥੇ ਸੁੱਟੋ, ਜਾਂ ਬ੍ਰਾਊਜ਼ ਕਰਨ ਲਈ ਕਲਿੱਕ ਕਰੋ
PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · ਕੋਈ ਫਾਈਲ ਆਕਾਰ ਸੀਮਾ ਨਹੀਂ ਹੈ
ਜਾਂ ਆਪਣੇ ਕਲਿੱਪਬੋਰਡ ਤੋਂ ਪੇਸਟ ਕਰਨ ਲਈ Ctrl+V ਦਬਾਓ
ਸੁਝਾਅ: ਤੁਸੀਂ ਆਪਣੇ ਕਲਿੱਪਬੋਰਡ ਤੋਂ ਵੀ ਤਸਵੀਰ ਪੇਸਟ ਕਰ ਸਕਦੇ ਹੋ (Ctrl+V)।
ਤੁਹਾਡੀਆਂ ਫ਼ਾਈਲਾਂ ਕਦੇ ਵੀ ਤੁਹਾਡੀ ਡੀਵਾਈਸ ਨੂੰ ਨਹੀਂ ਛੱਡਦੀਆਂ। ਸਾਰੀ ਪ੍ਰਕਿਰਿਆ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਹੁੰਦੀ ਹੈ।
ਕਿਸੇ ਤਸਵੀਰ ਨੂੰ Base64 ਡੇਟਾ URI ਵਿੱਚ ਬਦਲੋ ਜਿਸਨੂੰ ਤੁਸੀਂ ਸਿੱਧਾ CSS, HTML, ਜਾਂ Markdown ਵਿੱਚ ਪੇਸਟ ਕਰ ਸਕਦੇ ਹੋ — ਵੱਖਰੀ ਫ਼ਾਈਲ ਦੀ ਲੋੜ ਨਹੀਂ। ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਏਨਕੋਡ ਹੁੰਦਾ ਹੈ; ਕਦੇ ਅਪਲੋਡ ਨਹੀਂ ਹੁੰਦਾ।
ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ
ਇੱਕ ਡਾਟਾ URI ਇੱਕ ਚਿੱਤਰ ਨੂੰ ਸਿੱਧੇ ਤੁਹਾਡੇ ਕੋਡ ਵਿੱਚ ਟੈਕਸਟ ਵਜੋਂ ਸ਼ਾਮਲ ਕਰਦਾ ਹੈ, ਤਾਂ ਜੋ ਇਹ ਵੱਖਰੀ ਫਾਈਲ ਬੇਨਤੀ ਬਿਨਾਂ ਲੋਡ ਹੋਵੇ — ਛੋਟੇ ਆਈਕਨਾਂ ਅਤੇ ਸਵੈ-ਨਿਰਭਰ HTML ਲਈ ਸੌਖਾ। ਇਹ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਇਸਨੂੰ ਏਨਕੋਡ ਕਰਦਾ ਹੈ।
- 1ਤੁਸੀਂ ਇੱਕ ਚਿੱਤਰ ਪਾਉਂਦੇ ਹੋਇਸਨੂੰ FileReader API ਨਾਲ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਪੜ੍ਹਿਆ ਜਾਂਦਾ ਹੈ — ਕਦੇ ਅੱਪਲੋਡ ਨਹੀਂ ਹੁੰਦਾ।
- 2ਇਹ ਬੇਸ64-ਐਨਕੋਡ ਕੀਤਾ ਜਾਂਦਾ ਹੈਚਿੱਤਰ ਦੇ ਬਾਈਟਸ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਹੀ ਇੱਕ data: URI (data:image/...;base64,…) ਬਣ ਜਾਂਦੇ ਹਨ।
- 3ਤੁਸੀਂ ਇੱਕ ਸਨਿੱਪਟ ਚੁਣਦੇ ਹੋਕੱਚਾ ਡਾਟਾ URI, ਜਾਂ ਤਿਆਰ-ਸ਼ੁਦਾ CSS (background-image), HTML (<img>), ਜਾਂ Markdown ਕਾਪੀ ਕਰੋ।
- 4ਇਸਨੂੰ ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਪੇਸਟ ਕਰੋਚਿੱਤਰ ਹੁਣ ਤੁਹਾਡੇ CSS/HTML ਨਾਲ ਹੀ ਯਾਤਰਾ ਕਰਦਾ ਹੈ — ਹੋਸਟ ਕਰਨ ਲਈ ਕੋਈ ਵਾਧੂ ਫਾਈਲ ਨਹੀਂ।
ਚਿੱਤਰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੁਹਾਡੀ ਡਿਵਾਈਸ 'ਤੇ ਏਨਕੋਡ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਧਿਆਨ ਰੱਖੋ ਕਿ ਬੇਸ64 ਅਸਲ ਨਾਲੋਂ ~33% ਵੱਡਾ ਹੁੰਦਾ ਹੈ, ਇਸ ਲਈ ਡਾਟਾ URI ਛੋਟੇ ਚਿੱਤਰਾਂ ਲਈ ਸਭ ਤੋਂ ਵਧੀਆ ਹਨ।
ਸੰਬੰਧਿਤ ਟੂਲ
ਇਮੇਜ ਸਟੈਗਨੋਗ੍ਰਾਫੀ (ਤਸਵੀਰ ਵਿੱਚ ਟੈਕਸਟ ਲੁਕਾਓ)
least-significant-bit ਸਟੈਗਨੋਗ੍ਰਾਫੀ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ PNG ਦੇ ਅੰਦਰ ਇੱਕ ਗੁਪਤ ਟੈਕਸਟ ਸੁਨੇਹਾ ਲੁਕਾਓ, ਨਾਲ ਵਿਕਲਪਿਕ AES-256-GCM ਪਾਸਵਰਡ ਐਨਕ੍ਰਿਪਸ਼ਨ। ਬਾਅਦ ਵਿੱਚ ਉਸੇ ਟੂਲ ਨਾਲ ਇਸਨੂੰ ਕੱਢੋ। ਸਭ ਕੁਝ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ।
Base64 ਐਨਕੋਡਰ ਅਤੇ ਡੀਕੋਡਰ
ਟੈਕਸਟ ਜਾਂ ਫਾਈਲਾਂ ਨੂੰ Base64 ਵਿੱਚ ਐਨਕੋਡ ਕਰੋ, ਜਾਂ Base64 ਸਟ੍ਰਿੰਗਾਂ ਨੂੰ ਵਾਪਸ ਸਾਦੇ ਟੈਕਸਟ ਵਿੱਚ ਡੀਕੋਡ ਕਰੋ। ਤੁਰੰਤ, ਪ੍ਰਾਈਵੇਟ, ਅਤੇ ਮੁਫ਼ਤ।
URL ਏਨਕੋਡਰ ਅਤੇ ਡੀਕੋਡਰ
URL ਅਤੇ ਪੁੱਛਗਿੱਛ ਸਤਰ ਨੂੰ ਏਨਕੋਡ ਅਤੇ ਡੀਕੋਡ ਕਰੋ। encodeURICcomponent, decodeURICcomponent, ਅਤੇ ਪੁੱਛਗਿੱਛ ਸਟ੍ਰਿੰਗ ਪਾਰਸਿੰਗ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ।