AVIFify

PSD

.psd

Photoshop's native format preserving layers, masks, and effects. Keep it as your editable master and export flattened AVIF for the web.

rawlosslessTransparency

A PSD file is Adobe Photoshop's editable master, not a web image — it keeps every layer intact so the design can be reworked, while AVIF is the flattened, compressed copy you ship to browsers. PSD preserves the project; AVIF preserves the bytes. This page explains what a PSD holds, why no browser can render one, and the export workflow that turns a 16-bit Photoshop master into a small AVIF for the web.

What Photoshop stores inside a PSD

A PSD stores the whole editing project, not one finished picture. Photoshop introduced the format in 1990, and its job has always been round-trip editability rather than delivery.

One .psd can hold several editable structures:

  • Layers — each kept as separate pixels, so a 40-layer comp stores 40 images.
  • Layer masks and vector masks — non-destructive show/hide regions.
  • Adjustment layers — curves, levels, and hue/saturation as live parameters, not baked pixels.
  • Smart objects — embedded source files (even raw or vector) that re-render on edit.
  • Type layers — live, re-settable text with font references.

Photoshop writes a flat composite preview last, which is the only part most other apps display. The MIME type registered for the format is image/vnd.adobe.photoshop.

Why a PSD is never web-deliverable

A PSD fails on the web for two independent reasons: size and decodability.

First, size. Storing every layer at full resolution makes masters enormous: a 1920×600 banner with 20 layers and several smart objects routinely reaches 50–200 MB, while the same comp exported flat is well under 1 MB. The layer overhead is the point for editing and pure waste for delivery.

Second, decodability. No browser decodes the proprietary PSD layer structure, so a .psd URL triggers a download dialog instead of an image. Compare that with AVIF, which reaches roughly 94% of users natively per caniuse. A master format and a delivery format are different tools; do not confuse them with formats built to ship, such as JPG, PNG, or WebP.

The keep-the-master, export-the-web-copy workflow

The durable workflow is keep the layered PSD, export a flattened AVIF for each use. The PSD stays your source of truth; the AVIF is a disposable, regenerable artifact.

A typical handoff looks like this:

  1. Edit and archive the PSD — all layers, masks, and smart objects intact.
  2. Export a flattened web copy — File > Export, choosing AVIF (or JPG/PNG).
  3. Reference only the exported file in HTML; re-export whenever the master changes.

For photographic comps, AVIF is the strongest export target: it stores a photo in about half the bytes of a JPEG at matched quality, and 20–25% smaller than WebP. Tune the export with the AVIF Compression Settings guide, and batch large libraries using AVIF Optimization.

16-bit PSD masters and AVIF's bit depth

AVIF protects tonal range better than legacy web exports because it encodes 10-bit and 12-bit color, not just 8-bit.

Photoshop edits photographs in 16-bit precisely to avoid banding in skies and gradients. The catch: the classic Save For Web command silently down-converts 16-bit to 8-bit, collapsing that headroom. Exporting to AVIF at 10-bit or 12-bit instead carries far more of the master's tonal range into the delivered file — the difference shows on smooth gradients and HDR-style imagery. PNG also keeps 16-bit but is many times larger, which is why AVIF wins for photographic content. For the trade-offs between encoding modes, see Lossy vs Lossless Compression.

Converting flattened exports through AVIFify

AVIFify converts the flat copies you export from Photoshop, entirely in your browser with no upload. PSD itself is not a supported input — flatten in Photoshop first, then run the resulting file through a converter:

For a side-by-side of the photographic export choice, read AVIF vs JPG. When a lossless editable interchange master is required instead of a web copy, TIFF is the usual alternative.

FAQ

Can a browser open a PSD?

No browser renders PSD natively. Chrome, Safari, and Firefox all download the .psd rather than display it. Export to AVIF, JPG, PNG, or WebP for the web.

What should I export from Photoshop for the web?

Export AVIF for photographic comps to get the smallest file at a given quality. Use PNG only for crisp flat graphics that need lossless edges, and keep a JPG fallback for the ~6% of browsers without AVIF.

Does exporting to AVIF change my original PSD?

No — exporting creates a separate file and leaves the layered PSD untouched. Always archive the master so you can re-export at new sizes or formats later.

Will I lose 16-bit color exporting to AVIF?

Not if you export at 10-bit or 12-bit AVIF, which retains most of a 16-bit master's tonal range. The legacy Save For Web path forces 8-bit and should be avoided for gradient-heavy work.

Sources and further reading