Image to Base64 and Base64 to image converter
Pick an image to get its Base64 data URL for HTML or CSS, or paste Base64 to view and save the image.
About Image ↔ Base64
Pick an image to get it as a data URL (data:image/png;base64,…), an <img> tag and CSS, plus the size increase (Base64 is about 33% larger). Good for tiny icons embedded in pages or emails.
Or paste Base64 or a data URL in the text box to preview it and download it as a file; the type is detected from the data.
FAQ
Should I embed images as Base64?
Only very small ones such as icons; larger images are better as files the browser can cache.
More tools here
JSON formatter Base64 encode / decode URL encode / decode HTML entities Hash generator UUID generator JWT decoder Regex tester Cron generator Unix timestamp converter Code formatter Markdown preview Text ↔ binary Color converter Contrast checker CSS gradient JSON to CSV CSV to JSON YAML ↔ JSON JSON to TypeScript AES encryption TOTP generator Password strength checker CSS box shadow CSS border radius Tailwind colors Color palette generator Aspect ratio calculator Chmod calculator