Exporting and File Practices: PSD Organization, Smart Saves, and Output for Web and Print

Three Deliverables: Master, Web, Print

Finishing a Photoshop project usually means delivering more than one file. A strong workflow produces: (1) an editable master file you can return to without rebuilding work, (2) web-ready images that load fast and look consistent across devices, and (3) print-ready output that respects resolution and color management. The key idea is to separate editability (kept in the master) from distribution (web/print exports), so you never have to flatten or permanently bake decisions too early.

Deliverable 1: Editable Master (PSD) with Organized Groups

Your master file is the source of truth. It should stay editable, readable, and portable so that future changes (copy updates, new crop, alternate color) are quick.

PSD organization habits that pay off

• Group by purpose: for example, 01_Subject, 02_Background, 03_Color&Contrast, 04_Typography (if applicable), 05_Export Guides.
• Name layers for what they do: Skin cleanup, Shadow lift, BG blur beats Layer 27.
• Use consistent ordering: top-to-bottom or bottom-to-top, but keep it predictable.
• Color-label key layers/groups (optional): use labels to mark “do not touch,” “client-approved,” or “needs review.”
• Keep a clean top level: avoid dozens of loose layers outside groups.

Smart Objects and assets: linked vs embedded

If your document uses Smart Objects (especially placed files), decide how you want assets managed:

• Linked Smart Objects keep the PSD smaller and let multiple PSDs reference the same asset. This is great for brand logos, product renders, or repeating elements across a campaign.
• Embedded Smart Objects travel inside the PSD, which is safer for one-off delivery but increases file size.

Practical habit: create a project folder structure and keep links stable.

Project_Name/  Assets/ (photos, logos, vectors)  PSD/ (working files)  Exports/    Web/    Print/  Notes/ (brief, copy, approvals)

If you must move a project, move the entire folder to avoid broken links. When collaborating, keep asset filenames stable (renaming can break links).

Continue in our app.

• Listen to the audio with the screen off.
• Earn a certificate upon completion.
• Over 5000 courses for you to explore!

Or continue reading below...

Download the app

Incremental saves (smart saves) to protect your work

Incremental saving is a simple insurance policy: you create a new version at meaningful milestones so you can roll back without losing days of work.

• Use a version naming pattern: Client_Project_v01.psd, v02, v03…
• Save a new version when: you’re about to try a risky change, you receive new feedback, you change dimensions, or you’re about to export finals.
• Keep “approved” versions: e.g., Client_Project_v07_APPROVED.psd.

Tip: if file size is a concern, keep older versions archived (zip) rather than deleting them.

Variants without chaos: Layer Comps or duplicate documents

When you need multiple layouts (different crops, text positions, or visibility states), avoid duplicating layers repeatedly inside one file without a plan.

• Layer Comps are ideal when variants are mostly visibility/position/style changes. You can store multiple “states” of the same PSD and switch between them.
• Duplicate documents are better when variants diverge heavily (different dimensions, different retouch direction, or different asset sets). Start from the master, then Save As a variant file: ..._Square.psd, ..._Banner.psd.

Deliverable 2: Web Image (sRGB, resizing, Export As)

Web output is about predictable color and efficient size. Most browsers and apps expect sRGB, and oversized images waste bandwidth and can look soft if scaled by the platform.

Web export essentials

• Color space: convert to sRGB for web delivery so colors are consistent across devices.
• Pixel dimensions first: choose the exact pixel size needed (e.g., 1920 px wide for a hero image, 1080×1080 for a square post).
• File format choices:
  • JPEG: best for photos; adjust quality to balance size and detail.
  • PNG: best for graphics with sharp edges or transparency; larger files for photos.
• Sharpening: resizing down can soften detail; consider a subtle sharpening pass on a duplicate/export version if needed (avoid over-sharpening halos).

Using Export As for web

Export As is designed for screen assets. It lets you preview size and quality and export multiple scales quickly.

• Choose File > Export > Export As…
• Select format (JPEG/PNG), set dimensions, and adjust quality.
• Confirm the output looks correct at 100% preview (especially edges and gradients).

Deliverable 3: Print-Ready Output (resolution, profiles, TIFF/JPEG)

Print output is about resolution, color profile awareness, and choosing a format that matches the printer’s needs. Unlike web, print is sensitive to physical size (inches/mm) and pixels-per-inch (PPI).

Resolution considerations (practical guidance)

• Determine final print size first (e.g., 8×10 in, A4, 24×36 in).
• Typical targets:
  • 300 PPI for high-quality photo prints at close viewing distance.
  • 150–200 PPI can be acceptable for larger prints viewed from farther away (posters, signage), depending on printer and distance.
