A sneaker upper is not one flat surface. It is a dozen separate panels — quarter, toe cap, tongue, heel, eyelet stay — each cut and printed on its own. Upload an image here and see exactly which part of it lands on which panel.
Pick a style first, then upload. Your image stays in this browser tab — it is never sent to a server. JPEG, PNG or WebP up to about 20 MB works best.
A shoe upper is assembled from separate pieces of material. On a low-top that is roughly eighteen parts; on a simpler blade silhouette it is four. Each piece is cut from flat stock, printed, then stitched together over a last. A design that looks seamless on a flat canvas therefore has to be sliced along the same seams the factory uses — otherwise the pattern drifts and the stitching runs through the middle of your artwork.
That slicing is what this page shows you. Where our panel-shape data is complete, the cut outline you see is the one production uses — not an illustration of the idea. Where it is incomplete, the panel is drawn as its sampling rectangle and labelled sampling region; the part of your image that panel takes is still exact. If a detail falls on a seam, it will fall on a seam on the finished shoe.
| Style | Panels | Largest panel |
|---|---|---|
| Loading style data… | ||
Largest panel is given in output pixels at production resolution. This is the number that decides whether your source image is sharp enough — not the total shoe size.
| Question | Answer |
|---|---|
| Is my image uploaded anywhere? | No. Every step runs in your browser using the canvas API. There is no upload request, no account and no server-side copy. Closing the tab discards it. |
| Is this the same as what gets produced? | The panel geometry and the slicing are the same. What you see here is the print layout, not a photo-realistic mockup of the finished shoe — for that, use the designer, which wraps the panels onto a 3D-style shoe view. |
| Why is one panel missing on a style? | One panel in our library (XB2) has a broken sampling box, so it is skipped rather than shown with a wrong crop. The counter under the grid tells you how many panels were rendered for the style you picked. |
| Can I download the panels and print them elsewhere? | The preview is free to save and use as a reference. It is not a production file — our print pipeline applies colour and warp corrections that a flat export does not have. |
| Which styles are supported? | All eight current styles. The tool reads the same panel data the production designer uses. |
The designer takes the same panel geometry and wraps it onto the shoe, then sends it to production. No account needed, and the preview updates as you move the artwork.
Each panel is described by a mask — a shape that says which pixels belong to that piece — plus a sampling box that says which region of your image that piece takes. The browser draws your image into a working canvas, crops each sampling box, then applies the mask so only that panel survives. The same three numbers (mask, sampling box, output size) are what the production designer uses, which is why the result here matches what you would actually get.
It runs on the canvas API with no dependencies and no build step, which is why it loads instantly and works offline once the page is cached.