Capture High-Quality Images for Your Website and Marketing

Owned by Elaine Andersen
Last updated: Jun 21, 2021
3 min read

You can capture a high-resolution, transparent image of any building created with IdeaRoom directly from your browser window.

These instructions use Google Chrome as the browser; however, developer tools are available in most browsers.

You have two methods available to you:

  • A single image of the building. A larger image, which is most useful for a beauty shot that will be used for marketing materials.

  • The five images that are included in your customer emails. Smaller images, which are useful for pragmatic communication (such as with a manufacturer) about the selected building.

To Generate A Single Image of Your Building

  1. Design the building exactly as you would like the image to appear, including the rotation and zoom.

  2. In the upper right corner of your Google Chrome browser, click the three vertical dots to open the Browser menu and select More Tools, then Developer Tools.

  3. In the upper right corner of the Developer Tools window you opened in Step #2, select the Console button.

  4. Next to the caret “>” symbol, type “getScreenshot(1000,1000, true)” and press Enter. This text is case sensitive, so make sure you have the capital “S” in screenshot.

The parameters “(1000,1000, true)” in the text above sets the resolution of the image in pixels, which can be changed (up to a maximum of 2000 pixels).

If you want to retain a watermark in the image, omit the “, true” portion of the statement. For example: getScreenshot(1000,1000).

  1. You will see some text generated below the command above, and the image file will be downloaded to your standard downloads location on your computer. It will be saved without a file extension, so you will need to rename the file to include a “.png” at the end.

To Generate the Five Images that are Included in your Customer Emails

  1. Design the building you would like to have images for.

  2. In the upper right corner of your Google Chrome browser, click the three vertical dots to open the Browser menu and select More Tools, then Developer Tools.

  3. In the upper right corner of the Developer Tools window you opened in Step #2, select the Console button.

  4. Next to the caret “>” symbol, type “getEmailScreenshots()” and press Enter. This text is case sensitive, so make sure you have the capital “E” in email and “S” in screenshot.

  5. A new browser window is opened with the five standard views. Click the link below the image to download a PNG of that image.