• Avoid upscaling late: enlarging after heavy edits can reveal artifacts. If you must scale up, do it intentionally and check detail.

Color profile awareness (what to do, not a deep theory)

• Ask the print provider what they want: many accept sRGB; some request Adobe RGB or a specific CMYK profile.
• Soft proof when possible: preview how colors may shift in print using a proof setup provided by the printer.
• Don’t guess CMYK conversions: if the printer supplies a profile, use it; otherwise, keep a master in RGB and export a print file according to the printer’s spec.

TIFF vs JPEG for print

Practical habit: keep the PSD as the editable master, then export a flattened TIFF/JPEG only when the print deliverable requires it. If you need to flatten, do it on a duplicate document or via export so the master remains intact.

Step-by-Step Export Exercise: Multiple Sizes from One Document

This exercise creates an organized master PSD, then exports multiple web sizes and one print-ready file without flattening the master.

Part A — Prepare the master

• 1) Save the master: File > Save As… name it Project_Name_v01.psd and place it in PSD/.
• 2) Organize groups: create top-level groups like 01_Subject, 02_Background, 03_Adjustments, 04_Effects. Move layers into the correct group.
• 3) Check linked assets: if you used linked Smart Objects, ensure the Assets/ folder is in the project and links are not broken.
• 4) Create variants (optional): if you need multiple layouts, create Layer Comps for each (e.g., Web_Hero, Web_Square, Print_Flyer).
• 5) Incremental save: Project_Name_v02_pre-export.psd.

Part B — Export web sizes (sRGB) from the same document

You will export three web sizes: 1920 px wide (hero), 1080×1080 (square), and 600 px wide (thumbnail). If your document is not already in the right aspect ratio for each, use separate export versions (duplicate documents) so the master stays untouched.

• 1) Create a web export working copy: File > Save a Copy… (or Save As…) to Exports/Web/ as Project_Web_Working.psd.
• 2) Convert to sRGB (for web consistency): use Edit > Convert to Profile… and choose sRGB IEC61966-2.1 (if it isn’t already). Keep the master in its original working space if needed; do this in the web working copy.
• 3) Export 1920 px wide (hero):
  • Go to File > Export > Export As…
  • Format: JPEG
  • Set width to 1920 px (height auto)
  • Quality: start around 70–85, then adjust based on visible artifacts and file size
  • Export to Exports/Web/ as Project_hero_1920.jpg
• 4) Export 1080×1080 (square):
  • Duplicate the web working document: Image > Duplicate… name it Project_Web_Square
  • Adjust framing for a square output (use a square crop in this duplicate only)
  • File > Export > Export As…
  • Set size to 1080 x 1080
  • Export as Project_square_1080.jpg
• 5) Export 600 px wide (thumbnail):
  • Return to the hero-framed version (or duplicate again)
  • File > Export > Export As…
  • Set width to 600 px
  • Export as Project_thumb_600.jpg

Practical check: open the exported JPEGs and view at 100% to confirm no banding in gradients, no crunchy compression in skin/sky, and no unexpected color shift.

Part C — Export a print-ready file

• 1) Create a print export working copy: File > Save a Copy… to Exports/Print/ as Project_Print_Working.psd.
• 2) Set physical size and resolution: Image > Image Size… and confirm the document matches the required print dimensions. Aim for 300 PPI when appropriate. Avoid resampling unless necessary; if you must resample, inspect detail carefully.
• 3) Confirm profile requirements: if the printer provided a profile, convert in this print working copy (not the master). If they request sRGB, keep it sRGB.
• 4) Export as TIFF or high-quality JPEG:
  • For TIFF: File > Save a Copy… choose TIFF, use lossless compression if requested/allowed.
  • For JPEG: File > Save a Copy… choose JPEG, set quality high (e.g., 10–12), then verify no artifacts.

Final Pre-Export Checklist (Avoid Flattening Too Early)

• Master PSD preserved: you still have an editable PSD with organized groups and clear layer names.
• Incremental version saved: a pre-export version exists (e.g., v02_pre-export) and an approved version is labeled if applicable.
• Assets are safe: linked files are in the project folder; no missing links; filenames are stable.
• Variants are controlled: Layer Comps are updated or variant PSDs are clearly named and stored in the right folder.
• No destructive merges: you did not merge/flatten the master to “make exporting easier.” If flattening is required for delivery, it was done on a copy or via export.
• Web exports: converted to sRGB (when needed), resized to exact pixel dimensions, format chosen appropriately (JPEG/PNG), and checked at 100%.
• Print exports: final physical size confirmed, resolution appropriate, profile requirements followed, and TIFF/JPEG choice matches printer specs.
• File naming is unambiguous: sizes and purpose are in the filename (e.g., _1920, _1080sq, _print_A4_300ppi).