Image MIME Reference
Radiance
Radiance HDR
image/vnd.radiance
VS
Scalable Vector Graphics
image/svg+xml
SVG
A complete technical comparison of Radiance HDR and Scalable Vector Graphics — covering compression, feature support, browser compatibility, magic bytes, and when to choose each format.
SVG wins on browser support
Feature Support
| Feature | Radiance | SVG |
|---|---|---|
| Transparency (Alpha) | ✕ No | Yes |
| Animation Support | ✕ No | Yes |
| Progressive Loading | ✕ No | ✕ No |
| HDR Support | Yes | Yes |
| EXIF Metadata | ✕ No | ✕ No |
| ICC Color Profile | ✕ No | ✕ No |
Radiance HDR
image/vnd.radiance
Extension
.hdr.pic.rgbe.xyze
Container
Radiance Information Header
Compression
Run-Length Encoding (RLE) / Uncompressed
Algorithm
Adaptive Run-Length Encoding (RLE)
Color Depth
32-bit (8-bit per channel RGB + 8-bit shared Exponent)
Developed by
Greg Ward (Lawrence Berkeley National Laboratory)
Released
1989
Magic Bytes
23 3F 52 41 44 49 41 4E 43 45
Scalable Vector Graphics
image/svg+xml
Extension
.svg.svgz
Container
XML Document
Compression
Uncompressed (Plain Text XML) / Lossless (GZIP via .svgz)
Algorithm
None (for .svg)GZIP (for .svgz)
Color Depth
Vector (Independent of bit-depth), CSS Colors (HEX, RGB, HSL, Display-P3)
Developed by
World Wide Web Consortium (W3C)
Released
2001
Magic Bytes
3C 73 76 67 (for <svg) / 3C 3F 78 6D 6C (for <?xml)
Browser Support Comparison
| Browser | Radiance | SVG |
|---|---|---|
Chrome
|
✕ |
✓ All
|
Firefox
|
✕ |
✓ All
|
Safari
|
✕ |
✓ All
|
Edge
|
✕ |
✓ All
|
IE (Legacy)
|
✕ |
✓
|
Radiance
Radiance Strengths
- Universally supported by almost every 3D modeling software, renderer, and game engine in existence
- RGBE encoding offers a brilliant balance between High Dynamic Range capability and small file size (compared to 32-bit float OpenEXR)
- Simple, easy-to-parse ASCII header followed by straightforward RLE binary data
Limitations
- Does not support alpha transparency (no way to store an isolated light source with a transparent background)
- The shared exponent architecture can occasionally introduce banding or color artifacts in extreme edge cases compared to true 16-bit/32-bit floating-point formats like OpenEXR
- Zero native browser support for 2D viewing
SVG
SVG Strengths
- Provides infinite resolution scalability, looking perfectly crisp on high-DPI (Retina) displays without increasing file size
- Extremely lightweight compared to raster formats for flat graphics, logos, and UI elements
- Can be manipulated dynamically via the browser's CSS and JavaScript engines (DOM integration)
Limitations
- Unsuitable for complex photographic images or photorealistic textures
- Poses critical security vulnerabilities (XSS and XML External Entity attacks) if user-uploaded SVGs are not heavily sanitized
- Rendering performance degrades significantly if the SVG contains tens of thousands of complex nodes or deeply nested paths
When to choose which format
Radiance
Use Radiance when…
- Image-Based Lighting (IBL)
- 3D Environment Maps (HDRI Skydomes)
- Lighting Simulation
- VFX and CGI Rendering
SVG
Use SVG when…
- Web Logos & UI Icons
- Responsive Web Design Elements
- Interactive Data Visualizations (D3.js)
- CSS and SMIL Web Animations