Photo preparation · Choose the background before upload

Prepare a Transparent PNG for a Photo Jigsaw

JigsawPuzzle.pro Editorial Team5 min read
Original transparent kite illustration flattened onto light and dark backgrounds for comparison

Quick summary

A white star can disappear when a transparent illustration becomes a photo puzzle. The file opens, but a white background added during conversion hides the star. Choose the background yourself when the surrounding color matters.

For this transparent PNG photo puzzle guide, we made an original digital kite illustration and three opaque copies. We then ran all four files through the site’s actual image processor in Chrome on October 27, 2026. The comparison below shows what survived in the resulting JPEGs.

Key takeaways

  • 01Keep the transparent original and prepare a separate puzzle copy.
  • 02Compare white details and translucent edges against your chosen background.
  • 03Reopen the exported file before selecting it in the puzzle maker.

Find the transparent areas before choosing a background

A checkerboard in an editor usually marks transparency. It helps you see empty areas around the artwork. Check the file over another background as well, because a checkerboard saved into a screenshot becomes ordinary picture content.

Original kite shown over a gray checkerboard viewing aid
Original digital illustration. The checkerboard is a viewing aid and is absent from the downloadable transparent PNG.

Download the original transparent PNG to try the comparison.

Our original has an empty corner, three opaque white stars, a blue tail at roughly half opacity and a faint shadow. The stars keep their white color. The tail and shadow blend with whatever sits beneath them.

PNG can preserve transparency, while JPEG has no alpha channel. JigsawPuzzle.pro currently processes puzzle inputs as JPEG. In our test, the unprepared PNG acquired a white background. We observed no black background in this test.

Other makers can set different requirements. Jigsaw365, for example, asks for JPEG or PNG without transparency on its create page. Check the maker you plan to use before preparing your copy.

Check the image requirements on Jigsaw365’s create page.

Compare light, dark and textured backgrounds

All three finished copies use the same 800 by 600 frame and the same artwork position. Only the background changes. This keeps the comparison useful when deciding how to flatten PNG for jigsaw puzzle use.

Same kite and white stars on cream dark teal and diagonal striped backgrounds
Three prepared opaque PNG copies. Light is #f4efe5, dark is #173843, and the texture uses pale diagonal bands.
BackgroundWhat the sample showsWhat to inspect
Light creamThe kite outline remains clear. White stars have modest contrast.Check small white details at the size you will play.
Dark tealThe white stars stand out. The dark outline and faint shadow become less distinct.Check whether the outer edge still separates from the background.
Pale stripesBands remain visible through the translucent tail and shadow.Check whether the pattern competes with the illustration.

For this kite, we would choose dark teal to keep the stars visible. Cream separates the dark outline more clearly. The striped version adds marks to otherwise empty areas, but the repeating bands also make the tail harder to read. Compare those details before settling on a background.

Download the light background copy.

Download the dark background copy.

Download the textured background copy.

Put an opaque layer beneath the artwork

You can do the same preparation in a free browser editor such as Photopea. Its layer documentation explains how transparent areas reveal lower layers, and its fill layers can cover the canvas with a solid color or pattern.

  1. 1

    Open the original

    Use File > Open to select your PNG. Keep its full canvas for the first comparison, so a crop does not change the result at the same time.

  2. 2

    Add the background

    Use Layer > New Fill Layer and choose a color fill. Move that fill below the artwork in the Layers panel. If the drawing vanishes, check which layer is on top.

  3. 3

    Inspect the edges

    Try a light and a dark fill. Look closely at white marks, soft shadows and the outline. Keep the color that preserves the details you want.

  4. 4

    Export a separate copy

    Use File > Export As > JPG and save a new filename. Keep a layered PSD if you want to adjust the background later, alongside the untouched transparent PNG.

Flattening combines the visible layers into one picture. An opaque copy gives you control over the color beneath the artwork. We composited the supplied examples programmatically to keep the comparison consistent. The editor steps above follow Photopea’s documented layer and export tools.

Read Photopea’s instructions for fill layers.

Inspect the final JPEG as well as the editor preview

We processed the raw transparent PNG and each opaque copy with the same site function. Every result was an 800 by 600 JPEG. The raw file’s empty corner became white, and its white star had the same white pixel value as that background.

Four actual processor JPEGs and enlarged crops showing tail colors on white cream teal and stripes
Actual JPEG outputs from the site processor in Chrome. Lower panels show the same tail area enlarged two times. This is a controlled image comparison, not a game screenshot.

Download the full-size JPEG comparison and enlarged tail crops.

At one fixed point in the half-opacity tail, the output RGB values were 142, 199, 218 over automatic white and 25, 100, 123 over dark teal. The tail really changed color with the background. Its shape and position stayed fixed. JPEG compression can shift individual values slightly.

Download the actual processed dark-background JPEG.

Reopen your exported copy outside the editor and inspect the outline at normal size, then zoom in. Look for a pale fringe around a dark shape or an unwanted strip at the canvas edge. Check any translucent brushwork over the chosen color. If you find a problem, return to the layered original and export another copy.

Check the prepared copy on a small board

Open the photo puzzle maker and choose the opaque file. Easy uses 12 pieces, which is a practical first check. Open Show Reference to compare the whole image with your exported copy. Inspect the white details and the edges before choosing more pieces.

Open the photo puzzle maker with your prepared copy.

Follow the photo puzzle upload guide.

A background can preserve the artwork while leaving large uniform areas around it. If those areas make your first board tedious, keep the background color and try a separate tighter crop. Save that as another version so you can tell which change helped.

Conclusion

Keep both files with clear names, such as kite-original.png and kite-dark-puzzle.jpg. The original lets you choose another background when a different puzzle or display calls for it.

Sources and further reading

Frequently asked questions

Next move

Prepare your photo puzzle

Use your finished image or review the upload process.