> For the complete documentation index, see [llms.txt](https://help.reasy.ai/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.reasy.ai/help/getting-started/engines/screens/importing-screens/importing-a-screenshot.md).

# Importing a Screenshot

This option allows you to convert a static image or a design file in PNG, JPG, or JPEG format into a fully interactive and responsive web page, so you can add it to your app.

This even ensures that the web page appears exactly as designed, maintaining pixel-perfect precision. It also speeds up your development process as it eliminates the need to manually code and design every element from scratch.

To import a screenshot,

* Expand the layout into which you want to import a screenshot, go to **Screen**, right-click '![](/files/UV2k3ZSW58ducCGIG3yx)', and select **Import Screenshot**.\
  ![](/files/CBl0JyzpLA8Q7em5nY8D)
* Choose or drag the screenshot in PNG/JPEG/JPG format from your local storage, and then click **Import**.\ <img src="/files/X1X4eWP8GI1w0xk12NNj" alt="" data-size="original"> ![](/files/u8EtMgI0PnWyzIxKSsli)
* Reasy, using a few Machine Learning (ML) algorithms, intellectually identifies the image elements and tags them with the appropriate tools. If you find any element left unidentified, you can use '+' to highlight it and select the tool to tag to it.\
  &#x20;

  <div align="left"><figure><img src="/files/DO4F8vpMLEdmRDZ84XJJ" alt="" width="563"><figcaption></figcaption></figure></div>
* After clicking **Create Screen**, it gets imported and made available in Navigation Explorer. Open it and make the necessary changes to it.
