What resolution do Etsy mockups need to be?

Etsy mockups should have a minimum resolution of 2000x2000 pixels because Etsy's maximum display size on desktop is around this dimension. Using a higher resolution such as 2400x2400 or 3000x3000 pixels is even better as it allows buyers to zoom in on listings without losing sharpness and prepares your images for any future Etsy display updates. For example, if you upload a 1500x1500 pixel mockup, it might appear pixelated or blurry when a buyer zooms in on the product detail. To ensure your mockups look professional, always export your final mockup files at least 2000x2000 pixels or larger and avoid scaling up smaller images, which reduces quality.

Why is my AI-generated artwork blurry in the mockup?

AI tools often output at 1024-2048 pixels, which is below the resolution mockup PSDs expect (typically 2400+). The mockup composites the small artwork into a larger frame and stretches it — pixelation everywhere. Upscale the AI artwork to 4096+ pixels before compositing. Ratio Ready's alpha-aware ESRGAN handles this in one step.

Should mockups be PNG or JPG?

For Etsy listing images, JPG is generally the preferred file format due to its smaller file size and faster loading times, which help maintain site speed and user experience. Etsy's product display is on a white background, so transparency is not needed, making PNG's larger file sizes unnecessary except in rare cases where your mockups have transparent backgrounds. When exporting, aim to use a JPG quality setting of 90% or higher to keep details crisp and avoid compression artifacts. For example, compressing at 70% might cause noticeable artifacts around intricate product edges, reducing professionalism. Always export high-quality JPGs so your listings look polished on Etsy.

What's a smart object in a mockup PSD?

A layer in the PSD that acts as a placeholder where you swap in your artwork. Right-click → Replace Contents → select your design file. The PSD then composites your artwork through the mockup's lighting, shadows, and layer effects, producing a realistic product photo. Smart objects preserve resolution when scaling.

Why does my mockup look color-shifted vs the original artwork?

Color shifts in your mockups usually happen because the color profiles between your artwork and the mockup template do not match. Most print-on-demand mockup PSD files use the sRGB color profile because it is compatible with web and screen displays, while your original artwork might be in CMYK or another RGB profile, causing colors to look different when combined. For instance, a bright red in CMYK will appear duller after pasting into an sRGB mockup. To fix this, convert your artwork to sRGB in Photoshop using Edit → Convert to Profile → sRGB IEC61966-2.1 before placing it in the mockup file. This ensures accurate color representation on Etsy.

Can I get sharp mockups from Canva?

Mockups created in Canva tend to be lower resolution, often limited to 1080x1080 or 1500x1500 pixels at maximum export, which can result in soft or blurry images when used on Etsy listings where higher resolution is necessary. While Canva is great for social media posts and simple visuals, it lacks the image quality required for professional print-on-demand product photos. For sharper Etsy mockups that allow customer zoom-in without pixelation, use PSD mockup templates from Photoshop, Affinity Photo, or high-resolution mockup libraries like those from Ratio Ready, which often come at 2400x2400 pixels or more.

What does Ratio Ready do for mockups specifically?

Ratio Ready bundles PSD smart-object mockups into the wall art / poster / clipart workflow. Drop your artwork, pick a mockup set (or upload your own custom PSD templates), and get back composited mockups at 2048x2048 — listing-ready, no PSD compositing knowledge needed. Layer-order compositing preserves shadows and lighting from the source PSD.

How many mockups does an Etsy listing need?

Etsy allows up to 10 images per listing, and most successful Etsy sellers use between 6 to 10 mockups to fully showcase their product. The first image should be your hero photo, often a styled or lifestyle mockup that captures attention. Images numbered 2 to 4 typically show product variations or the item in context, such as worn or used in real-life settings. Images 5 to 7 can display detailed shots, sizing, or product contents, and the last few images (8 to 10) highlight bonus features like care instructions or matching collections. Remember, prioritize high quality over quantity—five sharp, well-composed images will convert better than ten low-resolution, blurry photos.

Mockup Quality

Why are my mockups low quality?

Pixelated artwork, blurry overlays, off-center placement — mockup quality fails for predictable reasons. Six causes and the fix for each.

5 min read

You generated a mockup expecting a sharp, professional listing photo — and instead got pixelation around the design, blurry edges, or artwork that's noticeably off-center on the product. This isn't a tool problem; it's almost always one of 6 specific causes. Walk through each and you'll know which one bit you.

This guide covers each cause, the fix, and how to verify the mockup is genuinely high-quality before listing it.

The 6 main causes of low-quality mockups

Low-quality mockups almost always trace back to one of these:

