How to mock up a image — a 30-second guide

If this is the first time you've tried to mock up a image, the jargon is more intimidating than the task itself. Compression, encoding, codec, DPI — most of it doesn't matter for what you actually want to do. This guide walks through Image Mockup Generator step-by-step, no prerequisites assumed.

Try it now: Image Mockup Generator — Browser-only. Nothing is sent to a server.

Step 1: Open the tool

Go to Image Mockup Generator in any browser — Chrome, Safari, Firefox, Edge, all work. You don't need to sign up, download an app, or create an account.

Step 2: Add your image

You can either drag your image from your desktop into the dotted-line box on the page, or click "Choose file" to pick it from a file dialog. Both work the same.

Step 3: Wait briefly

Your image loads into the browser. This takes a couple of seconds depending on size. It's not "uploading" — there's no progress bar to a server. It's just preparing the file for processing.

Step 4: Adjust the settings (or don't)

Image Mockup Generator ships with sensible defaults. If you don't know what an option means, leave it alone. The default for any setting is what most people want for most images.

Step 5: Click Run

The button might say "Compress," "Convert," "Process," or something specific to the tool. Click it. Watch the progress indicator.

Step 6: Download the result

When processing finishes, a "Download" button appears. Click it, and the result lands in your default downloads folder, named after the original (usually with a suffix).

Try it now

Image Mockup Generator →

Runs entirely on your device using open web standards.

What if something looks weird

Common first-time confusion:

"It says the file is loaded but nothing happened." Click Run. The tool waits for you to start.
"The button is grayed out." You probably haven't added a image yet, or the format isn't supported. Check the file extension.
"The result looks the same size." That can happen with already-compressed images. Try the aggressive preset, or accept that there isn't much more to save.
"I can't find the downloaded file." Browsers default to a Downloads folder. On Mac it's ~/Downloads; on Windows it's C:\Users\YourName\Downloads.

Frequently asked questions

Is there a tutorial or video?

The tool itself is the tutorial. Six steps and you're done. If anything is unclear, the in-tool tooltips explain each option.

Is there a phone version?

Same site. Image Mockup Generator runs in mobile browsers just like the desktop version — same steps, smaller screen.

Do I need to install anything?

No. Image Mockup Generator is a website — you visit it in your browser, use it, close the tab. Nothing is installed.

Can I undo a mistake?

If you keep your original image (highly recommended), the worst case is you delete the result and try again with different settings.

Related guides

Ready to try it?

Open the tool: Image Mockup Generator. Browser-only. Nothing is sent to a server.

Last reviewed May 2026. File-size limits, portal requirements, and software defaults change over time — always verify with the destination platform before uploading time-sensitive documents. References to third-party services and products are for descriptive purposes only and do not imply any partnership or endorsement.