Logo Mockup Preview
Preview your PNG or SVG logo on a drawn business card, sign or screen and download the composition as a PNG image.
Mockup Preview
Place a PNG or SVG logo on a business card, a hanging sign or a screen, on a light or dark background, and export the preview.
- Does: shows your file as it is on drawn scenes and exports a PNG preview.
- Doesn’t: redraw, clean up or vectorize the logo, or print anything.
- Choose file
- Settings
- Result
- Export
1. Choose a file
Choosing a file only opens it in this browser tab. Nothing is uploaded or sent to a server.
2. Settings
3. Result
Drag with a mouse or finger. With the keyboard: arrows move, Shift moves faster, + and − resize.
4. Export
1600 × 1000 px PNG of the current scene.
How to use this tool
Choose a PNG or SVG file, select a scene and background, then drag or use arrow keys to position the logo before exporting the preview.
A mockup helps you judge how a logo sits on a specific surface. Try the light and dark backgrounds and all three drawn scenes before exporting. Keep enough clear space around the mark and check whether small text stays legible when the preview is viewed at normal size.
Limits and privacy
The preview does not redraw, clean up or vectorize the file you provide. Your file stays in this browser tab.
Logo Lab runs on your device. Files you select are not uploaded or stored by this site. Reloading the page clears the current work.
Common questions
What can I upload?
A PNG or SVG logo up to 5 MB. The file is opened locally in your browser tab.
What does the download contain?
A 1600 × 1000 PNG of the current scene with the position and size you selected.
Explore the Redesign journal for related design topics.
Continue with the guide: Logo redesign checklist.