The 3D preview could not start on this device. The template and the downloads still work.

by FotoJock
Print areaSafe zoneHandleBleed
 
Drop your photos

Design a mug with your photo: create your own mug in 3D

Put your photos on a white mug: one side, both sides or all the way round. Turn it in 3D, then download a print-ready template and mockups. Free, and nothing is uploaded.

or drop or paste them here · your photos stay on your device

Or try a sample

Design a mug with your own photos and text, right in your browser. Put a picture on the left side, the front or the right side, on both sides of the handle, repeat it, or wrap a panorama all the way round, and turn the white 11 oz mug in 3D to check it. Then download a print-ready mug template at 300 DPI and mockup pictures. Free, no sign-up, and nothing is uploaded.

How to design a mug with your photo

  1. Add one or more photos, or start with a sample.
  2. Choose where the photo goes: left side, front, right side, both sides, repeat or wrap-around. Only the placements that suit your photo's shape are offered.
  3. Crop, zoom and move the photo on the flat template, add text if you like, and turn the mug in 3D.
  4. Download the print file (PNG or PDF, 300 DPI, with bleed) and a mockup, or send the design as a link.

Create your own mug: left, right, both sides or all the way round

Left and right are seen with the handle. The left side faces other people while a right-handed person drinks; the right side faces the drinker. For a left-hander it is the other way round, so the quick views show both.

  • One side or the front: about 86 mm wide, best for a single portrait or square photo.
  • Both sides: the same photo twice, or two different photos left and right of the handle.
  • Repeat: your photo two to eight times around the mug, or several of your photos in turn.
  • Wrap-around: one wide photo or panorama all the way round, from handle to handle.

Mug template and print file

The print file is the flat mug template for a standard 11 oz (330 ml) sublimation mug: a print area of 216 × 89 mm (8.5 × 3.5 in) with 2 mm bleed on every side, 2598 × 1098 pixels at 300 DPI in sRGB. The middle of the file is the front of the mug and its two ends meet at the handle.

The template shows the safe zone near the rims and the handle, and a quality badge tells you how sharp each photo will print. For sublimation transfer paper you can download it mirrored.

Mug mockup and 3D preview

The 3D mug is a glossy white ceramic mug with your design wrapped on it exactly as it is printed. Save a mockup as PNG with a transparent background or as JPG, from the front, the left, the right or all three views side by side, or a short turntable video.

Private: nothing is uploaded

Your photos are read and drawn in your browser and never uploaded. The design link holds only the layout and text.

Same tool, set up for…

  • Mug template A print-ready 11 oz sublimation mug template, PNG or PDF at 300 DPI.
  • Mug mockup Your design on a 3D coffee mug, as PNG, JPG or a turntable video.

Frequently asked questions

Is the mug maker free?

Yes. Every placement, the print file, the mockups and the video are free, with no sign-up and no watermark.

What size is the mug template?

216 × 89 mm (8.5 × 3.5 in) for an 11 oz (330 ml) mug, plus 2 mm bleed on each side: 2598 × 1098 pixels at 300 DPI. Check the print area of your own mugs or press before printing.

Do I need to mirror the print for sublimation?

Sublimation transfers are pressed face down, so they are usually printed mirrored. Switch on Mirrored before downloading, unless your print shop or printer driver mirrors the image for you.

Which side should the photo go on for a right-handed person?

If people should see the photo while a right-handed person drinks, use the left side. If the drinker should see it, use the right side. Both sides puts a photo on each.

How big should my photo be?

About 1000 pixels across for one side and about 2600 pixels across for a wrap-around give 300 DPI. The quality badge shows the resolution while you crop and zoom.

Related free tools

A free tool by Foto Jocković. No sign-up, no account.

Cookie settings

Built by Foto Jocković

Photos

Tap a photo to put it on the mug. JPG, PNG, WebP or HEIC (where the browser supports it); drop or paste works too. Your photos stay on your device.

Samples

Sample photos: Wikimedia Commons (CC0). The Great Wave: The Metropolitan Museum of Art, Open Access (CC0).

Crop and position

Photo area
Zoom
Left – right
Up – down

Print resolution of the photo at this size: 300 DPI is ideal, 200 is good on a mug. Zooming in lowers it.

Repeats
Use all my photos
Same photo on both sides

On the template you can also drag the photo, and pinch or scroll to zoom.

Text

Font

Where
Size
Height

Colour

Shadow (easier to read on a photo)

The text always stays inside the safe zone, away from the rims.

Background colour

The colour around and behind your photos. White is the mug itself: no ink.

Download

Mirrored for sublimation paperTransfers are pressed face down, so they are printed mirrored. Leave it off if your print shop or printer driver mirrors for you.
View
Background
Format

The mug turning once, 4 seconds, 720 × 720 MP4: for messages and shop listings.

Send this design

Language

How it works

Everything happens on your device. No photo is uploaded anywhere.

Mug model, layout and file writers: our own. 3D: three.js (MIT). Sample photos: Wikimedia Commons and The Metropolitan Museum of Art (CC0). Fonts: SIL Open Font License. Credits and licences