Field guide / Image formats
Choose JPG, PNG or WebP for the job
Compare JPG, PNG and WebP for listing photos, transparent artwork, downloadable printables and web previews.
Use JPG for photographs and flattened print files, PNG when transparency or crisp flat-color edges matter, and WebP for compact web previews. Keep a lossless master and create delivery copies for each channel.
| Format | Best for | Watch for |
|---|---|---|
| JPG | Photos and flattened artwork | Lossy compression; no transparency |
| PNG | Transparency, diagrams and flat graphics | Larger photo files |
| WebP | Fast web previews and listings | Not every print workflow accepts it |
| Multi-page printable delivery | Page size and font handling |
Separate the master file from the delivery file
The best archival or editing format is not always the best file to upload. Keep an editable master with layers, vectors and the intended color information. Export separate copies for marketplace listings, customer downloads and commercial printing. This prevents repeated conversion from slowly degrading the only copy you have.
For a typical art print product, you might maintain a layered PSD or AI file as your master. From this, you'll create multiple delivery versions: a high-resolution 300 PPI JPG for printing, a 2000×2000 pixel JPG for Etsy listings, a smaller 500×500 thumbnail, and a transparent PNG version if needed for special effects or customer editing.
Complete worked listing example: watercolor art print
Let's walk through a complete workflow for a watercolor art print. Your master file is a layered PSD at 300 DPI, 12×12 inches (3600×3600 pixels). You export: 1) A 300 PPI JPG at 90% quality (approximately 8-12 MB) for print delivery, 2) A 2000×2000 pixel JPG at 80% quality (approximately 1.5-2 MB) for Etsy listings, 3) A 500×500 pixel thumbnail JPG at 70% quality (approximately 50-80 KB), and 4) A transparent PNG version (approximately 3-5 MB) for customers who need transparency.
File size expectations vary by content complexity. A simple logo might be 50-100 KB as a WebP, while a detailed photograph could be 500 KB-1 MB. Watercolor textures with soft gradients typically compress well in JPG format, while line art or vector graphics benefit from PNG's lossless compression.
JPG is efficient for photographs
JPEG compression works well on continuous-tone images such as photography, textured mockups and scanned artwork. It can produce small files with good visual quality, but every lossy re-encode discards information. High contrast text, line art and flat color boundaries can develop ringing or block artifacts.
JPEG does not support transparency. Transparent pixels must be flattened onto a chosen background, usually white for print delivery. Confirm the background before converting so edges do not acquire an unwanted halo. For print files, use the highest quality setting (90-100%) to preserve as much detail as possible.
PNG preserves crisp edges; WebP reduces web weight
PNG is a strong choice for transparent artwork, logos, diagrams and screenshots. It is lossless but can become very large for detailed photographs. WebP can encode photographs efficiently and also supports transparency, making it useful for listing previews and websites.
A print provider may not accept WebP even when a browser displays it perfectly. Convert the delivery copy to an accepted format while keeping the WebP preview separate. WebP files are typically 25-35% smaller than equivalent JPG files at similar quality levels.
Typical file size ranges for different use cases
Marketplace listing images typically range from 500 KB to 5 MB depending on complexity and dimensions. Print-ready files should be 8-20 MB for high-quality output. Thumbnails and social media previews are usually 50-200 KB. Understanding these ranges helps you optimize without sacrificing quality.
When compressing images, aim for the smallest file size that maintains acceptable quality. For web listings, 80-90% JPG quality often provides good results. For print, never go below 90% quality. Test different settings and compare the visual results before committing to a final export.
A practical marketplace workflow
Export high-quality JPG listing images in the marketplace's recommended dimensions, use PNG where customers need transparency, package multi-page printables as a correctly sized PDF, and keep a larger master outside the delivery archive. Open every downloaded test file on a second device before publishing the listing.
Create a systematic workflow: 1) Start with master files, 2) Export to required formats with appropriate settings, 3) Verify each output file, 4) Organize in clearly labeled folders, 5) Upload only the optimized versions. This prevents confusion and ensures you always have access to your original high-quality files.
- Do not judge quality only by file size.
- Avoid repeatedly converting JPG to JPG.
- Preserve a master before compression.
- Check marketplace limits and printer acceptance separately.
- Test downloads on multiple devices before publishing.
How to verify and convert to sRGB
Most marketplaces display images in sRGB, the standard color space for web and digital displays. This ensures consistent appearance across different devices and browsers. Images in other color spaces like Adobe RGB may appear washed out or oversaturated when viewed on sRGB devices.
To verify sRGB conversion, check the color profile in your image editor or file properties. Most editors show this information in the export dialog. After conversion, open the file and confirm the profile is sRGB. Some tools also offer visual proofing in sRGB to see how colors will appear online.
Why marketplaces require sRGB color space
Most marketplaces display images in sRGB, the standard color space for web and digital displays. This ensures consistent appearance across different devices and browsers. Images in other color spaces like Adobe RGB may appear washed out or oversaturated when viewed on sRGB devices.
Convert to sRGB before uploading. Most image editors offer this as a simple export option. Verify the color profile in the file properties to confirm the conversion was successful. Some marketplaces automatically convert images, but this can introduce unexpected color shifts.
Etsy listing image reality: what dimensions display at
Etsy displays listing images at various sizes depending on the device and layout. Desktop shows larger images than mobile. The first image appears as the main product photo, while additional images may be cropped or displayed as thumbnails. Understanding these display constraints helps optimize composition.
Framed listings often show images with white borders. Ensure important content stays within the safe area and avoid placing critical details near the edges where they might be cropped. Test uploads on different devices to verify the final presentation.
Why generation loss matters for re-editing saved listings
Each time you save a JPG, you lose some image data due to lossy compression. Repeated saving of the same file degrades quality progressively. This is particularly problematic for listings that require frequent updates or for sellers who edit and re-upload the same image file over time.
Always work from the original master file when making changes. Export a fresh JPG for each update rather than saving over the previously uploaded version. This preserves the highest possible quality for your customers and print customers. Demonstrate this by saving the same JPG three times at 80% quality - each save introduces additional artifacts and reduces detail.
Banding in gradients on flat PNG art
PNG uses lossless compression but can still show banding in gradients due to limited color depth. 8-bit PNG files have only 256 colors per channel, which may not be sufficient for smooth gradients. This can create visible steps rather than smooth transitions.
Use 24-bit PNG for better gradient quality or consider dithering techniques. Some image editors offer options to reduce banding. For web use, slight JPG compression may actually improve perceived smoothness while keeping file size manageable. Test both formats to see which works best for your specific artwork.
Metadata fields worth stripping and why buyers care
Remove EXIF metadata, including GPS location data, before uploading images to marketplaces. This protects privacy and reduces file size. Most image editors provide options to strip metadata during export.
Buyers care about metadata because it can reveal personal information (GPS location), camera details that might affect perceived quality, or editing history that could indicate professional vs amateur work. Stripping unnecessary metadata creates a cleaner file and protects your privacy while still allowing basic information like creation date to remain if desired.
Stripping GPS and metadata before upload
Remove EXIF metadata, including GPS location data, before uploading images to marketplaces. This protects privacy and reduces file size. Most image editors provide options to strip metadata during export.
Metadata can also include copyright information, camera settings and editing history. While some of this may be desirable, excessive metadata can make files larger and potentially reveal information you'd rather keep private. Consider what information benefits your brand versus what could be used against you.
Concrete delivery folder structure suggestion
Organize your delivery files with a clear structure: /master/ contains layered PSD/AI files, /listing/ holds marketplace-optimized JPG/PNG/WebP files, and /print/ contains print-ready PDFs and high-resolution images. This separation ensures you always have the right file for each purpose.
Include a README.txt file explaining the folder structure and file purposes. This helps both you and your customers understand what each file is for, reducing support requests and ensuring the correct files are used for printing. Consider versioning your files to track changes over time.
One product, four files, no confusion
Take a single wall-art printable through the full file plan. The master is a layered source at 2:3 ratio, 7200 x 10800 px, big enough for a 24 x 36 in print at 300 PPI. The delivery print files are flattened JPGs exported at 4:5 and 2:3 common frame ratios, each sized to their largest intended print. The listing image is a separate 2000 px square JPG in sRGB, made for the marketplace thumbnail grid rather than for printing. The archive is the master plus a text note of which exports exist.
Four files, four jobs, and none of them substitutes for another. The listing image at 2000 px would print at 10 in wide and 200 PPI — adequate for a small frame, wrong for the advertised 24 in size. The master would choke a marketplace uploader and leak layer structure no buyer needs. Naming them identically apart from a suffix — master, print-4x5, print-2x3, listing — keeps the folder self-explanatory a year later.
Frequently asked questions
Why do my images look different on different devices?
Marketplaces display images in sRGB color space. Ensure your images are converted to sRGB before upload. Different devices may still render colors slightly differently due to display calibration.
How can I prevent banding in my gradient artwork?
Use 24-bit PNG instead of 8-bit, or apply slight dithering. For web use, controlled JPG compression can sometimes produce smoother gradients than banding-prone PNG.
Should I keep the original file after uploading?
Yes, always preserve your master file. Upload copies optimized for each platform. This prevents degradation from repeated saves and gives you flexibility for future edits.
What metadata should I remove before uploading?
Remove GPS location data and any sensitive information. You can keep basic EXIF data like camera model and date if desired, but strip personal or proprietary details.
Why does Etsy crop my images differently on mobile?
Marketplaces optimize images for different screen sizes. Design with safe margins and avoid placing critical content near edges that might be cropped on smaller displays.
Can I use WebP for print delivery?
Most print providers do not accept WebP. Convert delivery files to JPG or PNG. Keep WebP versions separate for web use only.
How do I check if my image is in sRGB?
Most image editors show color profile information in the export dialog. You can also check file properties after saving. Convert to sRGB before uploading if it's not already in that color space.
What's a good JPG quality setting for Etsy listings?
80-90% quality balances file size and visual quality. Test different settings and compare the results. Higher quality preserves more detail but increases file size.
References
Put the method to work