Image Mockup Editor
Put your logo or artwork on mugs, T-shirts, tote bags, phone cases and posters with curved prints, realistic lighting and blend modes. Free, in your browser, no watermark.
Did this tool work for you?
Community
User Reviews & Ratings
Be the first to share your experience
About this tool
About Image Mockup Editor
Image Mockup Editor places your design on a product photo so it looks printed rather than pasted on. Start from one of six built-in templates (white mug, coffee cup, T-shirt, tote bag, phone case and poster frame) or upload your own product photo, then add your logo or artwork. On the built-in templates the design lands where the print belongs, keeps its own proportions, and gets the right look for the product: curved around a mug, fabric texture on a shirt. Fine-tune the print area with rectangle, rounded, polygon or freeform masks, choose flat, perspective (drag four corners) or curved warp, and pick a surface preset such as realistic print, matte, glossy, fabric or sticker. Blend modes, opacity, fade, feathering, shadow and highlight strength, texture and colour sliders let the product’s own lighting show through the print. Work in layers you can hide, lock, duplicate and reorder, undo any step, and export at full resolution as PNG, JPG or WebP with no watermark. Designs with a plain background can have it removed automatically, and a cutout from the Background Remover opens straight into the editor. Editing happens in your browser; only optional background removal uses our server.
How to use Image Mockup Editor
1
Choose a product
Pick a template or upload your own product photo.
2
Add your design
Upload a logo or artwork, or try a sample design.
3
Make it look printed
Adjust the print area, warp and surface preset until it matches the product.
4
Export
Download a full-size PNG, JPG or WebP with no watermark.
Key features
Six templates
Mug, coffee cup, T-shirt, tote bag, phone case and poster frame, or your own photo.
Placed for you
On templates, your design lands on the print area and keeps its proportions.
Curves and perspective
Wrap a design around a mug or match a poster shot at an angle.
Realistic lighting
Blend modes, shadows, highlights and textures let the product show through.
1 / 2
Who uses it
Product images without a photoshoot
Print-on-demand sellers
Listing photos for mugs, shirts and bags before ordering stock.
ExampleShow a new logo on a white mug and a tote bag.
Designers
Present a logo to a client on real products.
ExamplePut a café logo on a coffee cup and a T-shirt.
Small businesses
Preview branded merchandise before printing.
ExampleCheck how a badge design looks on staff shirts.
Social media
Eye-catching posts for a launch or giveaway.
ExamplePost the poster design inside a frame.
Students and portfolios
Show design work in context.
ExampleAdd three mockups to a portfolio page.
Event organisers
Preview event merch and posters.
ExampleTry a festival logo on tote bags.
Mockup tips
From pasted to printed
Multiply for ink
The Multiply blend lets fabric folds and ceramic shine show through.
Curve for mugs
Use the curved (mug) warp so the design bends around the cup.
Perspective for angles
Drag the four corners to match a poster or box photographed at an angle.
Keep it subtle
A little texture and shadow looks more real than a lot.
Export PNG for quality
PNG keeps the finest detail; JPG and WebP are smaller.
