RESIZEFOX FIELD GUIDE · INTERACTIVE EXPERIMENTS
Which image format actually works for your file?
A small file is only useful when its details survive. This lab lets you compare the same pixels in PNG, JPG and WebP, with real byte counts and downloadable results. Try our original patterns before experimenting with your photograph or screenshot.
By ResizeFox · Published September 18, 2026
Run your own comparison
Start with an original test pattern or choose your own image. Files stay in this browser.
Photo dimensions & file-size quick reference
Dimensions are width × height in pixels. Suggested file sizes are compression targets, not platform limits.
| Destination | Dimensions / ratio | Export | File size / limit |
|---|---|---|---|
| Etsy listing photo | 2000 × 2000 px or larger on both sidesSquare or landscape; leave room for thumbnail crops | JPG / PNG | Aim for 1 MB or lessUpload guidance, not a hard maximum: Etsy warns that larger files may fail on slow connections. |
| Instagram feed photo | 1080 × 1080 or 1080 × 1350 px1:1 square / 4:5 portrait · practical export sizes | JPG | Suggested target: 1–2 MBResizeFox target, not an Instagram upload limit. Other supported ratios may also work. |
| Facebook feed photo | 1080 × 1080 px1:1 square · practical export size, not a required size | JPG / PNG | Suggested target: 1–2 MBResizeFox target, not a Facebook upload limit. Check the specific post or ad uploader. |
| Instagram / Facebook Story or TikTok artwork | 1080 × 1920 px9:16 vertical · suggested image canvas | JPG / PNG | Suggested target: 1–2 MBImage preparation only; video limits do not apply here. Confirm the limit in your chosen uploader. |
| Pinterest standard image ad | 1000 × 1500 px2:3 · Pinterest recommendation | JPG / PNG | Maximum: 20 MB desktop / 32 MB in appFor standard image ads created through Pinterest’s business tools. |
Need another shape? Crop first, then resize and compress. Keep your original; do not sacrifice detail just to reach a suggested target. JPG is usually suitable for photos. Etsy does not preserve PNG transparency.
Sources and scope · Etsy/Pinterest checked September 19, 2026
Etsy and Pinterest guidance was checked on this date. Instagram, Facebook and vertical-canvas entries are practical ResizeFox suggestions, not a complete list of accepted dimensions or verified maximum file sizes. Check the destination’s uploader for its current limit: posting apps, advertising tools and APIs may have different requirements.
Experiment 1: keep small text readable
Select the text pattern, keep the dimensions at 100% and compare at 75% quality. Download the JPG and PNG. View both at 100% zoom and inspect the 12-pixel lettering, the order number and the blue and orange lines. Look for faint halos, blurred punctuation and color bleeding around high-contrast edges.
Repeat at 25% quality. The test changes encoding while keeping the number of pixels fixed. Then change dimensions to 50%: a 12-pixel character now occupies roughly 6 pixels in height. Even lossless PNG cannot restore detail removed by resizing. For support screenshots, crop unnecessary surroundings before shrinking important text.
Read the screenshot preparation walkthroughExperiment 2: gradients are different from screenshots
Choose the gradient pattern. This is a synthetic illustration with fine texture, not a photograph or a universal benchmark. Compare the sizes at 75% and 25% quality. Inspect the smooth transitions for bands and the tiny marks for smearing. The format with the fewest bytes is not automatically the version you should publish.
Next, choose an original photograph from your own device. Leaves, hair and fabric behave differently from this pattern. Keep the dimensions unchanged for your first comparison, so you can tell the effect of encoding apart from the effect of removing pixels. Results depend on the picture and your browser; there is no honest fixed saving percentage for every image.
Experiment 3: a logo on a transparent background
Select the transparent graphic. The checkerboard represents empty pixels in the PNG and WebP previews. The JPG has a white background because JPEG cannot store transparency. Download the PNG and place it over a dark background to check the edges. For a header logo, a smaller white rectangle may be the wrong result even if it saves bytes.
Prepare a transparent logoWhat the numbers mean
Every count comes from the newly encoded file. The PNG is a reference generated at the selected dimensions, not necessarily your original uploaded PNG. The comparison percentage is (PNG bytes − output bytes) ÷ PNG bytes × 100. A negative percentage means the output is larger. Halving both dimensions removes three quarters of the pixels, but does not guarantee a 75% reduction in bytes.
PNG is encoded without the JPG/WebP quality slider. A quality value of 75 does not mean 75% of the original visual quality, and values are not directly comparable across codecs. Browser encoders, fonts and source images affect the results. This lab makes no network request containing your selected file.
Browser exports can also change metadata and color handling. Keep camera originals and use a dedicated color-managed workflow for critical print work. For the underlying encoding behavior, see the Canvas export documentation.
Choose your next step
- A portal gives a byte limit: use the 100 KB tool, then check pixel dimensions and readability separately.
- The shape is wrong: crop the composition before resizing.
- A website needs a narrower picture: resize by pixels with the aspect ratio locked.
- The portal rejects the extension: convert the image; renaming the filename does not change its format.
Report a result that looks wrong
Tell us the sample, dimensions, quality, browser and which result differs from your expectation. These settings make a report reproducible without sending a private document. Contact ResizeFox.