ਬੇਸ64 ਚਿੱਤਰ ਡਿਕੋਡਰ ਅਤੇ ਵੇਖਣ ਵਾਲਾ | ਬੇਸ64 ਨੂੰ ਚਿੱਤਰਾਂ ਵਿੱਚ ਬਦਲੋ
ਬੇਸ64-ਕੋਡਿਤ ਚਿੱਤਰ ਸਤਰਾਂ ਨੂੰ ਤੁਰੰਤ ਡਿਕੋਡ ਅਤੇ ਪ੍ਰੀਵਿਊ ਕਰੋ। ਗਲਤ ਇਨਪੁੱਟ ਲਈ ਗਲਤੀ ਸੰਭਾਲਣ ਦੇ ਨਾਲ JPEG, PNG, GIF ਅਤੇ ਹੋਰ ਆਮ ਫਾਰਮੈਟਾਂ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ।
ਬੇਸ64 ਚਿੱਤਰ ਡਿਕੋਡਰ ਅਤੇ ਦੇਖਣ ਵਾਲਾ
ਇੱਕ ਬੇਸ64 ਕੋਡਿਤ ਚਿੱਤਰ ਸਤਰ ਪੇਸਟ ਕਰੋ ਅਤੇ ਚਿੱਤਰ ਦੇਖਣ ਲਈ ਇਸਨੂੰ ਡਿਕੋਡ ਕਰੋ।
ਚਿੱਤਰ ਪ੍ਰੀਵਿਊ
ਦਿਖਾਉਣ ਲਈ ਕੋਈ ਚਿੱਤਰ ਨਹੀਂ। ਇਸਨੂੰ ਡਿਕੋਡ ਕਰਨ ਲਈ ਇੱਕ ਬੇਸ64 ਸਤਰ ਪੇਸਟ ਕਰੋ।
JPEG, PNG, GIF ਅਤੇ ਹੋਰ ਆਮ ਚਿੱਤਰ ਫਾਰਮੈਟਾਂ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ।
ਹਦਾਇਤਾਂ
1. ਉੱਪਰ ਦਿੱਤੇ ਗਏ ਟੈਕਸਟ ਖੇਤਰ ਵਿੱਚ ਇੱਕ ਬੇਸ64 ਕੋਡਿਤ ਚਿੱਤਰ ਸਤਰ ਪੇਸਟ ਕਰੋ।
2. ਜਦੋਂ ਤੁਸੀਂ ਟਾਈਪ ਕਰਦੇ ਹੋ, ਚਿੱਤਰ ਆਪਣੇ ਆਪ ਡਿਕੋਡ ਹੋ ਜਾਵੇਗਾ, ਜਾਂ 'ਚਿੱਤਰ ਡਿਕੋਡ ਕਰੋ' ਬਟਨ 'ਤੇ ਕਲਿਕ ਕਰੋ।
3. ਡਿਕੋਡ ਕੀਤਾ ਗਿਆ ਚਿੱਤਰ ਹੇਠਾਂ ਦੇ ਪ੍ਰੀਵਿਊ ਖੇਤਰ ਵਿੱਚ ਦਿਖਾਈ ਦੇਵੇਗਾ।
ਨੋਟ: ਸਭ ਤੋਂ ਵਧੀਆ ਨਤੀਜਿਆਂ ਲਈ, ਸਤਰ ਦਾ ਸ਼ੁਰੂ 'data:image/' ਨਾਲ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ, ਪਰ ਇਹ ਟੂਲ ਇਸ ਪੂਰਵਪਦ ਦੇ ਬਿਨਾਂ ਸਤਰਾਂ ਨੂੰ ਵੀ ਡਿਕੋਡ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੇਗਾ।
ਦਸਤਾਵੇਜ਼
Base64 ਚਿੱਤਰ ਡਿਕੋਡਰ ਅਤੇ ਦੇਖਣ ਵਾਲਾ
ਪਰਿਚਯ
Base64 ਇੱਕ ਬਾਇਨਰੀ-ਟੂ-ਟੈਕਸਟ ਐਨਕੋਡਿੰਗ ਸਕੀਮ ਹੈ ਜੋ ਬਾਇਨਰੀ ਡਾਟਾ ਨੂੰ ਇੱਕ ASCII ਸਤਰ ਫਾਰਮੈਟ ਵਿੱਚ ਦਰਸਾਉਂਦੀ ਹੈ। ਇਹ ਆਮ ਤੌਰ 'ਤੇ HTML, CSS, JavaScript, JSON ਅਤੇ ਹੋਰ ਟੈਕਸਟ-ਅਧਾਰਿਤ ਫਾਰਮੈਟਾਂ ਵਿੱਚ ਚਿੱਤਰ ਡਾਟਾ ਨੂੰ ਸਿੱਧਾ ਸ਼ਾਮਲ ਕਰਨ ਲਈ ਵਰਤੀ ਜਾਂਦੀ ਹੈ ਜਿੱਥੇ ਬਾਇਨਰੀ ਡਾਟਾ ਸਿੱਧਾ ਸ਼ਾਮਲ ਨਹੀਂ ਕੀਤਾ ਜਾ ਸਕਦਾ। ਇਹ ਸੰਦ ਤੁਹਾਨੂੰ base64-ਐਨਕੋਡ ਕੀਤੇ ਚਿੱਤਰ ਸਤਰਾਂ ਨੂੰ ਡਿਕੋਡ ਕਰਨ ਅਤੇ ਨਤੀਜੇ ਵਾਲੇ ਚਿੱਤਰਾਂ ਨੂੰ ਸਿੱਧਾ ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਦੇਖਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ।
Base64 ਐਨਕੋਡਿੰਗ ਮੂਲ ਬਾਇਨਰੀ ਦੇ ਮੁਕਾਬਲੇ ਡਾਟਾ ਆਕਾਰ ਨੂੰ ਲਗਭਗ 33% ਵਧਾਉਂਦੀ ਹੈ, ਪਰ ਇਹ ਚਿੱਤਰਾਂ ਨੂੰ ਟੈਕਸਟ-ਅਧਾਰਿਤ ਦਸਤਾਵੇਜ਼ਾਂ ਵਿੱਚ ਸਿੱਧਾ ਸ਼ਾਮਲ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ ਬਿਨਾਂ ਵੱਖਰੇ ਫਾਈਲਾਂ ਨੂੰ ਡਾਊਨਲੋਡ ਕਰਨ ਦੀ ਲੋੜ। ਇਹ ਛੋਟੇ ਚਿੱਤਰਾਂ ਜਿਵੇਂ ਆਈਕਾਨ, ਲੋਗੋ ਜਾਂ ਸਧਾਰਣ ਗ੍ਰਾਫਿਕਸ ਲਈ ਖਾਸ ਤੌਰ 'ਤੇ ਲਾਭਦਾਇਕ ਹੋ ਸਕਦਾ ਹੈ ਜਿੱਥੇ ਸ਼ਾਮਲ ਕਰਨ ਦੀ ਸੁਵਿਧਾ ਆਕਾਰ ਵਧਾਉਣ ਤੋਂ ਵੱਧ ਮਹੱਤਵਪੂਰਨ ਹੁੰਦੀ ਹੈ।
ਸਾਡਾ Base64 ਚਿੱਤਰ ਡਿਕੋਡਰ ਸੰਦ ਇੱਕ ਸਧਾਰਣ ਇੰਟਰਫੇਸ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਜਿੱਥੇ ਤੁਸੀਂ base64-ਐਨਕੋਡ ਕੀਤੇ ਚਿੱਤਰ ਸਤਰ ਨੂੰ ਪੇਸਟ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਤੁਰੰਤ ਡਿਕੋਡ ਕੀਤੇ ਚਿੱਤਰ ਨੂੰ ਦੇਖ ਸਕਦੇ ਹੋ। ਇਹ ਸਾਰੇ ਆਮ ਚਿੱਤਰ ਫਾਰਮੈਟਾਂ ਨੂੰ ਸਮਰਥਨ ਦਿੰਦਾ ਹੈ ਜਿਵੇਂ JPEG, PNG, GIF, WebP, ਅਤੇ SVG, ਅਤੇ ਇਹ ਦੋਹਾਂ ਡਾਟਾ URL ਫਾਰਮੈਟ (ਜਿਸ ਵਿੱਚ data:image/...
ਪ੍ਰੀਫਿਕਸ ਹੁੰਦਾ ਹੈ) ਅਤੇ ਕੱਚੇ base64 ਸਤਰਾਂ ਨੂੰ ਸੰਭਾਲ ਸਕਦਾ ਹੈ।
ਤਕਨੀਕੀ ਵੇਰਵੇ
Base64 ਐਨਕੋਡਿੰਗ ਫਾਰਮੈਟ
Base64 ਐਨਕੋਡਿੰਗ ਬਾਇਨਰੀ ਡਾਟਾ ਨੂੰ 64 ASCII ਅੱਖਰਾਂ (A-Z, a-z, 0-9, +, ਅਤੇ /) ਦੇ ਸੈਟ ਵਿੱਚ ਬਦਲਦੀ ਹੈ, ਜਿਸ ਵਿੱਚ = ਪੈਡਿੰਗ ਲਈ ਵਰਤੀ ਜਾਂਦੀ ਹੈ। ਵੈੱਬ 'ਤੇ ਚਿੱਤਰਾਂ ਲਈ, base64 ਡਾਟਾ ਆਮ ਤੌਰ 'ਤੇ ਡਾਟਾ URL ਦੇ ਰੂਪ ਵਿੱਚ ਫਾਰਮੈਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਜਿਸ ਦੀ ਹੇਠਾਂ ਦਿੱਤੀ ਰਚਨਾ ਹੁੰਦੀ ਹੈ:
1data:[<media type>][;base64],<data>
2
ਉਦਾਹਰਨ ਲਈ, ਇੱਕ base64-ਐਨਕੋਡ ਕੀਤੀ PNG ਚਿੱਤਰ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦੇ ਸਕਦੀ ਹੈ:
1data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==
2
ਇਸ ਫਾਰਮੈਟ ਦੇ ਅੰਗ ਹਨ:
data:
- URL ਸਕੀਮimage/png
- ਡਾਟਾ ਦੀ MIME ਕਿਸਮ;base64
- ਐਨਕੋਡਿੰਗ ਪদ্ধਤੀ,
- ਹੈਡਰ ਅਤੇ ਡਾਟਾ ਵਿਚਕਾਰ ਇੱਕ ਡਿਲਿਮਟਰ- ਅਸਲ base64-ਐਨਕੋਡ ਕੀਤਾ ਡਾਟਾ
ਡਿਕੋਡਿੰਗ ਪ੍ਰਕਿਰਿਆ
ਜਦੋਂ base64 ਚਿੱਤਰ ਸਤਰ ਨੂੰ ਡਿਕੋਡ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਹੇਠਾਂ ਦਿੱਤੇ ਕਦਮ ਹੁੰਦੇ ਹਨ:
- ਸਤਰ ਨੂੰ ਪਾਰਸ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਤਾਂ ਜੋ ਇਹ ਪਤਾ ਲੱਗ ਸਕੇ ਕਿ ਕੀ ਇਸ ਵਿੱਚ ਕੋਈ ਡਾਟਾ URL ਪ੍ਰੀਫਿਕਸ ਹੈ
- ਜੇਕਰ ਕੋਈ ਪ੍ਰੀਫਿਕਸ ਮੌਜੂਦ ਹੈ, ਤਾਂ ਚਿੱਤਰ ਫਾਰਮੈਟ ਦਾ ਨਿਰਧਾਰਨ ਕਰਨ ਲਈ MIME ਕਿਸਮ ਨੂੰ ਕੱਢਿਆ ਜਾਂਦਾ ਹੈ
- base64 ਡਾਟਾ ਹਿੱਸਾ ਅਲੱਗ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਅਤੇ ਬਾਇਨਰੀ ਡਾਟਾ ਵਿੱਚ ਡਿਕੋਡ ਕੀਤਾ ਜਾਂਦਾ ਹੈ
- ਬਾਇਨਰੀ ਡਾਟਾ ਨੂੰ ਇੱਕ Blob ਜਾਂ ਇੱਕ ਪਦਾਰਥ URL ਵਿੱਚ ਬਦਲਿਆ ਜਾਂਦਾ ਹੈ ਜੋ ਚਿੱਤਰ ਵਜੋਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ
ਜੇਕਰ ਇਨਪੁਟ ਵਿੱਚ ਕੋਈ ਡਾਟਾ URL ਪ੍ਰੀਫਿਕਸ ਨਹੀਂ ਹੈ, ਤਾਂ ਡਿਕੋਡਰ ਇਸਨੂੰ ਕੱਚੇ base64 ਡਾਟਾ ਵਜੋਂ ਸਮਝਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਦਾ ਹੈ ਅਤੇ ਡਿਕੋਡ ਕੀਤੇ ਬਾਇਨਰੀ ਹੈਡਰ ਤੋਂ ਚਿੱਤਰ ਕਿਸਮ ਦਾ ਅਨੁਮਾਨ ਲਗਾਉਂਦਾ ਹੈ ਜਾਂ PNG 'ਤੇ ਡਿਫਾਲਟ ਕਰਦਾ ਹੈ।
ਸਮਰਥਿਤ ਚਿੱਤਰ ਫਾਰਮੈਟ
ਇਹ ਸੰਦ ਸਾਰੇ ਆਮ ਵੈੱਬ ਚਿੱਤਰ ਫਾਰਮੈਟਾਂ ਨੂੰ ਸਮਰਥਨ ਦਿੰਦਾ ਹੈ:
ਫਾਰਮੈਟ | MIME ਕਿਸਮ | ਆਮ ਵਰਤੋਂ ਦੇ ਕੇਸ |
---|---|---|
JPEG | image/jpeg | ਫੋਟੋਜ਼, ਬਹੁਤ ਸਾਰੀਆਂ ਰੰਗਾਂ ਵਾਲੀਆਂ ਜਟਿਲ ਚਿੱਤਰਾਂ |
PNG | image/png | ਪਾਰਦਰਸ਼ਤਾ ਦੀ ਲੋੜ ਵਾਲੇ ਚਿੱਤਰ, ਸਕ੍ਰੀਨਸ਼ਾਟ, ਗ੍ਰਾਫਿਕਸ |
GIF | image/gif | ਸਧਾਰਣ ਐਨੀਮੇਸ਼ਨ, ਸੀਮਿਤ ਰੰਗਾਂ ਵਾਲੇ ਚਿੱਤਰ |
WebP | image/webp | JPEG/PNG ਨਾਲੋਂ ਬਿਹਤਰ ਸੰਕੋਚਨ ਵਾਲਾ ਆਧੁਨਿਕ ਫਾਰਮੈਟ |
SVG | image/svg+xml | ਵੈਕਟਰ ਗ੍ਰਾਫਿਕਸ, ਸਕੇਲ ਕਰਨ ਯੋਗ ਆਈਕਾਨ ਅਤੇ ਚਿੱਤਰ |
ਵਰਤੋਂ ਦੇ ਕੇਸ
Base64-ਐਨਕੋਡ ਕੀਤੇ ਚਿੱਤਰਾਂ ਦੇ ਕਈ ਪ੍ਰਯੋਗਸ਼ਾਲਾ ਵਿੱਚ ਵੱਖ-ਵੱਖ ਲਾਗੂ ਕਰਨ ਦੀਆਂ ਸੰਭਾਵਨਾਵਾਂ ਹਨ:
-
HTML/CSS/JS ਵਿੱਚ ਚਿੱਤਰ ਸ਼ਾਮਲ ਕਰਨਾ: ਛੋਟੇ ਚਿੱਤਰਾਂ ਨੂੰ ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਸਿੱਧਾ ਸ਼ਾਮਲ ਕਰਕੇ HTTP ਬੇਨਤੀ ਘਟਾਉਂਦਾ ਹੈ, ਜੋ ਛੋਟੇ ਚਿੱਤਰਾਂ ਲਈ ਪੇਜ਼ ਲੋਡ ਸਮੇਂ ਨੂੰ ਸੁਧਾਰ ਸਕਦਾ ਹੈ।
-
ਈਮੇਲ ਟੈਂਪਲੇਟ: ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਚਿੱਤਰ ਉਹਨਾਂ ਈਮੇਲ ਗ੍ਰਾਹਕਾਂ ਵਿੱਚ ਸਹੀ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦੇਂਦੇ ਹਨ ਜੋ ਬਾਹਰੀ ਚਿੱਤਰਾਂ ਨੂੰ ਡਿਫਾਲਟ ਵਜੋਂ ਰੋਕਦੇ ਹਨ।
-
ਇੱਕ ਫਾਈਲ ਐਪਲੀਕੇਸ਼ਨ: ਇੱਕ ਸਿੰਗਲ ਫਾਈਲ ਵਿੱਚ ਸਾਰੇ ਸਰੋਤਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰਕੇ ਖੁਦ-ਸੰਕਲਿਤ HTML ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਂਦਾ ਹੈ।
-
API ਜਵਾਬ: ਚਿੱਤਰ ਡਾਟਾ ਨੂੰ ਸਿੱਧਾ JSON ਜਵਾਬਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰਦਾ ਹੈ ਬਿਨਾਂ ਵੱਖਰੇ ਚਿੱਤਰ ਅੰਤ ਬਿੰਦੂ ਦੀ ਲੋੜ।
-
CSS ਵਿੱਚ ਡਾਟਾ URIs: ਛੋਟੇ ਆਈਕਾਨਾਂ ਅਤੇ ਪਿਛੋਕੜ ਚਿੱਤਰਾਂ ਨੂੰ ਸਿੱਧਾ CSS ਫਾਈਲਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰਦਾ ਹੈ।
-
ਕੈਨਵਾਸ ਮੈਨਿਪੂਲੇਸ਼ਨ: ਕੈਨਵਾਸ ਚਿੱਤਰ ਡਾਟਾ ਨੂੰ ਸੁਰੱਖਿਅਤ ਅਤੇ ਪ੍ਰਸਾਰਿਤ ਕਰਨ ਵਿੱਚ ਸਹਾਇਤਾ ਕਰਦਾ ਹੈ।
-
ਆਫਲਾਈਨ ਐਪਲੀਕੇਸ਼ਨ: ਚਿੱਤਰਾਂ ਨੂੰ localStorage ਜਾਂ IndexedDB ਵਿੱਚ ਟੈਕਸਟ ਸਤਰਾਂ ਵਜੋਂ ਸਟੋਰ ਕਰਦਾ ਹੈ।
ਕਾਰਗੁਜ਼ਾਰੀ ਦੇ ਵਿਚਾਰ
ਜਦੋਂ ਕਿ base64 ਐਨਕੋਡਿੰਗ ਸੁਵਿਧਾ ਪ੍ਰਦਾਨ ਕਰਦੀ ਹੈ, ਇਹ ਕੁਝ ਵਪਾਰਾਂ ਨਾਲ ਆਉਂਦੀ ਹੈ:
- ਫਾਈਲ ਆਕਾਰ ਵਧਣਾ: Base64 ਐਨਕੋਡਿੰਗ ਡਾਟਾ ਆਕਾਰ ਨੂੰ ਲਗਭਗ 33% ਵਧਾਉਂਦੀ ਹੈ।
- ਬ੍ਰਾਊਜ਼ਰ ਕੈਸ਼ਿੰਗ ਨਹੀਂ: ਸ਼ਾਮਲ ਕੀਤੇ ਚਿੱਤਰਾਂ ਨੂੰ ਵੱਖਰੇ ਤੌਰ 'ਤੇ ਕੈਸ਼ ਨਹੀਂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਜਿਵੇਂ ਬਾਹਰੀ ਚਿੱਤਰ ਫਾਈਲਾਂ।
- ਪਾਰਸਿੰਗ ਓਵਰਹੈੱਡ: ਬ੍ਰਾਊਜ਼ਰਾਂ ਨੂੰ ਡਿਕੋਡਿੰਗ ਤੋਂ ਪਹਿਲਾਂ base64 ਸਤਰ ਨੂੰ ਡਿਕੋਡ ਕਰਨਾ ਪੈਂਦਾ ਹੈ।
- ਰਖਰਖਾਵ ਦੀਆਂ ਚੁਣੌਤੀਆਂ: ਸ਼ਾਮਲ ਕੀਤੇ ਚਿੱਤਰਾਂ ਨੂੰ ਅੱਪਡੇਟ ਕਰਨਾ ਵੱਖਰੇ ਫਾਈਲਾਂ ਦੇ ਮੁਕਾਬਲੇ ਵਿੱਚ ਮੁਸ਼ਕਲ ਹੁੰਦਾ ਹੈ।
ਉਤਕ੍ਰਿਸ਼ਟ ਕਾਰਗੁਜ਼ਾਰੀ ਲਈ, base64 ਐਨਕੋਡਿੰਗ ਆਮ ਤੌਰ 'ਤੇ ਛੋਟੇ ਚਿੱਤਰਾਂ (10KB ਤੋਂ ਘੱਟ) ਲਈ ਹੀ ਸੁਝਾਈ ਜਾਂਦੀ ਹੈ। ਵੱਡੇ ਚਿੱਤਰਾਂ ਨੂੰ ਆਮ ਤੌਰ 'ਤੇ ਵੱਖਰੇ ਫਾਈਲਾਂ ਵਜੋਂ ਸੇਵਾ ਦੇਣ ਲਈ ਬਿਹਤਰ ਹੁੰਦਾ ਹੈ ਜੋ ਸਹੀ ਤੌਰ 'ਤੇ ਕੈਸ਼ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ ਅਤੇ ਅਨੁਕੂਲਿਤ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ।
ਵਿਕਲਪ
ਕਈ ਵਿਕਲਪ base64 ਐਨਕੋਡਿੰਗ ਦੇ ਵੱਖ-ਵੱਖ ਵਰਤੋਂ ਦੇ ਕੇਸਾਂ ਲਈ ਮੌਜੂਦ ਹਨ:
-
SVG ਇਨਲਾਈਨ ਐਮਬੈੱਡਿੰਗ: ਵੈਕਟਰ ਗ੍ਰਾਫਿਕਸ ਲਈ, ਇਨਲਾਈਨ SVG ਬਹੁਤ ਸਾਰੇ base64-ਐਨਕੋਡ ਕੀਤੇ SVG ਨਾਲੋਂ ਬਿਹਤਰ ਕਾਰਗੁਜ਼ਾਰੀ ਅਤੇ ਲਚਕਦਾਰਤਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।
-
WebP ਅਤੇ ਆਧੁਨਿਕ ਚਿੱਤਰ ਫਾਰਮੈਟ: ਇਹ JPEG/PNG ਨਾਲੋਂ ਬਿਹਤਰ ਸੰਕੋਚਨ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ।
-
ਚਿੱਤਰ ਸਪ੍ਰਾਈਟ: ਕਈ ਛੋਟੇ ਚਿੱਤਰਾਂ ਨੂੰ ਇੱਕ ਹੀ ਫਾਈਲ ਵਿੱਚ ਜੋੜਨਾ ਅਤੇ CSS ਪੋਜ਼ੀਸ਼ਨਿੰਗ ਦੀ ਵਰਤੋਂ ਕਰਨਾ।
-
CDN (ਕੰਟੈਂਟ ਡਿਲਿਵਰੀ ਨੈਟਵਰਕ): ਉਤਪਾਦਨ ਸਾਈਟਾਂ ਲਈ, ਇੱਕ CDN ਤੋਂ ਅਨੁਕੂਲਿਤ ਚਿੱਤਰਾਂ ਨੂੰ ਸੇਵਾ ਦੇਣਾ ਅਕਸਰ ਵੱਧ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਹੁੰਦਾ ਹੈ।
-
ਡਾਟਾ ਸੰਕੋਚਨ: ਵੱਡੇ ਬਾਇਨਰੀ ਡਾਟਾ ਦੇ ਪ੍ਰਸਾਰਣ ਲਈ, ਵਿਸ਼ੇਸ਼ ਸੰਕੋਚਨ ਅਲਗੋਰਿਦਮ ਜਿਵੇਂ gzip ਜਾਂ Brotli base64 ਨਾਲੋਂ ਵੱਧ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਹੁੰਦੇ ਹਨ।
ਕੋਡ ਉਦਾਹਰਣ
ਇੱਥੇ ਵੱਖ-ਵੱਖ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ base64-ਐਨਕੋਡ ਕੀਤੇ ਚਿੱਤਰਾਂ ਨਾਲ ਕੰਮ ਕਰਨ ਦੇ ਉਦਾਹਰਣ ਹਨ:
1// ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਚਿੱਤਰ ਨੂੰ base64 ਵਿੱਚ ਬਦਲਣਾ (ਬ੍ਰਾਊਜ਼ਰ)
2function imageToBase64(imgElement) {
3 const canvas = document.createElement('canvas');
4 canvas.width = imgElement.width;
5 canvas.height = imgElement.height;
6
7 const ctx = canvas.getContext('2d');
8 ctx.drawImage(imgElement, 0, 0);
9
10 // ਡਾਟਾ URL (base64 ਸਤਰ) ਦੇ ਤੌਰ 'ਤੇ ਪ੍ਰਾਪਤ ਕਰੋ
11 return canvas.toDataURL('image/png');
12}
13
14// ਇੱਕ base64 ਚਿੱਤਰ ਦਿਖਾਉਣਾ
15function displayBase64Image(base64String) {
16 const img = new Image();
17
18 // ਡਾਟਾ URL ਪ੍ਰੀਫਿਕਸ ਨਾ ਹੋਣ ਵਾਲੇ ਸਤਰਾਂ ਨੂੰ ਸੰਭਾਲੋ
19 if (!base64String.startsWith('data:')) {
20 base64String = `data:image/png;base64,${base64String}`;
21 }
22
23 img.src = base64String;
24 document.body.appendChild(img);
25}
26
1import base64
2from PIL import Image
3from io import BytesIO
4
5# ਇੱਕ ਚਿੱਤਰ ਫਾਈਲ ਨੂੰ base64 ਵਿੱਚ ਬਦਲਣਾ
6def image_to_base64(image_path):
7 with open(image_path, "rb") as image_file:
8 encoded_string = base64.b64encode(image_file.read())
9 return encoded_string.decode('utf-8')
10
11# Base64 ਨੂੰ ਚਿੱਤਰ ਵਿੱਚ ਬਦਲਣਾ ਅਤੇ ਸੇਵ ਕਰਨਾ
12def base64_to_image(base64_string, output_path):
13 # ਡਾਟਾ URL ਪ੍ਰੀਫਿਕਸ ਨੂੰ ਹਟਾਉਣਾ ਜੇਕਰ ਮੌਜੂਦ ਹੋਵੇ
14 if ',' in base64_string:
15 base64_string = base64_string.split(',')[1]
16
17 image_data = base64.b64decode(base64_string)
18 image = Image.open(BytesIO(image_data))
19 image.save(output_path)
20
21# ਉਦਾਹਰਣ ਵਰਤੋਂ
22base64_str = image_to_base64("input.jpg")
23print(f"data:image/jpeg;base64,{base64_str[:30]}...") # ਸਤਰ ਦੇ ਸ਼ੁਰੂ ਨੂੰ ਪ੍ਰਿੰਟ ਕਰੋ
24
25base64_to_image(base64_str, "output.jpg")
26
1<?php
2// PHP ਵਿੱਚ ਇੱਕ ਚਿੱਤਰ ਫਾਈਲ ਨੂੰ base64 ਵਿੱਚ ਬਦਲਣਾ
3function imageToBase64($path) {
4 $type = pathinfo($path, PATHINFO_EXTENSION);
5 $data = file_get_contents($path);
6 return 'data:image/' . $type . ';base64,' . base64_encode($data);
7}
8
9// Base64 ਨੂੰ ਚਿੱਤਰ ਵਿੱਚ ਬਦਲਣਾ ਅਤੇ ਸੇਵ ਕਰਨਾ
10function base64ToImage($base64String, $outputPath) {
11 // ਡਾਟਾ URL ਪ੍ਰੀਫਿਕਸ ਨੂੰ ਹਟਾਉਣਾ ਜੇਕਰ ਮੌਜੂਦ ਹੋਵੇ
12 $imageData = explode(',', $base64String);
13 $imageData = isset($imageData[1]) ? $imageData[1] : $imageData[0];
14
15 // ਡਿਕੋਡ ਅਤੇ ਸੇਵ ਕਰੋ
16 $data = base64_decode($imageData);
17 file_put_contents($outputPath, $data);
18}
19
20// ਉਦਾਹਰਣ ਵਰਤੋਂ
21$base64Image = imageToBase64('input.jpg');
22echo substr($base64Image, 0, 50) . "...\n"; // ਸਤਰ ਦੇ ਸ਼ੁਰੂ ਨੂੰ ਪ੍ਰਿੰਟ ਕਰੋ
23
24base64ToImage($base64Image, 'output.jpg');
25?>
26
1import java.io.File;
2import java.io.FileOutputStream;
3import java.io.IOException;
4import java.nio.file.Files;
5import java.util.Base64;
6
7public class Base64ImageUtil {
8
9 // ਇੱਕ ਚਿੱਤਰ ਫਾਈਲ ਨੂੰ base64 ਵਿੱਚ ਬਦਲਣਾ
10 public static String imageToBase64(String imagePath) throws IOException {
11 File file = new File(imagePath);
12 byte[] fileContent = Files.readAllBytes(file.toPath());
13 String extension = imagePath.substring(imagePath.lastIndexOf(".") + 1);
14 String base64String = Base64.getEncoder().encodeToString(fileContent);
15
16 return "data:image/" + extension + ";base64," + base64String;
17 }
18
19 // Base64 ਨੂੰ ਚਿੱਤਰ ਵਿੱਚ ਬਦਲਣਾ ਅਤੇ ਸੇਵ ਕਰਨਾ
20 public static void base64ToImage(String base64String, String outputPath) throws IOException {
21 // ਡਾਟਾ URL ਪ੍ਰੀਫਿਕਸ ਨੂੰ ਹਟਾਉਣਾ ਜੇਕਰ ਮੌਜੂਦ ਹੋਵੇ
22 if (base64String.contains(",")) {
23 base64String = base64String.split(",")[1];
24 }
25
26 byte[] decodedBytes = Base64.getDecoder().decode(base64String);
27
28 try (FileOutputStream fos = new FileOutputStream(outputPath)) {
29 fos.write(decodedBytes);
30 }
31 }
32
33 public static void main(String[] args) throws IOException {
34 String base64Image = imageToBase64("input.jpg");
35 System.out.println(base64Image.substring(0, 50) + "..."); // ਸਤਰ ਦੇ ਸ਼ੁਰੂ ਨੂੰ ਪ੍ਰਿੰਟ ਕਰੋ
36
37 base64ToImage(base64Image, "output.jpg");
38 }
39}
40
1using System;
2using System.IO;
3using System.Text.RegularExpressions;
4
5class Base64ImageConverter
6{
7 // ਇੱਕ ਚਿੱਤਰ ਫਾਈਲ ਨੂੰ base64 ਵਿੱਚ ਬਦਲਣਾ
8 public static string ImageToBase64(string imagePath)
9 {
10 byte[] imageBytes = File.ReadAllBytes(imagePath);
11 string base64String = Convert.ToBase64String(imageBytes);
12
13 string extension = Path.GetExtension(imagePath).TrimStart('.').ToLower();
14 return $"data:image/{extension};base64,{base64String}";
15 }
16
17 // Base64 ਨੂੰ ਚਿੱਤਰ ਵਿੱਚ ਬਦਲਣਾ ਅਤੇ ਸੇਵ ਕਰਨਾ
18 public static void Base64ToImage(string base64String, string outputPath)
19 {
20 // ਡਾਟਾ URL ਪ੍ਰੀਫਿਕਸ ਨੂੰ ਹਟਾਉਣਾ ਜੇਕਰ ਮੌਜੂਦ ਹੋਵੇ
21 if (base64String.Contains(","))
22 {
23 base64String = base64String.Split(',')[1];
24 }
25
26 byte[] imageBytes = Convert.FromBase64String(base64String);
27 File.WriteAllBytes(outputPath, imageBytes);
28 }
29
30 static void Main()
31 {
32 string base64Image = ImageToBase64("input.jpg");
33 Console.WriteLine(base64Image.Substring(0, 50) + "..."); // ਸਤਰ ਦੇ ਸ਼ੁਰੂ ਨੂੰ ਪ੍ਰਿੰਟ ਕਰੋ
34
35 Base64ToImage(base64Image, "output.jpg");
36 }
37}
38
1require 'base64'
2
3# ਇੱਕ ਚਿੱਤਰ ਫਾਈਲ ਨੂੰ base64 ਵਿੱਚ ਬਦਲਣਾ
4def image_to_base64(image_path)
5 extension = File.extname(image_path).delete('.')
6 base64_data = Base64.strict_encode64(File.read(image_path))
7 "data:image/#{extension};base64,#{base64_data}"
8end
9
10# Base64 ਨੂੰ ਚਿੱਤਰ ਵਿੱਚ ਬਦਲਣਾ ਅਤੇ ਸੇਵ ਕਰਨਾ
11def base64_to_image(base64_string, output_path)
12 # ਡਾਟਾ URL ਪ੍ਰੀਫਿਕਸ ਨੂੰ ਹਟਾਉਣਾ ਜੇਕਰ ਮੌਜੂਦ ਹੋਵੇ
13 if base64_string.include?(',')
14 base64_string = base64_string.split(',')[1]
15 end
16
17 File.open(output_path, 'wb') do |file|
18 file.write(Base64.decode64(base64_string))
19 end
20end
21
22# ਉਦਾਹਰਣ ਵਰਤੋਂ
23base64_image = image_to_base64('input.jpg')
24puts base64_image[0, 50] + '...' # ਸਤਰ ਦੇ ਸ਼ੁਰੂ ਨੂੰ ਪ੍ਰਿੰਟ ਕਰੋ
25
26base64_to_image(base64_image, 'output.jpg')
27
1' Excel VBA ਫੰਕਸ਼ਨ ਜੋ ਇੱਕ ਫਾਈਲ ਨੂੰ base64 ਵਿੱਚ ਐਨਕੋਡ ਕਰਦਾ ਹੈ
2Function FileToBase64(filePath As String) As String
3 Dim fileNum As Integer
4 Dim fileData() As Byte
5 Dim objXML As Object
6 Dim objNode As Object
7
8 fileNum = FreeFile
9 Open filePath For Binary Access Read As fileNum
10 ReDim fileData(LOF(fileNum) - 1)
11 Get fileNum, , fileData
12 Close fileNum
13
14 Set objXML = CreateObject("MSXML2.DOMDocument")
15 Set objNode = objXML.createElement("b64")
16
17 objNode.DataType = "bin.base64"
18 objNode.nodeTypedValue = fileData
19
20 FileToBase64 = objNode.Text
21
22 Set objNode = Nothing
23 Set objXML = Nothing
24End Function
25
26' Excel ਵਿੱਚ ਵਰਤੋਂ:
27' =FileToBase64("C:\path\to\image.jpg")
28
HTML ਕਾਰਜਨਵਿਤਾ
ਇੱਥੇ base64 ਚਿੱਤਰ ਨੂੰ ਸਿੱਧਾ HTML ਵਿੱਚ ਸ਼ਾਮਲ ਕਰਨ ਦਾ ਤਰੀਕਾ ਹੈ:
1<!-- HTML ਵਿੱਚ ਸਿੱਧਾ base64 ਚਿੱਤਰ ਸ਼ਾਮਲ ਕਰਨਾ -->
2<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Base64 encoded image">
3
4<!-- CSS ਵਿੱਚ base64 ਪਿਛੋਕੜ ਚਿੱਤਰ ਦੀ ਵਰਤੋਂ -->
5<style>
6.base64-bg {
7 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==');
8 width: 100px;
9 height: 100px;
10}
11</style>
12<div class="base64-bg"></div>
13
ਇਤਿਹਾਸ
Base64 ਐਨਕੋਡਿੰਗ ਦੀਆਂ ਜੜਾਂ 1970 ਦੇ ਦਹਾਕੇ ਵਿੱਚ ਇਲੈਕਟ੍ਰਾਨਿਕ ਡਾਕ ਸਿਸਟਮਾਂ ਦੇ ਵਿਕਾਸ ਵਿੱਚ ਹਨ। ਇਹ ਬਾਇਨਰੀ ਡਾਟਾ ਨੂੰ ਸਿਰਫ ASCII ਟੈਕਸਟ ਦੇ ਰਾਹੀਂ ਪ੍ਰਸਾਰਿਤ ਕਰਨ ਦੇ ਸਮੱਸਿਆ ਨੂੰ ਹੱਲ ਕਰਨ ਲਈ ਬਣਾਈ ਗਈ ਸੀ।
ਐਨਕੋਡਿੰਗ ਸਕੀਮ ਨੂੰ 1987 ਵਿੱਚ RFC 989 ਦੇ ਪ੍ਰਕਾਸ਼ਨ ਨਾਲ ਫਾਰਮਲਾਈਜ਼ ਕੀਤਾ ਗਿਆ, ਜਿਸ ਨੇ ਪ੍ਰਾਈਵੇਸੀ ਐਨਹਾਂਸਡ ਮੇਲ (PEM) ਮਿਆਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕੀਤਾ। ਇਸਨੂੰ ਬਾਅਦ ਵਿੱਚ RFC 1421 ਅਤੇ ਹੋਰ ਸੰਬੰਧਿਤ ਮਿਆਰਾਂ ਵਿੱਚ ਅੱਪਡੇਟ ਕੀਤਾ ਗਿਆ। "base64" ਸ਼ਬਦ ਦਾ ਮਤਲਬ ਇਸ ਤੋਂ ਹੈ ਕਿ ਐਨਕੋਡਿੰਗ 64 ਵੱਖ-ਵੱਖ ASCII ਅੱਖਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੀ ਹੈ ਜੋ ਬਾਇਨਰੀ ਡਾਟਾ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ।
ਵੈੱਬ ਵਿਕਾਸ ਦੇ ਸੰਦਰਭ ਵਿੱਚ, ਚਿੱਤਰਾਂ ਲਈ base64 ਐਨਕੋਡਿੰਗ 1998 ਵਿੱਚ ਡਾਟਾ URIs ਦੇ ਆਗਮਨ ਨਾਲ ਪ੍ਰਸਿੱਧ ਹੋਈ, ਜਿਸ ਨੇ HTML, CSS ਅਤੇ ਹੋਰ ਵੈੱਬ ਦਸਤਾਵੇਜ਼ਾਂ ਵਿੱਚ ਸਿੱਧਾ ਬਾਇਨਰੀ ਡਾਟਾ ਸ਼ਾਮਲ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੱਤੀ।
2000 ਦੇ ਦਰਮਿਆਨ, ਵੈੱਬ ਵਿਕਾਸ ਵਿੱਚ base64-ਐਨਕੋਡ ਕੀਤੇ ਚਿੱਤਰਾਂ ਦੀ ਵਰਤੋਂ ਵਧ ਗਈ ਜਦੋਂ ਵਿਕਾਸਕਾਰਾਂ ਨੇ HTTP ਬੇਨਤੀਆਂ ਨੂੰ ਘਟਾਉਣ ਅਤੇ ਛੋਟੇ ਚਿੱਤਰਾਂ ਲਈ ਪੇਜ਼ ਲੋਡ ਸਮੇਂ ਨੂੰ ਸੁਧਾਰਨ ਦੇ ਤਰੀਕੇ ਲੱਭੇ। ਇਹ ਤਕਨੀਕ ਖਾਸ ਤੌਰ 'ਤੇ ਮੋਬਾਈਲ ਵੈੱਬ ਵਿਕਾਸ ਦੇ ਦੌਰਾਨ ਕਬੂਲ ਕੀਤੀ ਗਈ, ਜਿੱਥੇ ਹੌਲੀ ਮੋਬਾਈਲ ਕਨੈਕਸ਼ਨਾਂ 'ਤੇ ਪ੍ਰਦਰਸ਼ਨ ਲਈ ਬੇਨਤੀ ਘਟਾਉਣਾ ਮਹੱਤਵਪੂਰਨ ਸੀ।
ਅੱਜ, base64 ਐਨਕੋਡਿੰਗ ਵੈੱਬ ਵਿਕਾਸ ਵਿੱਚ ਇੱਕ ਮਹੱਤਵਪੂਰਨ ਸੰਦ ਰਹਿੰਦੀ ਹੈ, ਹਾਲਾਂਕਿ ਇਸ ਦੀ ਵਰਤੋਂ ਹੁਣ ਵੱਖਰੇ ਤੌਰ 'ਤੇ ਛੋਟੇ, ਨਿਰਧਾਰਿਤ ਚਿੱਤਰਾਂ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਜਦੋਂ ਕਿ ਵੱਡੇ ਸਰੋਤਾਂ ਲਈ ਹੋਰ ਕੁਸ਼ਲ ਡਿਲਿਵਰੀ ਤਰੀਕੇ ਵਰਤੇ ਜਾਂਦੇ ਹਨ।
ਹਵਾਲੇ
ਫੀਡਬੈਕ
ਇਸ ਟੂਲ ਬਾਰੇ ਫੀਡਬੈਕ ਦੇਣ ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਫੀਡਬੈਕ ਟੋਸਟ 'ਤੇ ਕਲਿੱਕ ਕਰੋ
ਸੰਬੰਧਿਤ ਟੂਲ
ਹੋਰ ਟੂਲਾਂ ਦੀ ਖੋਜ ਕਰੋ ਜੋ ਤੁਹਾਡੇ ਕੰਮ ਦੇ ਪ੍ਰਵਾਹ ਲਈ ਲਾਭਦਾਇਕ ਹੋ ਸਕਦੀਆਂ ਹਨ