ਬੇਸ64-ਕੋਡਿਤ ਚਿੱਤਰ ਸਤਰਾਂ ਨੂੰ ਤੁਰੰਤ ਡਿਕੋਡ ਅਤੇ ਪ੍ਰੀਵਿਊ ਕਰੋ। ਗਲਤ ਇਨਪੁੱਟ ਲਈ ਗਲਤੀ ਸੰਭਾਲਣ ਦੇ ਨਾਲ JPEG, PNG, GIF ਅਤੇ ਹੋਰ ਆਮ ਫਾਰਮੈਟਾਂ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ।
ਇੱਥੇ ਚਿੱਤਰ ਖਿੱਚੋ ਅਤੇ ਛੱਡੋ, ਜਾਂ ਚੁਣਨ ਲਈ ਕਲਿੱਕ ਕਰੋ
JPG, PNG, GIF, SVG ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ
ਬੇਸ64 ਚਿੱਤਰ ਕਨਵਰਟਰ ਇੱਕ ਬਹੁਤ ਹੀ ਲਚਕੀਲਾ ਆਨਲਾਈਨ ਟੂਲ ਹੈ ਜੋ ਤੁਹਾਨੂੰ ਆਸਾਨੀ ਨਾਲ ਚਿੱਤਰਾਂ ਨੂੰ ਬੇਸ64 ਪਾਠ ਫਾਰਮੈਟ ਵਿੱਚ ਪਰਿਵਰਤਿਤ ਕਰਨ ਅਤੇ ਬੇਸ64 ਸਟਰਿੰਗਾਂ ਨੂੰ ਵਾਪਸ ਦੇਖਣ ਯੋਗ ਚਿੱਤਰਾਂ ਵਿੱਚ ਡਿਕੋਡ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ। ਬੇਸ64 ਕੋਡਿੰਗ ਇੱਕ ਬਾਈਨਰੀ-ਟੂ-ਪਾਠ ਕੋਡਿੰਗ ਸਕੀਮ ਹੈ ਜੋ ਬਾਈਨਰੀ ਡੇਟਾ ਨੂੰ ਇੱਕ ਏਸਕੀ ਪਾਠ ਫਾਰਮੈਟ ਵਿੱਚ ਦਰਸਾਉਂਦੀ ਹੈ, ਜਿਸ ਨਾਲ ਚਿੱਤਰ ਡੇਟਾ ਨੂੰ ਸਿੱਧਾ HTML, CSS, JavaScript, JSON ਅਤੇ ਹੋਰ ਪਾਠ-ਅਧਾਰਿਤ ਫਾਰਮੈਟਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰਨਾ ਸੰਭਵ ਹੁੰਦਾ ਹੈ ਜਿੱਥੇ ਬਾਈਨਰੀ ਡੇਟਾ ਸਿੱਧਾ ਸ਼ਾਮਲ ਨਹੀਂ ਕੀਤਾ ਜਾ ਸਕਦਾ।
ਇਹ ਮੁਫਤ ਟੂਲ ਦੋ ਮੁੱਖ ਫੰਕਸ਼ਨਾਂ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਦਾ ਹੈ:
ਚਾਹੇ ਤੁਸੀਂ ਇੱਕ ਵੈਬ ਵਿਕਾਸਕ ਹੋ ਜੋ ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਚਿੱਤਰਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰ ਰਿਹਾ ਹੈ, ਡਾਟਾ URI ਨਾਲ ਕੰਮ ਕਰ ਰਿਹਾ ਹੈ, ਜਾਂ API ਵਿੱਚ ਚਿੱਤਰ ਡੇਟਾ ਨੂੰ ਸੰਭਾਲ ਰਿਹਾ ਹੈ, ਸਾਡਾ ਬੇਸ64 ਚਿੱਤਰ ਕਨਵਰਟਰ ਇੱਕ ਸਧਾਰਨ, ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਹੱਲ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਜਿਸ ਵਿੱਚ ਤੁਹਾਡੇ ਪਰਿਵਰਤਿਤ ਨਤੀਜੇ ਲਈ ਕਾਪੀ ਅਤੇ ਡਾਊਨਲੋਡ ਵਿਕਲਪ ਵਰਗੇ ਸਹਾਇਕ ਫੀਚਰ ਹਨ।
ਬੇਸ64 ਕੋਡਿੰਗ ਬਾਈਨਰੀ ਡੇਟਾ ਨੂੰ 64 ਏਸਕੀ ਅੱਖਰਾਂ (A-Z, a-z, 0-9, +, ਅਤੇ /) ਦੇ ਸੈੱਟ ਵਿੱਚ ਪਰਿਵਰਤਿਤ ਕਰਦੀ ਹੈ, ਜਿਸ ਵਿੱਚ = ਪੈਡਿੰਗ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਵੈਬ 'ਤੇ ਚਿੱਤਰਾਂ ਲਈ, ਬੇਸ64 ਡੇਟਾ ਆਮ ਤੌਰ 'ਤੇ ਇੱਕ ਡੇਟਾ URL ਦੇ ਰੂਪ ਵਿੱਚ ਫਾਰਮੈਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਜਿਸ ਦੀ ਹੇਠਾਂ ਦਿੱਤੀ ਰਚਨਾ ਹੁੰਦੀ ਹੈ:
1data:[<media type>][;base64],<data>
2
ਉਦਾਹਰਨ ਵਜੋਂ, ਇੱਕ ਬੇਸ64-ਕੋਡਿਤ PNG ਚਿੱਤਰ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦੇ ਸਕਦਾ ਹੈ:
1data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==
2
ਇਸ ਫਾਰਮੈਟ ਦੇ ਘਟਕ ਹਨ:
data:
- URL ਸਕੀਮimage/png
- ਡੇਟਾ ਦਾ MIME ਕਿਸਮ;base64
- ਕੋਡਿੰਗ ਪਦਧਤੀ,
- ਹੈਡਰ ਅਤੇ ਡੇਟਾ ਦੇ ਵਿਚਕਾਰ ਇੱਕ ਡੈਲੀਮੀਟਰਜਦੋਂ ਇੱਕ ਚਿੱਤਰ ਨੂੰ ਬੇਸ64 ਵਿੱਚ ਪਰਿਵਰਤਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਹੇਠਾਂ ਦਿੱਤੇ ਕਦਮ ਹੁੰਦੇ ਹਨ:
ਜਦੋਂ ਇੱਕ ਬੇਸ64 ਚਿੱਤਰ ਸਟਰਿੰਗ ਨੂੰ ਡਿਕੋਡ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਹੇਠਾਂ ਦਿੱਤੇ ਕਦਮ ਹੁੰਦੇ ਹਨ:
ਜੇਕਰ ਇਨਪੁਟ ਵਿੱਚ ਡੇਟਾ URL ਪ੍ਰੀਫਿਕਸ ਨਹੀਂ ਹੈ, ਤਾਂ ਡਿਕੋਡਰ ਇਸਨੂੰ ਕੱਚੇ ਬੇਸ64 ਡੇਟਾ ਵਜੋਂ ਵਰਤਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਦਾ ਹੈ ਅਤੇ ਡਿਕੋਡ ਕੀਤੇ ਬਾਈਨਰੀ ਹੈਡਰ ਤੋਂ ਚਿੱਤਰ ਕਿਸਮ ਦਾ ਅਨੁਮਾਨ ਲਗਾਉਂਦਾ ਹੈ ਜਾਂ ਡਿਫਾਲਟ ਵਜੋਂ PNG ਨੂੰ ਵਰਤਦਾ ਹੈ।
ਸਾਡਾ ਬੇਸ64 ਚਿੱਤਰ ਕਨਵਰਟਰ ਸਾਰੇ ਆਮ ਵੈਬ ਚਿੱਤਰ ਫਾਰਮੈਟਾਂ ਨੂੰ ਸਮਰਥਨ ਕਰਦਾ ਹੈ:
ਫਾਰਮੈਟ | MIME ਕਿਸਮ | ਆਮ ਵਰਤੋਂ ਦੇ ਕੇਸ | ਆਕਾਰ ਦੀ ਕੁਸ਼ਲਤਾ |
---|---|---|---|
JPEG | image/jpeg | ਫੋਟੋਆਂ, ਬਹੁਤ ਸਾਰੇ ਰੰਗਾਂ ਵਾਲੇ ਜਟਿਲ ਚਿੱਤਰ | ਫੋਟੋਆਂ ਲਈ ਚੰਗੀ ਸੰਕੋਚਨ |
PNG | image/png | ਪਾਰਦਰਸ਼ੀਤਾ ਦੀ ਲੋੜ ਵਾਲੇ ਚਿੱਤਰ, ਸਕ੍ਰੀਨਸ਼ਾਟ, ਗ੍ਰਾਫਿਕਸ | ਸੀਮਿਤ ਰੰਗਾਂ ਵਾਲੀਆਂ ਗ੍ਰਾਫਿਕਸ ਲਈ ਚੰਗਾ |
GIF | image/gif | ਸਧਾਰਣ ਐਨੀਮੇਸ਼ਨ, ਸੀਮਿਤ ਰੰਗਾਂ ਵਾਲੇ ਚਿੱਤਰ | ਐਨੀਮੇਸ਼ਨਾਂ ਲਈ ਚੰਗਾ, ਸੀਮਿਤ ਰੰਗ |
WebP | image/webp | JPEG/PNG ਨਾਲੋਂ ਚੰਗੀ ਸੰਕੋਚਨ ਵਾਲਾ ਆਧੁਨਿਕ ਫਾਰਮੈਟ | ਸ਼ਾਨਦਾਰ ਸੰਕੋਚਨ, ਵਧ ਰਹੀ ਸਮਰਥਨ |
SVG | image/svg+xml | ਵੇਕਟਰ ਗ੍ਰਾਫਿਕਸ, ਸਕੇਲ ਕਰਨ ਯੋਗ ਆਈਕਾਨ ਅਤੇ ਚਿੱਤਰ | ਵੇਕਟਰ ਗ੍ਰਾਫਿਕਸ ਲਈ ਬਹੁਤ ਛੋਟਾ |
BMP | image/bmp | ਅਣਕੰਪ੍ਰੈੱਸਡ ਚਿੱਤਰ ਫਾਰਮੈਟ | ਗਰਬੜ (ਵੱਡੇ ਫਾਈਲ ਆਕਾਰ) |
ICO | image/x-icon | ਫੇਵਿਕੋਨ ਫਾਈਲਾਂ | ਵੱਖ-ਵੱਖ |
ਬੇਸ64 ਚਿੱਤਰ ਪਰਿਵਰਤਨ ਵੈਬ ਵਿਕਾਸ ਅਤੇ ਹੋਰ ਵਿੱਚ ਬਹੁਤ ਸਾਰੇ ਐਪਲੀਕੇਸ਼ਨਾਂ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਦਾ ਹੈ:
1 <!-- HTML ਵਿੱਚ ਸਿੱਧਾ ਬੇਸ64 ਚਿੱਤਰ ਸ਼ਾਮਲ ਕਰਨਾ -->
2 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="ਬੇਸ64 ਕੋਡਿਤ ਚਿੱਤਰ">
3
ਈਮੇਲ ਟੈਂਪਲੇਟ: ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਚਿੱਤਰ ਈਮੇਲ ਗ੍ਰਾਹਕਾਂ ਵਿੱਚ ਸਹੀ ਤੌਰ 'ਤੇ ਦਿਖਾਈ ਦਿੰਦੇ ਹਨ ਜੋ ਬਾਹਰੀ ਚਿੱਤਰਾਂ ਨੂੰ ਡਿਫਾਲਟ ਰੂਪ ਵਿੱਚ ਬਲੌਕ ਕਰਦੇ ਹਨ।
ਇੱਕ ਫਾਈਲ ਐਪਲੀਕੇਸ਼ਨ: ਸਾਰੇ ਸਰੋਤਾਂ ਨੂੰ ਇੱਕੋ ਫਾਈਲ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰਕੇ ਇੱਕ ਸਵੈ-ਸੰਰਚਿਤ HTML ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਂਦਾ ਹੈ।
API ਜਵਾਬ: ਚਿੱਤਰ ਡੇਟਾ ਨੂੰ ਸਿੱਧਾ JSON ਜਵਾਬਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰਦਾ ਹੈ ਬਿਨਾਂ ਵੱਖਰੇ ਚਿੱਤਰ ਐਂਡਪੋਇੰਟ ਦੀ ਲੋੜ।
CSS ਵਿੱਚ ਡੇਟਾ URI: ਛੋਟੇ ਆਈਕਾਨਾਂ ਅਤੇ ਪਿੱਛੇ ਦੇ ਚਿੱਤਰਾਂ ਨੂੰ CSS ਫਾਈਲਾਂ ਵਿੱਚ ਸਿੱਧਾ ਸ਼ਾਮਲ ਕਰਦਾ ਹੈ।
1 .icon {
2 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==');
3 }
4
ਕੈਨਵਾਸ ਮੈਨਿਪੂਲੇਸ਼ਨ: ਕੈਨਵਾਸ ਚਿੱਤਰ ਡੇਟਾ ਨੂੰ ਸੁਰੱਖਿਅਤ ਅਤੇ ਸਥਾਨਾਂਤਰਿਤ ਕਰਨ ਵਿੱਚ ਸਹਾਇਤਾ ਕਰਦਾ ਹੈ।
ਆਫਲਾਈਨ ਐਪਲੀਕੇਸ਼ਨ: ਚਿੱਤਰਾਂ ਨੂੰ localStorage ਜਾਂ IndexedDB ਵਿੱਚ ਪਾਠ ਸਤਰਾਂ ਵਜੋਂ ਸਟੋਰ ਕਰਦਾ ਹੈ।
ਸ਼ਾਮਲ ਕੀਤੇ ਚਿੱਤਰਾਂ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨਾ: HTML, CSS, ਜਾਂ JS ਫਾਈਲਾਂ ਤੋਂ ਚਿੱਤਰਾਂ ਨੂੰ ਨਿਕਾਲੋ ਅਤੇ ਸੁਰੱਖਿਅਤ ਕਰੋ।
API ਇੰਟੇਗਰੇਸ਼ਨ: APIs ਤੋਂ ਪ੍ਰਾਪਤ ਬੇਸ64 ਫਾਰਮੈਟ ਵਿੱਚ ਚਿੱਤਰ ਡੇਟਾ ਨੂੰ ਪ੍ਰਕਿਰਿਆ ਕਰੋ।
ਡਿਬੱਗਿੰਗ: ਬੇਸ64 ਚਿੱਤਰ ਡੇਟਾ ਨੂੰ ਵਿਜ਼ੂਅਲਾਈਜ਼ ਕਰੋ ਤਾਂ ਜੋ ਇਸ ਦੀ ਸਮੱਗਰੀ ਅਤੇ ਫਾਰਮੈਟ ਨੂੰ ਪੁਸ਼ਟੀ ਕੀਤਾ ਜਾ ਸਕੇ।
ਡੇਟਾ ਨਿਕਾਸ: ਡੇਟਾਬੇਸ ਜਾਂ ਪਾਠ ਫਾਈਲਾਂ ਤੋਂ ਚਿੱਤਰਾਂ ਨੂੰ ਬੇਸ64 ਵਜੋਂ ਸਟੋਰ ਕੀਤਾ ਗਿਆ ਹੈ।
ਕਲਿੱਪਬੋਰਡ ਡੇਟਾ ਨੂੰ ਪਰਿਵਰਤਿਤ ਕਰਨਾ: ਵੱਖ-ਵੱਖ ਸਰੋਤਾਂ ਤੋਂ ਨਕਲ ਕੀਤੇ ਬੇਸ64 ਚਿੱਤਰ ਡੇਟਾ ਨੂੰ ਪ੍ਰਕਿਰਿਆ ਕਰੋ।
ਜਦੋਂ ਕਿ ਬੇਸ64 ਕੋਡਿੰਗ ਸੁਵਿਧਾ ਪ੍ਰਦਾਨ ਕਰਦੀ ਹੈ, ਇਸਦੇ ਨਾਲ ਕੁਝ ਮਹੱਤਵਪੂਰਨ ਵਪਾਰਾਂ ਹਨ ਜੋ ਵਿਚਾਰ ਕਰਨ ਲਈ ਹਨ:
ਸਭ ਤੋਂ ਵਧੀਆ ਪ੍ਰਦਰਸ਼ਨ ਲਈ, ਬੇਸ64 ਕੋਡਿੰਗ ਆਮ ਤੌਰ 'ਤੇ ਛੋਟੇ ਚਿੱਤਰਾਂ (10KB ਤੋਂ ਘੱਟ) ਲਈ ਸੁਝਾਅ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ। ਵੱਡੇ ਚਿੱਤਰਾਂ ਨੂੰ ਆਮ ਤੌਰ 'ਤੇ ਵੱਖਰੀਆਂ ਫਾਈਲਾਂ ਵਜੋਂ ਬਿਹਤਰ ਸੇਵਾ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ ਜੋ ਸਹੀ ਤੌਰ 'ਤੇ ਕੈਸ਼ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ ਅਤੇ ਅਨੁਕੂਲਿਤ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ।
ਚਿੱਤਰ ਆਕਾਰ (ਮੂਲ) | ਕੋਡਿਤ ਆਕਾਰ (ਲਗਭਗ) | ਸੁਝਾਅ |
---|---|---|
5KB ਤੋਂ ਘੱਟ | 7KB ਤੋਂ ਘੱਟ | ਬੇਸ64 ਕੋਡਿੰਗ ਲਈ ਚੰਗਾ ਉਮੀਦਵਾਰ |
5KB - 10KB | 7KB - 14KB | ਮਹੱਤਵਪੂਰਨ ਚਿੱਤਰਾਂ ਲਈ ਬੇਸ64 ਨੂੰ ਵਿਚਾਰੋ |
10KB - 50KB | 14KB - 67KB | ਚੋਣੀ ਬੇਸ64 ਨੂੰ ਵਰਤੋ, ਪ੍ਰਦਰਸ਼ਨ ਪ੍ਰਭਾਵ ਦਾ ਮੁਲਾਂਕਣ ਕਰੋ |
50KB ਤੋਂ ਵੱਧ | 67KB ਤੋਂ ਵੱਧ | ਬੇਸ64 ਤੋਂ ਬਚੋ, ਵੱਖਰੀਆਂ ਫਾਈਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ |
ਬੇਸ64 ਕੋਡਿੰਗ ਦੇ ਵੱਖ-ਵੱਖ ਵਰਤੋਂ ਦੇ ਕੇਸਾਂ ਲਈ ਕਈ ਵਿਕਲਪ ਹਨ:
SVG ਇਨਲਾਈਨ ਐਮਬੈੱਡਿੰਗ: ਵੇਕਟਰ ਗ੍ਰਾਫਿਕਸ ਲਈ, ਇਨਲਾਈਨ SVG ਬੇਸ64-ਕੋਡਿਤ SVG ਨਾਲੋਂ ਬਿਹਤਰ ਪ੍ਰਦਰਸ਼ਨ ਅਤੇ ਲਚਕੀਲਾਪਨ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।
WebP ਅਤੇ ਆਧੁਨਿਕ ਚਿੱਤਰ ਫਾਰਮੈਟ: ਇਹ JPEG/PNG ਨਾਲੋਂ ਬਿਹਤਰ ਸੰਕੋਚਨ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ।
ਚਿੱਤਰ ਸਪ੍ਰਾਈਟ: ਕਈ ਛੋਟੇ ਚਿੱਤਰਾਂ ਨੂੰ ਇੱਕੋ ਫਾਈਲ ਵਿੱਚ ਜੋੜਨਾ ਅਤੇ CSS ਪੋਜ਼ੀਸ਼ਨਿੰਗ ਦੀ ਵਰਤੋਂ ਕਰਨਾ।
CDNs (ਕੰਟੈਂਟ ਡਿਲਿਵਰੀ ਨੈਟਵਰਕ): ਉਤਪਾਦਨ ਸਾਈਟਾਂ ਲਈ, ਇੱਕ CDN ਤੋਂ ਅਨੁਕੂਲਿਤ ਚਿੱਤਰਾਂ ਦੀ ਸੇਵਾ ਕਰਨਾ ਅਕਸਰ ਵਧੀਆ ਹੁੰਦਾ ਹੈ।
ਡੇਟਾ ਸੰਕੋਚਨ: ਵੱਡੇ ਬਾਈਨਰੀ ਡੇਟਾ ਦੇ ਬਹੁਤ ਸਾਰੇ ਸਟ੍ਰਿੰਗਾਂ ਨੂੰ ਸਥਾਨਾਂਤਰਿਤ ਕਰਨ ਲਈ, ਵਿਸ਼ੇਸ਼ ਸੰਕੋਚਨ ਅਲਗੋਰਿਦਮ ਜਿਵੇਂ gzip ਜਾਂ Brotli ਬੇਸ64 ਨਾਲੋਂ ਵਧੀਆ ਹਨ।
HTTP/2 ਅਤੇ HTTP/3: ਇਹ ਪ੍ਰੋਟੋਕੋਲ ਬਹੁਤ ਸਾਰੀਆਂ ਬਿਨਾਂ ਲੋੜਾਂ ਦੇ ਓਵਰਹੈੱਡ ਨੂੰ ਘਟਾਉਂਦੇ ਹਨ, ਜਿਸ ਨਾਲ ਬਾਹਰੀ ਚਿੱਤਰਾਂ ਦੇ ਹਵਾਲੇ ਵਧੀਆ ਹੁੰਦੇ ਹਨ।
ਇੱਥੇ ਵੱਖ-ਵੱਖ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ ਬੇਸ64-ਕੋਡਿਤ ਚਿੱਤਰਾਂ ਨਾਲ ਕੰਮ ਕਰਨ ਦੇ ਉਦਾਹਰਨ ਹਨ:
1// ਇੱਕ ਚਿੱਤਰ ਨੂੰ ਬੇਸ64 ਵਿੱਚ ਪਰਿਵਰਤਿਤ ਕਰੋ
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 (ਬੇਸ64 ਸਟਰਿੰਗ) ਵਜੋਂ ਪ੍ਰਾਪਤ ਕਰੋ
11 return canvas.toDataURL('image/png');
12}
13
14// ਫਾਈਲ ਇਨਪੁਟ ਨੂੰ ਬੇਸ64 ਵਿੱਚ ਪਰਿਵਰਤਿਤ ਕਰੋ
15function fileToBase64(fileInput, callback) {
16 const reader = new FileReader();
17 reader.onload = function(e) {
18 callback(e.target.result);
19 };
20 reader.readAsDataURL(fileInput.files[0]);
21}
22
23// ਇੱਕ ਬੇਸ64 ਚਿੱਤਰ ਦਿਖਾਓ
24function displayBase64Image(base64String) {
25 const img = new Image();
26
27 // ਡੇਟਾ URL ਪ੍ਰੀਫਿਕਸ ਦੇ ਬਿਨਾਂ ਸਟਰਿੰਗਾਂ ਨੂੰ ਸੰਭਾਲੋ
28 if (!base64String.startsWith('data:')) {
29 base64String = `data:image/png;base64,${base64String}`;
30 }
31
32 img.src = base64String;
33 document.body.appendChild(img);
34}
35
36// ਇੱਕ ਬੇਸ64 ਚਿੱਤਰ ਡਾਊਨਲੋਡ ਕਰੋ
37function downloadBase64Image(base64String, fileName = 'image.png') {
38 const link = document.createElement('a');
39 link.href = base64String;
40 link.download = fileName;
41 link.click();
42}
43
1import base64
2from PIL import Image
3from io import BytesIO
4
5# ਇੱਕ ਚਿੱਤਰ ਫਾਈਲ ਨੂੰ ਬੇਸ64 ਵਿੱਚ ਪਰਿਵਰਤਿਤ ਕਰੋ
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# ਬੇਸ64 ਨੂੰ ਚਿੱਤਰ ਵਿੱਚ ਪਰਿਵਰਤਿਤ ਕਰੋ ਅਤੇ ਸੁਰੱਖਿਅਤ ਕਰੋ
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 ਵਿੱਚ ਇੱਕ ਚਿੱਤਰ ਫਾਈਲ ਨੂੰ ਬੇਸ64 ਵਿੱਚ ਪਰਿਵਰਤਿਤ ਕਰੋ
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// ਬੇਸ64 ਨੂੰ ਚਿੱਤਰ ਵਿੱਚ ਪਰਿਵਰਤਿਤ ਕਰੋ ਅਤੇ ਸੁਰੱਖਿਅਤ ਕਰੋ
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 // ਇੱਕ ਚਿੱਤਰ ਫਾਈਲ ਨੂੰ ਬੇਸ64 ਵਿੱਚ ਪਰਿਵਰਤਿਤ ਕਰੋ
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 // ਬੇਸ64 ਨੂੰ ਚਿੱਤਰ ਵਿੱਚ ਪਰਿਵਰਤਿਤ ਕਰੋ ਅਤੇ ਸੁਰੱਖਿਅਤ ਕਰੋ
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 // ਇੱਕ ਚਿੱਤਰ ਫਾਈਲ ਨੂੰ ਬੇਸ64 ਵਿੱਚ ਪਰਿਵਰਤਿਤ ਕਰੋ
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 // ਬੇਸ64 ਨੂੰ ਚਿੱਤਰ ਵਿੱਚ ਪਰਿਵਰਤਿਤ ਕਰੋ ਅਤੇ ਸੁਰੱਖਿਅਤ ਕਰੋ
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
ਬੇਸ64 ਚਿੱਤਰ ਕਨਵਰਟਰ ਟੂਲ ਸਾਰੇ ਆਧੁਨਿਕ ਬ੍ਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਕੰਮ ਕਰਦਾ ਹੈ, ਹੇਠਾਂ ਦਿੱਤੀਆਂ ਸਮਰਥਾ ਵਿਚਾਰਾਂ ਨਾਲ:
ਬ੍ਰਾਉਜ਼ਰ | ਬੇਸ64 ਸਮਰਥਾ | ਡੇਟਾ URL ਸਮਰਥਾ | ਫਾਈਲ API ਸਮਰਥਾ |
---|---|---|---|
Chrome | ਪੂਰੀ | ਪੂਰੀ | ਪੂਰੀ |
Firefox | ਪੂਰੀ | ਪੂਰੀ | ਪੂਰੀ |
Safari | ਪੂਰੀ | ਪੂਰੀ | ਪੂਰੀ |
Edge | ਪੂਰੀ | ਪੂਰੀ | ਪੂਰੀ |
Opera | ਪੂਰੀ | ਪੂਰੀ | ਪੂਰੀ |
IE 11 | ਅੱਧੂਰਾ | ਸੀਮਿਤ (ਵੱਧ ਤੋਂ ਵੱਧ URL ਲੰਬਾਈ) | ਅੱਧੂਰਾ |
ਇਹ ਟੂਲ ਪੂਰੀ ਤਰ੍ਹਾਂ ਜਵਾਬਦੇਹ ਹੈ ਅਤੇ ਮੋਬਾਈਲ ਬ੍ਰਾਉਜ਼ਰਾਂ 'ਤੇ ਕੰਮ ਕਰਦਾ ਹੈ, ਹੇਠਾਂ ਦਿੱਤੀਆਂ ਵਿਚਾਰਾਂ ਨਾਲ:
ਵੱਡਾ ਫਾਈਲ ਆਕਾਰ: ਜੇ ਤੁਹਾਡਾ ਬੇਸ64 ਨਤੀਜਾ ਬਹੁਤ ਵੱਡਾ ਹੈ, ਤਾਂ ਵਿਚਾਰ ਕਰੋ:
ਫਾਰਮੈਟ ਦੀ ਸਮਰਥਾ: ਕੁਝ ਚਿੱਤਰ ਫਾਰਮੈਟਾਂ ਨੂੰ ਬੇਸ64 ਵਿੱਚ ਕੋਡਿਤ ਕਰਨ ਵੇਲੇ ਸਾਰੇ ਬ੍ਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਸਮਰਥਿਤ ਨਹੀਂ ਕੀਤਾ ਜਾ ਸਕਦਾ। JPEG, PNG, ਅਤੇ SVG 'ਤੇ ਜ਼ਿਆਦਾ ਸਮਰਥਨ ਲਈ ਰੁਕੋ।
ਪ੍ਰਦਰਸ਼ਨ ਪ੍ਰਭਾਵ: ਜੇ ਪੰਨਾ ਦੇ ਪ੍ਰਦਰਸ਼ਨ ਵਿੱਚ ਸੁਧਾਰ ਨਹੀਂ ਹੁੰਦਾ, ਤਾਂ ਵਿਚਾਰ ਕਰੋ:
ਅਵੈਧ ਬੇਸ64 ਡੇਟਾ: ਜੇ ਤੁਸੀਂ ਡਿਕੋਡ ਕਰਨ ਵੇਲੇ ਗਲਤੀਆਂ ਪ੍ਰਾਪਤ ਕਰਦੇ ਹੋ:
ਚਿੱਤਰ ਨਹੀਂ ਦਿਖਾਈ ਦੇ ਰਿਹਾ: ਜੇ ਡਿਕੋਡ ਕੀਤਾ ਗਿਆ ਚਿੱਤਰ ਨਹੀਂ ਦਿਖਾਈ ਦੇ ਰਿਹਾ:
Q: ਬੇਸ64 ਕੋਡਿੰਗ ਕੀ ਹੈ ਅਤੇ ਇਹ ਚਿੱਤਰਾਂ ਲਈ ਕਿਉਂ ਵਰਤੀ ਜਾਂਦੀ ਹੈ?
A: ਬੇਸ64 ਕੋਡਿੰਗ ਇੱਕ ਵਿਧੀ ਹੈ ਜੋ ਬਾਈਨਰੀ ਡੇਟਾ ਨੂੰ ਏਸਕੀ ਪਾਠ ਫਾਰਮੈਟ ਵਿੱਚ ਬਦਲਦੀ ਹੈ। ਇਹ ਚਿੱਤਰਾਂ ਲਈ ਵਰਤੀ ਜਾਂਦੀ ਹੈ ਤਾਂ ਜੋ ਉਨ੍ਹਾਂ ਨੂੰ ਸਿੱਧਾ HTML, CSS, ਜਾਂ JavaScript ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤਾ ਜਾ ਸਕੇ ਬਿਨਾਂ ਵੱਖਰੀਆਂ HTTP ਬਿਨਾਂ ਲੋੜਾਂ ਦੀ, ਜੋ ਛੋਟੇ ਚਿੱਤਰਾਂ ਲਈ ਪੰਨਾ ਲੋਡ ਕਰਨ ਦੀ ਪ੍ਰਦਰਸ਼ਨ ਵਿੱਚ ਸੁਧਾਰ ਕਰ ਸਕਦੀ ਹੈ।
Q: ਕੀ ਮੇਰੇ ਕੋਲ ਬੇਸ64 ਵਿੱਚ ਪਰਿਵਰਤਿਤ ਕਰਨ ਲਈ ਕੋਈ ਆਕਾਰ ਸੀਮਾ ਹੈ?
A: ਜਦੋਂ ਕਿ ਸਾਡਾ ਟੂਲ ਜ਼ਿਆਦਾਤਰ ਯੋਗ ਚਿੱਤਰ ਆਕਾਰਾਂ ਨੂੰ ਸੰਭਾਲ ਸਕਦਾ ਹੈ, ਅਸੀਂ 5MB ਤੋਂ ਘੱਟ ਚਿੱਤਰਾਂ ਨੂੰ ਵਧੀਆ ਪ੍ਰਦਰਸ਼ਨ ਲਈ ਰੱਖਣ ਦੀ ਸਿਫਾਰਸ਼ ਕਰਦੇ ਹਾਂ। ਬੇਸ64 ਕੋਡਿੰਗ ਲਗਭਗ 33% ਡੇਟਾ ਆਕਾਰ ਵਧਾਉਂਦੀ ਹੈ, ਇਸ ਲਈ 5MB ਚਿੱਤਰ ਲਗਭਗ 6.7MB ਬੇਸ64 ਪਾਠ ਵਿੱਚ ਬਦਲ ਜਾਵੇਗਾ।
Q: ਕੀ ਬੇਸ64 ਕੋਡਿੰਗ ਮੇਰੇ ਚਿੱਤਰਾਂ ਨੂੰ ਸੰਕੋਚਿਤ ਕਰਦੀ ਹੈ?
A: ਨਹੀਂ, ਬੇਸ64 ਕੋਡਿੰਗ ਵਾਸਤਵ ਵਿੱਚ ਡੇਟਾ ਆਕਾਰ ਨੂੰ ਲਗਭਗ 33% ਵਧਾਉਂਦੀ ਹੈ। ਇਹ ਇੱਕ ਪਰਿਵਰਤਨ ਵਿਧੀ ਹੈ, ਨਾ ਕਿ ਇੱਕ ਸੰਕੋਚਨ ਅਲਗੋਰਿਦਮ। ਸੰਕੋਚਨ ਲਈ, ਤੁਹਾਨੂੰ ਬੇਸ64 ਨੂੰ ਕੋਡ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਆਪਣੇ ਚਿੱਤਰਾਂ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ।
Q: ਮੈਂ ਕਿਹੜੇ ਚਿੱਤਰ ਫਾਰਮੈਟਾਂ ਨੂੰ ਬੇਸ64 ਵਿੱਚ ਪਰਿਵਰਤਿਤ ਕਰ ਸਕਦਾ ਹਾਂ?
A: ਸਾਡਾ ਟੂਲ ਸਾਰੇ ਆਮ ਵੈਬ ਚਿੱਤਰ ਫਾਰਮੈਟਾਂ ਨੂੰ ਸਮਰਥਨ ਕਰਦਾ ਹੈ ਜਿਵੇਂ JPEG, PNG, GIF, WebP, SVG, BMP, ਅਤੇ ICO ਫਾਈਲਾਂ।
Q: ਮੈਂ ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਬੇਸ64 ਨਤੀਜੇ ਨੂੰ ਕਿਵੇਂ ਵਰਤ ਸਕਦਾ ਹਾਂ?
A: ਤੁਸੀਂ ਬੇਸ64 ਨਤੀਜੇ ਨੂੰ ਸਿੱਧਾ HTML <img>
ਟੈਗਾਂ, CSS background-image
ਗੁਣਾਂ, ਜਾਂ ਡਾਟਾ ਵਿੱਚ JavaScript ਵਿੱਚ ਵਰਤ ਸਕਦੇ ਹੋ। HTML ਲਈ, ਇਸ ਫਾਰਮੈਟ ਦੀ ਵਰਤੋਂ ਕਰੋ: <img src="data:image/jpeg;base64,YOUR_BASE64_STRING">
।
Q: ਕੀ ਬੇਸ64 ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਜਾਂ ਨਿਯਮਤ ਚਿੱਤਰ ਫਾਈਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਵਧੀਆ ਹੈ?
A: ਛੋਟੇ ਚਿੱਤਰਾਂ (10KB ਤੋਂ ਘੱਟ) ਲਈ, ਬੇਸ64 HTTP ਬਿਨਾਂ ਲੋੜਾਂ ਨੂੰ ਘਟਾ ਸਕਦਾ ਹੈ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ਵਿੱਚ ਸੁਧਾਰ ਕਰ ਸਕਦਾ ਹੈ। ਵੱਡੇ ਚਿੱਤਰਾਂ ਲਈ, ਨਿਯਮਤ ਚਿੱਤਰ ਫਾਈਲਾਂ ਆਮ ਤੌਰ 'ਤੇ ਵਧੀਆ ਹੁੰਦੀਆਂ ਹਨ ਕਿਉਂਕਿ ਇਹ ਬ੍ਰਾਉਜ਼ਰਾਂ ਦੁਆਰਾ ਕੈਸ਼ ਕੀਤੀਆਂ ਜਾ ਸਕਦੀਆਂ ਹਨ ਅਤੇ ਤੁਹਾਡੇ HTML/CSS ਫਾਈਲ ਆਕਾਰ ਨੂੰ ਵਧਾਉਂਦੀਆਂ ਨਹੀਂ ਹਨ।
Q: ਕੀ ਮੈਂ ਕਿਸੇ ਵੀ ਬੇਸ64 ਸਟਰਿੰਗ ਨੂੰ ਚਿੱਤਰ ਵਿੱਚ ਡਿਕੋਡ ਕਰ ਸਕਦਾ ਹਾਂ?
A: ਸਿਰਫ ਉਹ ਬੇਸ64 ਸਟਰਿੰਗਾਂ ਜੋ ਅਸਲ ਚਿੱਤਰ ਡੇਟਾ ਦਾ ਪ੍ਰਤੀਨਿਧਿਤਾ ਕਰਦੀਆਂ ਹਨ, ਡਿਕੋਡ ਕੀਤੀਆਂ ਜਾ ਸਕਦੀਆਂ ਹਨ। ਟੂਲ ਇਹ ਪਤਾ ਲਗਾਉਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੇਗਾ ਕਿ ਕੀ ਇਸ ਵਿੱਚ ਡੇਟਾ URL ਪ੍ਰੀਫਿਕਸ ਹੈ (ਉਦਾਹਰਨ ਵਜੋਂ, data:image/png;base64,
)।
Q: ਜੇ ਮੈਂ ਅਵੈਧ ਬੇਸ64 ਡੇਟਾ ਨੂੰ ਡਿਕੋਡ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਾਂ ਤਾਂ ਕੀ ਹੁੰਦਾ ਹੈ?
A: ਟੂਲ ਅਵੈਧ ਜਾਂ ਚਿੱਤਰ ਡੇਟਾ ਦਾ ਪ੍ਰਤੀਨਿਧਿਤਾ ਨਾ ਕਰਨ ਵਾਲੀ ਬੇਸ64 ਸਟਰਿੰਗਾਂ ਦੇ ਮਾਮਲੇ ਵਿੱਚ ਗਲਤੀ ਸੁਨੇਹਾ ਦਿਖਾਏਗਾ।
Q: ਕੀ ਮੈਂ ਡਿਕੋਡ ਕਰਨ ਤੋਂ ਬਾਅਦ ਚਿੱਤਰ ਨੂੰ ਸੋਧ ਸਕਦਾ ਹਾਂ?
A: ਸਾਡਾ ਟੂਲ ਪਰਿਵਰਤਨ 'ਤੇ ਧਿਆਨ ਕੇਂਦਰਿਤ ਹੈ ਅਤੇ ਸੋਧਣ ਵਾਲੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਸ਼ਾਮਲ ਨਹੀਂ ਕਰਦਾ। ਡਿਕੋਡ ਕੀਤਾ ਗਿਆ ਚਿੱਤਰ ਡਾਊਨਲੋਡ ਕਰਨ ਤੋਂ ਬਾਅਦ ਕਿਸੇ ਵੀ ਚਿੱਤਰ ਸੋਧਣ ਵਾਲੇ ਸਾਫਟਵੇਅਰ ਨਾਲ ਸੋਧਿਆ ਜਾ ਸਕਦਾ ਹੈ।
ਸਾਡਾ ਬੇਸ64 ਚਿੱਤਰ ਕਨਵਰਟਰ ਟੂਲ ਸਾਰੇ ਡੇਟਾ ਨੂੰ ਸਿੱਧਾ ਤੁਹਾਡੇ ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਪ੍ਰਕਿਰਿਆ ਕਰਦਾ ਹੈ। ਇਸਦਾ ਮਤਲਬ ਹੈ:
ਕੋਡਿੰਗ ਤੋਂ ਪਹਿਲਾਂ ਅਨੁਕੂਲਿਤ ਕਰੋ: ਆਪਣੇ ਚਿੱਤਰਾਂ ਨੂੰ ਬੇਸ64 ਵਿੱਚ ਪਰਿਵਰਤਿਤ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਸੰਕੋਚਿਤ ਅਤੇ ਛੋਟਾ ਕਰੋ ਤਾਂ ਜੋ ਕੋਡਿਤ ਆਕਾਰ ਨੂੰ ਘਟਾਇਆ ਜਾ ਸਕੇ।
ਉਚਿਤ ਫਾਰਮੈਟ ਦੀ ਵਰਤੋਂ ਕਰੋ: ਸਮੱਗਰੀ ਦੇ ਅਧਾਰ 'ਤੇ ਸਹੀ ਚਿੱਤਰ ਫਾਰਮੈਟ ਚੁਣੋ:
ਕੈਸ਼ਿੰਗ ਦੇ ਪ੍ਰਭਾਵਾਂ 'ਤੇ ਵਿਚਾਰ ਕਰੋ: ਯਾਦ ਰੱਖੋ ਕਿ ਬੇਸ64-ਕੋਡਿਤ ਚਿੱਤਰਾਂ ਨੂੰ ਬ੍ਰਾਉਜ਼ਰ ਦੁਆਰਾ ਵੱਖਰੇ ਤੌਰ 'ਤੇ ਕੈਸ਼ ਨਹੀਂ ਕੀਤਾ ਜਾ ਸਕਦਾ, ਜਿਵੇਂ ਕਿ ਬਾਹਰੀ ਚਿੱਤਰ ਫਾਈਲਾਂ।
ਪ੍ਰਦਰਸ਼ਨ ਪ੍ਰਭਾਵ ਦਾ ਮੁਲਾਂਕਣ ਕਰੋ: ਬੇਸ64 ਚਿੱਤਰਾਂ ਨੂੰ ਲਾਗੂ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਅਤੇ ਬਾਅਦ ਵਿੱਚ ਪੰਨਾ ਲੋਡ ਸਮੇਂ ਨੂੰ ਮਾਪੋ ਤਾਂ ਜੋ ਤੁਸੀਂ ਵਾਸਤਵ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਨ ਵਿੱਚ ਸੁਧਾਰ ਕਰ ਰਹੇ ਹੋ।
ਡੇਟਾ URL ਪ੍ਰੀਫਿਕਸ ਦੀ ਵਰਤੋਂ ਕਰੋ: ਵੱਧ ਤੋਂ ਵੱਧ ਸਮਰਥਾ ਲਈ ਹਮੇਸ਼ਾ ਉਚਿਤ ਡੇਟਾ URL ਪ੍ਰੀਫਿਕਸ (ਉਦਾਹਰਨ ਵਜੋਂ, data:image/png;base64,
) ਸ਼ਾਮਲ ਕਰੋ।
ਹੋਰ ਤਕਨੀਕਾਂ ਨਾਲ ਜੋੜੋ: ਬੇਸ64 ਨੂੰ ਹੋਰ ਅਨੁਕੂਲਤਾ ਤਕਨੀਕਾਂ ਜਿਵੇਂ ਲੇਜ਼ੀ ਲੋਡਿੰਗ ਅਤੇ ਜਵਾਬਦੇਹ ਚਿੱਤਰਾਂ ਦੇ ਨਾਲ ਵਰਤਣ 'ਤੇ ਵਿਚਾਰ ਕਰੋ।
ਬੇਸ64 ਕੋਡਿੰਗ ਦੀ ਜੜ੍ਹ 1970 ਦੇ ਦਹਾਕੇ ਵਿੱਚ ਇਲੈਕਟ੍ਰਾਨਿਕ ਮੇਲ ਸਿਸਟਮਾਂ ਦੇ ਵਿਕਾਸ ਵਿੱਚ ਹੈ। ਇਸਨੂੰ ਬਾਈਨਰੀ ਡੇਟਾ ਨੂੰ ਸਿਰਫ ਏਸਕੀ ਪਾਠ ਦੇ ਰੂਪ ਵਿੱਚ ਪ੍ਰਸਾਰਿਤ ਕਰਨ ਵਾਲੀਆਂ ਪ੍ਰਣਾਲੀਆਂ ਦੁਆਰਾ ਭੇਜਣ ਦੇ ਸਮੱਸਿਆ ਨੂੰ ਹੱਲ ਕਰਨ ਲਈ ਡਿਜ਼ਾਇਨ ਕੀਤਾ ਗਿਆ ਸੀ।
ਇਸ ਕੋਡਿੰਗ ਸਕੀਮ ਨੂੰ 1987 ਵਿੱਚ RFC 989 ਦੇ ਪ੍ਰਕਾਸ਼ਨ ਨਾਲ ਫਾਰਮੈਟ ਕੀਤਾ ਗਿਆ, ਜਿਸਨੇ ਪ੍ਰਾਈਵੇਸੀ ਐਨਹਾਂਸਡ ਮੇਲ (PEM) ਮਿਆਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕੀਤਾ। ਇਸਨੂੰ ਬਾਅਦ ਵਿੱਚ RFC 1421 ਅਤੇ ਹੋਰ ਸੰਬੰਧਿਤ ਮਿਆਰਾਂ ਵਿੱਚ ਅੱਪਡੇਟ ਕੀਤਾ ਗਿਆ। "ਬੇਸ64" ਸ਼ਬਦ ਖੁਦ ਇਸ ਲਈ ਹੈ ਕਿਉਂਕਿ ਕੋਡਿੰਗ 64 ਵੱਖਰੇ ਏਸਕੀ ਅੱਖਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੀ ਹੈ ਜੋ ਬਾਈਨਰੀ ਡੇਟਾ ਦਾ ਪ੍ਰਤੀਨਿਧਿਤਾ ਕਰਦੇ ਹਨ।
ਵੈਬ ਵਿਕਾਸ ਦੇ ਸੰਦਰਭ ਵਿੱਚ, ਬੇਸ64 ਕੋਡਿਤ ਚਿੱਤਰਾਂ ਦੀ ਵਰਤੋਂ 1998 ਵਿੱਚ ਡੇਟਾ URI ਦੇ ਆਗਮਨ ਨਾਲ ਪ੍ਰਸਿੱਧ ਹੋਈ, ਜਿਸਨੇ HTML, CSS, ਅਤੇ ਹੋਰ ਵੈਬ ਦਸਤਾਵੇਜ਼ਾਂ ਵਿੱਚ ਸਿੱਧਾ ਬਾਈਨਰੀ ਡੇਟਾ ਸ਼ਾਮਲ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੱਤੀ।
2000 ਦੇ ਮੱਧ ਵਿੱਚ, ਵੈਬ ਵਿਕਾਸ ਵਿੱਚ ਬੇਸ64 ਕੋਡਿਤ ਚਿੱਤਰਾਂ ਦੀ ਵਰਤੋਂ ਵਧੀਕ ਹੋਈ ਜਦੋਂ ਵਿਕਾਸਕਾਂ ਨੇ HTTP ਬਿਨਾਂ ਲੋੜਾਂ ਨੂੰ ਘਟਾਉਣ ਅਤੇ ਛੋਟੇ ਚਿੱਤਰਾਂ ਲਈ ਪੰਨਾ ਲੋਡ ਸਮੇਂ ਵਿੱਚ ਸੁਧਾਰ ਕਰਨ ਦੇ ਤਰੀਕੇ ਲੱਭੇ। ਇਹ ਤਕਨੀਕ ਖਾਸ ਤੌਰ 'ਤੇ ਮੋਬਾਈਲ ਵੈਬ ਵਿਕਾਸ ਦੇ ਦੌਰਾਨ ਅਪਣਾਈ ਗਈ, ਜਿੱਥੇ ਮੰਨਿਆ ਗਿਆ ਕਿ ਮੰਨਿਆ ਗਿਆ ਕਿ HTTP ਬਿਨਾਂ ਲੋੜਾਂ ਨੂੰ ਘਟਾਉਣਾ ਹੌਲੀ ਮੋਬਾਈਲ ਕਨੈਕਸ਼ਨਾਂ 'ਤੇ ਪ੍ਰਦਰਸ਼ਨ ਲਈ ਮਹੱਤਵਪੂਰਨ ਹੈ।
ਅੱਜ, ਬੇਸ64 ਕੋਡਿੰਗ ਵੈਬ ਵਿਕਾਸ ਵਿੱਚ ਇੱਕ ਮਹੱਤਵਪੂਰਨ ਟੂਲ ਬਣਿਆ ਰਹਿੰਦਾ ਹੈ, ਹਾਲਾਂਕਿ ਇਸਦੀ ਵਰਤੋਂ ਹੁਣ ਲਕਸ਼ਿਤ ਹੋ ਗਈ ਹੈ ਜਿਵੇਂ ਕਿ ਬਿਹਤਰ ਅਭਿਆਸਾਂ ਦਾ ਵਿਕਾਸ ਹੋਇਆ ਹੈ। ਆਧੁਨਿਕ ਪਹੁੰਚਾਂ ਨੂੰ ਆਮ ਤੌਰ 'ਤੇ ਛੋਟੇ, ਮਹੱਤਵਪੂਰਨ ਚਿੱਤਰਾਂ ਲਈ ਬੇਸ64 ਕੋਡਿੰਗ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਜਦੋਂ ਕਿ ਵੱਡੇ ਸੰਪੱਤੀ ਲਈ ਜਿਵੇਂ ਕਿ HTTP/2 ਨੂੰ ਵਰਤਣ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।
ਹੁਣ ਸਾਡੇ ਬੇਸ64 ਚਿੱਤਰ ਕਨਵਰਟਰ ਨੂੰ ਕੋਸ਼ਿਸ਼ ਕਰੋ ਤਾਂ ਜੋ ਤੁਸੀਂ ਤੇਜ਼ੀ ਨਾਲ ਆਪਣੇ ਚਿੱਤਰਾਂ ਨੂੰ ਬੇਸ64 ਵਿੱਚ ਕੋਡ ਕਰ ਸਕੋ ਜਾਂ ਬੇਸ64 ਸਟਰਿੰਗਾਂ ਨੂੰ ਵਾਪਸ ਦੇਖਣ ਯੋਗ ਚਿੱਤਰਾਂ ਵਿੱਚ ਡਿਕੋਡ ਕਰ ਸਕੋ। ਸਾਡੇ ਆਸਾਨ-ਵਰਤੋਂ ਵਾਲੇ ਇੰਟਰਫੇਸ ਨਾਲ, ਤੁਸੀਂ ਨਤੀਜੇ ਨੂੰ ਇਕ ਕਲਿਕ ਨਾਲ ਕਾਪੀ ਜਾਂ ਡਾਊਨਲੋਡ ਕਰ ਸਕਦੇ ਹੋ!
ਆਪਣੇ ਕਾਰਜ ਦੇ ਲਈ ਵਰਤਣ ਯੋਗ ਹੋਣ ਵਾਲੇ ਹੋਰ ਸੰਦੇਸ਼ ਦੀ ਖੋਜ ਕਰੋ