Examples
Practical examples demonstrating various Base64 encoding and decoding scenarios.
Basic Text Examples
Simple Text Encoding
Input: "Hello, World!"
Output: "SGVsbG8sIFdvcmxkIQ=="
Simple Text Decoding
Input: "SGVsbG8sIFdvcmxkIQ=="
Output: "Hello, World!"
Multilingual Text
Input: "你好，世界！"
Output: "5L2g5aW9LCDkuJbnlYwh"
Special Characters
Input: "Hello @#$%^&*()"
Output: "SGVsbG8gQCMkJV4mKigp"
URL-Safe Examples
Standard to URL-Safe
Input: "Hello, World!"
Standard: "SGVsbG8sIFdvcmxkIQ=="
URL-Safe: "SGVsbG8sIFdvcmxkIQ"
URL Parameter Encoding
Input: "user@example.com"
URL-Safe: "dXNlckBleGFtcGxlLmNvbQ"
Filename Encoding
Input: "my file (1).txt"
URL-Safe: "bXkgZmlsZSAoMSkudHh0"
File Examples
Image File
File: small-image.png (1KB)
Base64: iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==
Text File
File: document.txt
Content: "This is a sample document."
Base64: "VGhpcyBpcyBhIHNhbXBsZSBkb2N1bWVudC4="
JSON Data
Input: {"name": "John", "age": 30}
Output: "eyJuYW1lIjogIkpvaG4iLCAiYWdlIjogMzB9"
Programming Examples
HTML Data URI
<!-- Embed image directly in HTML -->
<img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg=="
alt="Small image"
/>
CSS Data URI
/* Embed image in CSS */
.background {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==');
}
JavaScript Fetch API
// Send Base64 data via fetch
const base64Data = 'SGVsbG8sIFdvcmxkIQ==';
fetch('/api/upload', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
data: base64Data,
type: 'text',
}),
});
Email Examples
Email Attachment
MIME-Version: 1.0
Content-Type: multipart/mixed; boundary="boundary123"
--boundary123
Content-Type: text/plain; charset=UTF-8
This is the email body.
--boundary123
Content-Type: application/pdf; name="document.pdf"
Content-Transfer-Encoding: base64
Content-Disposition: attachment; filename="document.pdf"
JVBERi0xLjQKJcOkw7zDtsO8CjIgMCBvYmoKPDwKL0xlbmd0aCAzIDAgUgo+PgpzdHJlYW0K...
Inline Image in Email
Content-Type: multipart/related; boundary="boundary123"
--boundary123
Content-Type: text/html; charset=UTF-8
<html>
<body>
<img src="cid:image1" alt="Embedded image">
</body>
</html>
--boundary123
Content-Type: image/png; name="image.png"
Content-Transfer-Encoding: base64
Content-ID: <image1>
iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==
API Integration Examples
REST API Request
{
"action": "encode",
"data": "Hello, World!",
"format": "standard"
}
REST API Response
{
"success": true,
"result": "SGVsbG8sIFdvcmxkIQ==",
"inputSize": 13,
"outputSize": 18
}
GraphQL Mutation
mutation EncodeBase64($input: String!) {
encodeBase64(input: $input) {
result
inputSize
outputSize
}
}
Database Examples
SQL Insert
INSERT INTO documents (name, content_base64)
VALUES ('document.txt', 'VGhpcyBpcyBhIHNhbXBsZSBkb2N1bWVudC4=');
SQL Select
SELECT name,
CONVERT_FROM(DECODE(content_base64, 'base64'), 'UTF8') as content
FROM documents
WHERE id = 1;
Configuration Examples
Environment Variables
# Base64 encoded configuration
DATABASE_URL="cG9zdGdyZXM6Ly91c2VyOnBhc3N3b3JkQGxvY2FsaG9zdC9kYg=="
API_KEY="YWJjZGVmZ2hpams="
Configuration Files
# config.yaml
database:
connection_string: 'cG9zdGdyZXM6Ly91c2VyOnBhc3N3b3JkQGxvY2FsaG9zdC9kYg=='
api:
secret_key: 'YWJjZGVmZ2hpams='
Error Handling Examples
Invalid Base64
Input: "Hello World!" (not valid Base64)
Error: "Invalid Base64 string format"
Incomplete Base64
Input: "SGVsbG8gV29ybGQ" (missing padding)
Error: "Invalid Base64 string format"
File Too Large
Input: large-file.zip (15MB)
Error: "File size exceeds maximum limit of 10MB"
These examples demonstrate the versatility and practical applications of Base64 encoding in various real-world scenarios.