How To Convert Your Screenshots Into A MockUp?


As a blogger, you write blog posts…

But a blog post can’t be completed without images.

I’m sure you know that

A picture speaks thousands of words.

Let me ask you one question, How many Images you add in a single blog post?

Won’t it be awesome if you can make your images more cool more attractive?

I am going to share the same in this post…

Step #1: Go to

Step #2: Click on the Browse Files button and choose the screenshot which you want to convert into MockUp.

After choosing an image, Screely will convert it into MockUp immediately.

Step #3: You can customize your MockUp from the left side options.

You can change Window type, Window Style, Background Color and Padding… After customizing Download your file by clicking the Download button… You can download your file as PNG, JPG and SVG format.

Bonus tip: For making this process faster, there is a Screely Chrome extension available in the Chrome web store which you can download from here.
You just need to click on the Screely extension on your chrome browser bar, It convert your current page into MockUp.

Ravi Dixit


Thanks for this awesome Tutorial… :heart_eyes::heart_eyes::heart_eyes:

I have a question. Can we use svg images instead of png and other format in an article


Read this: