The developer tools you reach for every day, all in one place.

Converters, formatters, hashes, validators, and the small utilities you keep reopening stay together instead of getting lost across tabs.

GitHub

/ Tools

■

/ Tool Finder

109 tools

/ Image to Base64

Select Image

Maximum file size: 5MB. Supported formats: PNG, JPG, GIF, SVG, WebP

/ Selected Tool

Image to Base64

Convert images to Base64 data URLs for embedding in HTML/CSS

■ 01

What is Base64 Image Encoding?

Base64 encoding converts image files into text strings that can be embedded directly in HTML or CSS. This eliminates separate HTTP requests for images but increases file size by approximately 33%.

■ 02

How does it work?

Base64 encoding converts binary image data into ASCII text by grouping binary data into 6-bit chunks and mapping each chunk to a character from a 64-character set (A-Z, a-z, 0-9, +, /). This encoding allows binary data…

■ 03

Sample Cases

Covers HTML Usage and CSS Usage so you can compare common inputs and outputs quickly.

/ Code

■

/ Integration

Source code from the selected tool, shown here alongside the live version on the right.

/ Source Code

TypeScript

typescript

// No npm packages needed - pure Node.js/TypeScript

import * as fs from 'fs';
import * as path from 'path';

interface Base64Result {
  dataUrl: string;
  base64: string;
  mimeType: string;
  originalSize: number;