Source artwork too small. Mockup scales the artwork to fit the smart object frame. If your art is 800x800 and the smart object expects 2400x2400, the artwork gets stretched 3x — pixelation visible everywhere.
Mockup PSD itself is low-resolution. Some free / cheap PSD mockups are 1024x1024 base resolution. Even with sharp artwork, the mockup output is capped at 1024x1024 — soft on Etsy, where listing images are 2000x2000 ideal.
Smart object set to "rasterize" instead of preserve resolution. If the smart object was rasterized in the PSD, replacing the artwork doesn't restore vector-equivalent sharpness — the smart object stays at the rasterized resolution.
Export resampled down on save. JPG export at 80% quality with image scaling enabled often resamples to 1500x1500 even when the source is 2400x2400. Always export at native resolution and the mockup PSD's full output size.
Color profile mismatch. CMYK artwork pasted into an sRGB mockup template causes color shifts and apparent muddiness. Match the artwork color space to the mockup template before compositing.
Off-center placement (smart object positioning). Smart object frames are usually centered on the product, but if your artwork has different proportions (square art in a portrait frame), Photoshop's "fit to layer" centers without filling. The artwork looks small and floating.

Fix each cause

1. Source artwork too small

Fix: Use artwork at the smart object's native resolution. Most quality mockup PSDs use 2000-3000 pixel smart objects (matching Etsy's ideal listing dimensions). If your artwork is below this, upscale it first using AI upscaling. Ratio Ready's alpha-aware ESRGAN takes 1024px to 4096px while preserving sharpness.

2. Mockup PSD itself is low-resolution

Fix: Use higher-quality mockup templates. Inspect the PSD's Image Size — if the document is 1024x1024 or smaller, the output is capped there regardless of artwork quality. Premium PSD mockups (and Ratio Ready's bundled mockups) are typically 2048x2048 or larger.

3. Smart object set to "rasterize" instead of preserve resolution

Fix: Open the PSD, find the smart-object layer, right-click → Convert to Smart Object (if it's currently a regular layer). For PSDs where the smart object was already rasterized, you may need to recreate the layer with proper smart-object structure. Better: use a different mockup PSD that's properly built.

4. Export resampled down on save

Fix: When saving the mockup as JPG/PNG, ensure the export size matches the PSD's document size. In Photoshop's Save As JPG dialog, the dimensions should match the source. In "Export As" or "Save for Web", check the Image Size section — disable scaling.

5. Color profile mismatch

Fix: Convert your artwork to sRGB before pasting into the mockup. Edit → Convert to Profile → sRGB IEC61966-2.1. If you designed in CMYK for print, keep a separate sRGB version specifically for mockup compositing.

6. Off-center placement

Fix: If the artwork's aspect ratio doesn't match the smart object's, you have two options: (a) crop or extend the artwork to match the smart object's aspect ratio before compositing, or (b) use a different mockup PSD with a smart object that matches your artwork's aspect ratio. The "fit to layer" Photoshop default doesn't fill — manually transform to fill the frame after replacing the artwork.

PSD smart-object best practices for sharp mockups

When building or selecting mockup PSDs, look for:

Document resolution 2048x2048 or larger. Etsy listings display 2000x2000. Below this, mockups look soft on Etsy. Premium PSDs are 2400x2400 or 3000x3000.
300 DPI metadata in the PSD. Doesn't change visible quality but signals professional production. Some platforms (commercial print clients) require it.
PLACEHOLDER smart-object layer. Industry-standard naming for the layer where artwork gets swapped. Tools like Ratio Ready's mockup compositor look for this layer specifically.
Layer-order compositing for shadows / lighting. Quality mockups have shadow and lighting layers above the smart object that blend onto the inserted artwork. Flat compositing loses these effects. Layer-order PSDs are higher-quality but larger files.
Smart object dimensions match the visible product. A 2000-pixel smart object on a tiny corner of a busy mockup wastes resolution. Smart objects should fill or near-fill the visible product surface.

Free / cheap mockup PSDs (especially older free downloads) often violate these rules. Quality PSDs from Creative Market, Envato, or Ratio Ready's bundled library follow them.

How to verify mockup quality before listing

Before uploading a mockup to Etsy, verify:

Zoom test: Zoom to 100% on the artwork area. Look for pixelation, blurry edges, or color banding. If you see any of these at 100%, listing buyers will see them too.
Etsy preview test: Etsy displays listing images at 2000x2000 maximum on desktop, 1500x1500 on mobile. Resize your mockup to 2000x2000 and visually check the artwork is still sharp. If it's soft, the source pipeline failed somewhere.
Color match test: Open the mockup and the original artwork side-by-side. Colors should match (within ±5%). Significant color shift indicates color-profile mismatch — fix the conversion before continuing.
Mobile preview: Most Etsy traffic is mobile. View the mockup on your phone screen at typical scrolling speed. If the artwork looks unprofessional at thumb-scroll size, redo it.

Mockup quality compounds across the listing

Etsy listings have 10 image slots. A blurry first mockup tanks click-through; subsequent mockups can't recover the lost first impression. Spend the extra time getting mockup quality right — it's the highest-leverage step in the listing pipeline.

Hitting transparency issues? See our guide on why your PNG saves with a white background.

Frequently asked questions

Ready to fix your files?

50 Creative Credits on the house. No card required.

Try Free