Base64 Image Viewer

Base64 Image Viewer について

This viewer turns Base64 text back into a picture. Paste the text, with or without the data:image prefix, and the picture is shown with its type, its dimensions in pixels, its size and the length of the Base64 text, and you can download it as a file. If the text is wrong, the message says whether it is incomplete, is not Base64 or decodes to something that is not a picture.

Pictures are often stored as Base64 inside web pages, stylesheets, emails, JSON responses and database fields, which makes them impossible to recognise by eye. The picture type is worked out from the first bytes of the data, so it is right even if the prefix says something different. PNG, JPEG, GIF, WebP, AVIF, BMP and SVG are recognised.

You can paste a whole data address, a whole url() value copied from a stylesheet, or just the raw characters. The variant that uses hyphens and underscores in place of plus and slash is accepted, and missing equals signs at the end are filled in. The download button saves the decoded picture with a file name that matches its type, such as image.png or image.jpg.

Base64 Image Viewer の使い方

1. Paste the Base64 text, the whole data address or a url() value.
2. Look at the picture, and at the type, size and dimensions underneath.
3. If there is an error, check that the whole string was copied, with nothing cut off.
4. Press Download picture to save it as a file.

主な使いみち

• Seeing what an embedded image in a stylesheet or an email looks like
• Checking a Base64 value from an API response or a database field
• Saving a picture that is stored as text back to a file
• Finding out how large an embedded picture really is before deciding to link to it instead
• Debugging a picture that does not display in a page, to learn whether the data is damaged
• Confirming the real format of an image whose data address claims a different one