Use-case recommendation

Best Format for Transparent UI Assets

PNG remains a safe default when strict alpha and lossless quality are required.

Recommendation

Recommendation

PNG

PNG handles predictable lossless alpha for UI overlays and icons.

image/png

WEBP

Use WebP for smaller payloads when rendering parity is acceptable.

Files: 4

SVG

Use SVG for vector-driven UI assets that need infinite scaling.

Files: 7

Related decisions

Related Decisions

FAQ

FAQ

What is the default format recommendation for this use case?

PNG is the recommended default format here.

How should teams validate this recommendation?

Use sample files and manifest endpoints to test compatibility and behavior before rollout.