Adobe · Platform not recorded
Export Images for the Web in Photoshop
Source-checked About 10 minutes
Answer
Choose JPEG, PNG, WebP, or GIF based on the content, resize to the delivered dimensions, convert to sRGB, and preview quality before export.
Preserve the editable master
Keep the layered PSD or PSB as the master. Export to a new file so resizing, flattening, color conversion, and metadata removal do not replace the editable original.
Choose the format for the content
Use JPEG or WebP for photographs, PNG for transparency or crisp graphics, and GIF only when its limited animation or indexed color is actually required.
Set delivery dimensions
Open Image > Image Size or the export size controls, enter the displayed pixel dimensions, preserve aspect ratio unless intentionally cropping, and avoid exporting far larger than the site uses.
Use web-compatible color
Convert or export to sRGB for broad browser consistency. Keep an embedded profile when the destination supports it and compare important brand colors after export.
Control metadata deliberately
Include copyright or required metadata, but remove location and other private metadata when it is unnecessary for the destination.
Preview quality and file size
Use File > Export > Export As or Save for Web, compare compression artifacts, transparency, dimensions, and estimated size, then export under a new name.
Verify the delivered file
Open the exported asset in a browser at its intended display size. Confirm dimensions, color, transparency, sharpness, animation when applicable, and file size before uploading.
Video walkthrough
If it does not work
- If a PNG loses transparency, confirm the document has transparent pixels and that Transparency remains enabled in Export As; JPEG cannot preserve transparency.
- If browser color differs, compare the exported file in sRGB with its embedded profile and preserve the layered master while testing another supported format.
Sources and verification
Checked against official documentation on . Scope: Platform not recorded.
Follow the linked first-party guidance if labels differ after a platform or app update.