OUTPUT SPECS

Four JPGs from one image:
what changes between them

Labels such as “for social media” are not enough to judge an output. Here are the actual filenames DrowPack puts in the ZIP, the long-edge limits, watermark rules, and JPG quality calculations, matched to the current implementation.

Published July 19, 2026Based on the current app.js implementation6-minute read
First, one important detail

The four outputs are not forced into fixed width-by-height frames or cropped. Each keeps the source aspect ratio and is reduced only when its long edge exceeds that output's limit. DrowPack does not arbitrarily enlarge a source that is already smaller than the limit.

The actual specifications of all four files

When you click the ZIP button, DrowPack performs the following four operations independently, using the current preview canvas as the source. All four outputs are JPG files, but their long-edge dimensions, quality adjustments, and watermark settings differ according to purpose.

Filename in the ZIPMaximum long edgeQuality calculationWatermarkRecommended use
artwork_social.jpg1600pxSlider value, maximum 98NoneGeneral social posts and quick sharing
artwork_portfolio.jpg2200pxSlider +2, maximum 99NonePortfolio display with finer detail
artwork_sample_watermark.jpg1600pxSlider −4, minimum 82DrowPack SAMPLECommission and work-sample previews
artwork_thumbnail.jpg600pxSlider −6, minimum 80NoneLists, cards, and small previews

For example, with the default quality of 94, the values sent to the browser's JPG encoder are 0.94 for social, 0.96 for portfolio, 0.90 for sample, and 0.88 for thumbnail. This does not mean a file will be an exact number of megabytes. The final size varies with color variation, noise, transparent-background compositing, and the browser's encoder.

Why resizing is based on the long edge

Forcing portrait and landscape art into one fixed resolution can distort or crop one direction. DrowPack calculates the scale from whichever dimension of the current canvas is longer.

  1. It reads the current canvas dimensions. If you have applied a resize, the modified canvas becomes the source.
  2. It finds the longer of the width and height. When that value is less than or equal to the output limit, the current size is preserved.
  3. It calculates a scale only when the limit is exceeded. The same ratio is applied to width and height, preserving the aspect ratio.
  4. It draws according to the high-quality resampling option. For a large reduction, progressive downscaling through intermediate sizes can reduce edge loss.
Check the canvas before creating the ZIP

The package does not reread the originally uploaded file. It starts from the canvas currently shown in the preview. If you have applied AI editing or a manual resize, that result is also reflected in all four JPG files.

A practical way to choose the quality slider

Raising JPG quality to 100 makes files larger, but it does not make every image visibly better. Flat colors and thick lines are relatively stable under stronger compression, while small type, fine lines, and textured art may show blocks or ringing first.

Source characteristicsSuggested starting valueWhat to inspectHow to adjust
Thick lines, simple color fields88–92Artifacts around outlinesLower it to save space if the result stays clean
General illustration92–95Eyes, hair, and small decorationsRaise by 1–2 when details break down
Poster with text94–97Small letter strokes and high-contrast edgesCompare a PNG export if type looks soft
Photography and gradients90–94Smooth changes such as skies and skinRaise gradually if banding appears

The quality value is an encoder input, not an absolute score. Make the final choice by viewing the output at its real use size. For a 600px thumbnail in particular, a readable silhouette and strong contrast in a list matter more than how it looks when enlarged.

Five steps before creating the package

  1. Confirm the rights and the final artwork. Select only an image you created or have permission to use.
  2. Preview any transparent background. JPG cannot preserve transparency, so check that the final background color is intentional.
  3. Check the canvas dimensions. For an excessively large source, use aspect-ratio-preserving resize to set a practical working size first.
  4. Choose quality and create the ZIP. Start with the default, then compare one or two representative small details.
  5. Open each of the four files in the ZIP. Check its name, pixel dimensions, sample watermark, and thumbnail readability.

Post-download review checklist

  • Do all four files have the same aspect ratio as the source?
  • Was the portfolio file left at its source size instead of being enlarged unnecessarily?
  • Is the sample watermark visible without completely covering the artwork's focal point?
  • Is the subject immediately readable when the thumbnail is viewed at 100%?
  • Are JPG artifacts around thin lines and small type within an acceptable range?
  • Have you removed any private layers, personal information, or signature that should not be published?

A platform's recommended resolution can change. DrowPack's four outputs are general-purpose presets designed to reduce repetitive exports. If your destination requires specific pixel dimensions, follow that destination's specification first.

Read next

An image package and an SVG serve different purposes. Start by deciding whether you need editable lines and color fields.