Image MIME Reference
PSD
Adobe Photoshop Document
image/vnd.adobe.photoshop
VS
Scalable Vector Graphics
image/svg+xml
SVG
A complete technical comparison of Adobe Photoshop Document 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 | PSD | SVG |
|---|---|---|
| Transparency (Alpha) | Yes | Yes |
| Animation Support | Yes | Yes |
| Progressive Loading | ✕ No | ✕ No |
| HDR Support | Yes | Yes |
| EXIF Metadata | Yes | ✕ No |
| ICC Color Profile | Yes | ✕ No |
Adobe Photoshop Document
image/vnd.adobe.photoshop
Extension
.psd.psb.pdd
Container
Adobe Photoshop Document (PSD/PSB)
Compression
Uncompressed / RLE (Run-Length Encoding) / ZIP
Algorithm
RLEZIP (with or without prediction)None
Color Depth
1-bit (Bitmap), 8-bit, 16-bit, 32-bit (Float/HDR)
Developed by
Adobe Systems
Released
1990
Magic Bytes
38 42 50 53
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 | PSD | SVG |
|---|---|---|
|
|
✕ |
✓ All
|
|
|
✕ |
✓ All
|
|
|
✕ |
✓ All
|
|
|
✕ |
✓ All
|
|
|
✕ |
✓
|
PSD
PSD Strengths
- The undisputed global standard for layered raster graphics and non-destructive image editing
- Supports incredibly complex compositions combining raster data, vector shapes, live text, and adjustment layers
- Full support for advanced color spaces (CMYK, Lab, multi-channel) and 32-bit floating-point HDR workflows
Limitations
- Proprietary format: while the specification is published, complete feature-parity is rarely achieved by third-party software (e.g., smart objects and complex layer styles often break)
- Files can reach enormous sizes (gigabytes) due to the preservation of unflattened, high-resolution layer data
- Zero support for native rendering in web browsers or standard mobile image viewers
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
PSD
Use PSD when…
- Professional Photo Retouching
- Digital Painting and Illustration
- UI/UX Design Workflows
- Graphic Design and Print Production
SVG
Use SVG when…
- Web Logos & UI Icons
- Responsive Web Design Elements
- Interactive Data Visualizations (D3.js)
- CSS and SMIL Web Animations