Image converters

Conversion tools change the format of an image, not its content. A lossless format such as PNG or WebP keeps every pixel exactly as it was; a lossy format such as JPG discards detail to reach a smaller file, and the Download button lets you pick the quality that decides how much. Converting to JPG flattens transparency onto a background color, because JPG has no alpha channel - pick a white, black or custom background instead of losing the transparent areas to black.

Text-based conversions go the other way: Base64, data URIs, hex pixel values and byte arrays are the encodings developers use to embed an image in HTML, CSS, JSON or a source file. The reverse tools rebuild an image from any of those encodings, so a round trip through Base64 gives back the same picture you started with.

SVG to PNG is the one conversion that changes resolution: a vector source has no fixed pixel size, so the width and height you set decide how sharp the raster output is. Pick a size at least as large as the largest place the image will be shown - SVG stays sharp at any size, a rasterized PNG does not.

Tools in this category

Convert PNG to JPG Transparency is composited over the chosen backdrop color (white by default) and saved as JPEG. 01 Convert PNG to WebP Re-encodes the image into WebP with adjustable quality. Transparency is preserved. 02 Convert PNG to BMP Saves the image as 24-bit BMP without an alpha channel: transparency is replaced with a black background. 03 Convert PNG to Base64 Encodes the image into a base64 string for embedding in code or styles. 04 Build a data URI from an image Builds a full data-uri (data:image/png;base64,…) for embedding in HTML/CSS. 05 List image pixels as hex values Shows all pixels as rrggbbaa hex values — row by row, space separated. 06 List image pixels as RGBA byte values Lists every pixel as four decimal bytes (R G B A), one image row per line. 07 List image pixels as rgba values Lists every pixel as rgba(r, g, b, a), one image row per line. 08 Decode a Base64 string into an image Decodes a base64 string or data-uri back into an image. Paste the string on the left. 09 Decode a data URI into an image Decodes data:image/…;base64,… back into an image file. 10 Build an image from hex pixel values Assembles an image from rrggbbaa hex values (space separated). Set the width — the height is computed automatically. 11 Build an image from RGBA byte values Assembles an image from decimal RGBA byte numbers (any separators). Set the width — height is computed automatically. 12 Build an image from rgba values Assembles an image from rgba(r, g, b, a) numbers. Set the width — height is computed automatically. 13 Convert SVG to PNG Decodes SVG markup into a raster image. Paste the SVG code on the left. 14