SVG to JXL Converter

Encoding: the SVG uses XML text describing paths, shapes and text, sometimes gzipped as .svgz; JXL uses lossy VarDCT or lossless modular coding; existing JPEGs can be repacked without loss, and the download is a JPEG XL encoded with libjxl compiled to WebAssembly, lossy at the quality you choose or lossless.

Bit depth: not fixed: coordinates and colours are continuous values in the SVG; JXL allows 8 to 16 bits per channel, or floating point, and the JXL written here has 8 bits per channel.

Colour: sRGB by default, other spaces through CSS colour functions in the SVG; JXL supports sRGB, Display P3, linear and other spaces described in the codestream, written here as 8-bit sRGB.

Transparency: the SVG stores it as opacity on any element, with anti-aliased edges; the JXL keeps it as an extra channel in the codestream.

Animation: SMIL or CSS animation described in the markup; a single still rendering is converted.

Metadata: the SVG can carry title, description and RDF metadata elements; JXL can carry EXIF and XMP boxes in the container form, often stripped by encoders, but nothing is copied across.

SVG describes shapes, paths and text as XML instead of pixels, so it stays crisp at any size. It is the standard for logos, icons and illustrations on the web.

An SVG is an XML document: a root <svg> element with a viewBox, then paths, shapes, text, gradients and filters. It can also embed raster images and, dangerously, scripts, which is why untrusted SVG is sanitized before rendering here.

SVG files usually come from icon sets, logos, design tools (Figma, Illustrator, Inkscape) and diagram exports.

JPEG XL is a next-generation format designed to replace JPEG. It compresses better than JPEG and WebP, supports lossless, HDR and progressive decoding, and can losslessly repack existing JPEGs.

A JPEG XL file is either a bare codestream starting with FF 0A or an ISO base media container whose 'jxlc' box holds the codestream. A recompressed JPEG keeps a 'jbrd' box that lets the original JPEG bytes be rebuilt exactly.

JXL is the better choice for archiving and future-proof high quality storage, while SVG suits logos, icons and illustrations.

JXL strengths: Excellent lossy and lossless compression; Progressive decoding and HDR; Huge image sizes. Drawbacks to weigh: Browser support is limited (Safari only by default); Few apps can open it yet.