# Image to Base64 Converter

Convert images to Base64 encoding with support for various formats and quality settings

> Canonical page: https://elysiatools.com/en/tools/image-to-base64

- **Category:** Design

- **Keywords:** image, base64, encode, convert, data-uri, embedding

## Overview

The Image to Base64 Converter allows you to quickly transform image files into Base64 encoded strings, making it easy to embed graphics directly into your HTML, CSS, or JSON files without external dependencies.

## Inputs

- **Image File** (file): Select an image file...
- **Output Format** (select)
- **Include Data URI Prefix** (checkbox)
- **Max Width (pixels)** (number): Maximum width...
- **Max Height (pixels)** (number): Maximum height...

## When to use

- Embedding small icons or logos directly into your CSS or HTML to reduce HTTP requests.
- Storing image data within a database or JSON configuration file.
- Preparing image assets for transmission via APIs that require text-based data formats.

## How it works

- Upload your image file (JPEG, PNG, WebP, or GIF) using the file selector.
- Adjust optional settings like output format, dimensions, or the inclusion of the Data URI prefix.
- Click convert to generate the Base64 string, which you can then copy directly to your clipboard.

## Use cases

- Optimizing web performance by inlining critical small images.
- Generating base64 strings for CSS background-image properties.
- Embedding profile avatars directly into user profile JSON objects.

## Frequently asked questions

### What image formats are supported?

The tool supports JPEG, PNG, WebP, and GIF formats.

### What is the 'Include Data URI Prefix' option?

When enabled, it adds the 'data:image/...;base64,' header to your string, which is required for direct use in HTML 'src' attributes or CSS 'url()' properties.

### Is there a file size limit?

Yes, the tool supports files up to 10MB.

### Can I resize the image during conversion?

Yes, you can specify a maximum width or height in pixels to scale the image before encoding.

### Is my image data stored on your server?

No, all processing is performed locally in your browser to ensure your data remains private.

## Related tools

- [Data URI Generator](https://elysiatools.com/en/tools/data-uri-generator): Convert files into Data URIs (Base64 or percent-encoded) for inlining images, fonts, and assets directly into HTML, CSS, or Markdown
- [Image Flip (Vertical)](https://elysiatools.com/en/tools/image-flip): Flip images vertically (top to bottom) with options for output format and quality
- [Image Flop (Horizontal)](https://elysiatools.com/en/tools/image-flop): Flop images horizontally (left to right) with options for output format and quality
- [Image Processor](https://elysiatools.com/en/tools/image-processor): Process images with various operations like resize, crop, format conversion, and optimization
- [Image Rotate](https://elysiatools.com/en/tools/image-rotate): Rotate images by specified degrees with options for background color and output format
- [Rotate Image by Arbitrary Angle](https://elysiatools.com/en/tools/image-rotate-arbitrary): Rotate images by any arbitrary angle with options for background color and output format
- [Image Affine Transformation](https://elysiatools.com/en/tools/image-affine): Apply affine transformation for scaling, rotation, shearing, and translation
- [Image Color Picker](https://elysiatools.com/en/tools/image-color-picker): Pick colors from images by specifying coordinates. Get color values in HEX, RGB, HSL, HSV, and CMYK formats.

## Samples

- [Web Image Processing Python Samples](https://elysiatools.com/en/samples/web-image-processing-python): Web Python image processing examples using PIL/Pillow including reading, saving, resizing, and format conversion
- [Web Image Processing TypeScript Samples](https://elysiatools.com/en/samples/web-image-processing-typescript): Web TypeScript image processing examples including image read/save, scaling, and format conversion
- [Android Image Processing Java Samples](https://elysiatools.com/en/samples/android-image-processing-java): Android Java image processing examples including reading/saving images, scaling, and format conversion
- [Android Image Processing Kotlin Samples](https://elysiatools.com/en/samples/android-image-processing-kotlin): Android Kotlin image processing examples including reading/saving images, scaling, and format conversion

## Related content

- [Image Format Conversion and Animated Export Tools](https://elysiatools.com/en/hubs/image-convert): Compare image format converters for JPG, PNG, GIF, AVIF, WebP, TIFF, ICO, base64, and animation-friendly exports in one hub.
- [Image Cleanup, Framing, and Batch Prep Tools](https://elysiatools.com/en/hubs/image-utility): Compare image cleanup, trimming, padding, framing, batch resize/compress, watermarking, and visual polish tools in one hub for asset preparation workflows.
- [Image Metadata, EXIF, and Privacy Cleanup Tools](https://elysiatools.com/en/hubs/image-metadata): Compare image metadata viewers, EXIF/IPTC/XMP inspectors, orientation fixers, metadata editors, and privacy cleanup tools for photo publishing workflows.
- [Image Cleanup, Resize, and Detail Enhancement Tools](https://elysiatools.com/en/hubs/image-cleanup-resize-and-detail-enhancement): Prepare images for delivery with orientation correction, trimming, denoising, resizing, sharpening, and batch conversion.