Base64 ইমেজ এনকোডার
HTML ও CSS-এর জন্য ইমেজকে Base64 Data URI-তে এনকোড করুন
এখানে ইমেজ ড্রপ করুন বা আপলোড করতে ক্লিক করুন
PNG, JPG, SVG, WebP, GIF, AVIF সমর্থিত
base64ImageEncodeContent.whatTitle
base64ImageEncodeContent.whatBody1
base64ImageEncodeContent.whatBody2
base64ImageEncodeContent.whatBody3
base64ImageEncodeContent.whyTitle
base64ImageEncodeContent.whyBody
⚡
base64ImageEncodeContent.b1Title
base64ImageEncodeContent.b1Body
🔒
base64ImageEncodeContent.b2Title
base64ImageEncodeContent.b2Body
🌐
base64ImageEncodeContent.b3Title
base64ImageEncodeContent.b3Body
📦
base64ImageEncodeContent.b4Title
base64ImageEncodeContent.b4Body
base64ImageEncodeContent.useCasesTitle
base64ImageEncodeContent.uc1Title
base64ImageEncodeContent.uc1Body
base64ImageEncodeContent.uc2Title
base64ImageEncodeContent.uc2Body
base64ImageEncodeContent.uc3Title
base64ImageEncodeContent.uc3Body
base64ImageEncodeContent.uc4Title
base64ImageEncodeContent.uc4Body
base64ImageEncodeContent.uc5Title
base64ImageEncodeContent.uc5Body
base64ImageEncodeContent.uc6Title
base64ImageEncodeContent.uc6Body
base64ImageEncodeContent.anatomyTitle
base64ImageEncodeContent.anatomyBody
| base64ImageEncodeContent.partCol | base64ImageEncodeContent.descCol |
|---|---|
| data: | URI scheme identifier |
| image/png | MIME type of the image |
| ;base64, | Encoding declaration |
| iVBORw0KGgo... | Base64-encoded binary data |
base64ImageEncodeContent.formatsTitle
base64ImageEncodeContent.formatsBody
| base64ImageEncodeContent.formatCol | base64ImageEncodeContent.mimeCol | base64ImageEncodeContent.alphaCol | base64ImageEncodeContent.bestForCol |
|---|---|---|---|
| PNG | image/png | Yes | Screenshots, icons, UI elements |
| JPEG | image/jpeg | No | Photos, gradients, large images |
| SVG | image/svg+xml | Yes | Logos, icons, scalable graphics |
| WebP | image/webp | Yes | Modern web images, smaller files |
| GIF | image/gif | Yes (1-bit) | Simple animations, small icons |
| ICO | image/x-icon | Yes | Favicons |
base64ImageEncodeContent.codeTitle
base64ImageEncodeContent.codeBody
JavaScript (browser)
// Convert a File object to a Base64 data URI
function fileToDataUri(file) {
return new Promise((resolve, reject) => {
const reader = new FileReader()
reader.onload = () => resolve(reader.result)
reader.onerror = reject
reader.readAsDataURL(file)
// reader.result → "data:image/png;base64,iVBORw0KGgo..."
})
}
// Convert a canvas element to a data URI
const dataUri = canvas.toDataURL('image/png')
// → "data:image/png;base64,iVBORw0KGgo..."
// Convert with quality parameter (JPEG/WebP only)
const jpegUri = canvas.toDataURL('image/jpeg', 0.8)
// → "data:image/jpeg;base64,/9j/4AAQ..."Python
import base64
# Read an image file and encode it to a data URI
with open('logo.png', 'rb') as f:
encoded = base64.b64encode(f.read()).decode('ascii')
data_uri = f'data:image/png;base64,{encoded}'
# → "data:image/png;base64,iVBORw0KGgo..."
# Detect MIME type automatically
import mimetypes
mime, _ = mimetypes.guess_type('photo.jpg')
# mime → "image/jpeg"
with open('photo.jpg', 'rb') as f:
b64 = base64.b64encode(f.read()).decode('ascii')
data_uri = f'data:{mime};base64,{b64}'Node.js
import { readFileSync } from 'fs'
import { lookup } from 'mime-types'
// Read file and encode to data URI
const buffer = readFileSync('icon.png')
const base64 = buffer.toString('base64')
const mime = lookup('icon.png') // → "image/png"
const dataUri = `data:${mime};base64,${base64}`
// → "data:image/png;base64,iVBORw0KGgo..."
// From a Buffer received via HTTP/API
function bufferToDataUri(buf, mimeType) {
return `data:${mimeType};base64,${buf.toString('base64')}`
}CLI (bash)
# Encode an image to Base64 (macOS) base64 -i logo.png | tr -d '\n' # Encode an image to a full data URI (Linux) echo -n "data:image/png;base64,$(base64 -w 0 logo.png)" # Encode and copy to clipboard (macOS) echo -n "data:image/png;base64,$(base64 -i logo.png | tr -d '\n')" | pbcopy # Detect MIME type and encode (Linux, requires file command) MIME=$(file -b --mime-type image.webp) echo -n "data:$MIME;base64,$(base64 -w 0 image.webp)"
base64ImageEncodeContent.faqTitle
base64ImageEncodeContent.q1
base64ImageEncodeContent.a1
base64ImageEncodeContent.q2
base64ImageEncodeContent.a2
base64ImageEncodeContent.q3
base64ImageEncodeContent.a3
base64ImageEncodeContent.q4
base64ImageEncodeContent.a4
base64ImageEncodeContent.q5
base64ImageEncodeContent.a5
base64ImageEncodeContent.q6
base64ImageEncodeContent.a6
base64ImageEncodeContent.q7
base64ImageEncodeContent.a7
সম্পর্কিত টুলস
Base64 এনকোড অনলাইনটেক্সট বা বাইনারি ডেটা Base64 এ এনকোড করুনBase64 ডিকোড অনলাইনBase64 এনকোড করা টেক্সট ডিকোড করুনBase64 ইমেজ ডিকোডারBase64 Data URI থেকে দেখার যোগ্য ইমেজে ফিরিয়ে আনুনURL-নিরাপদ Base64URL-নিরাপদ Base64 (Base64url) এনকোড ও ডিকোড করুনBase64 থেকে Hex রূপান্তরকারীBase64 ও হেক্সাডেসিমালের মধ্যে রূপান্তর করুনBase64 ফাইল এনকোডারযেকোনো ফাইলকে Base64-এ এনকোড করুন: PDF, ZIP, ইমেজ ও আরও