--- title: "Basic Widgets: Image" description: The PDF image widget allows you to add pictures to your report, to make it more interesting. It is a great way to keep respondents engaged. Discover it now 👉 --- [Skip to content](https://help.pointerpro.com/report-builder-image-widget#main-content) [![Pointerpro-logo](https://help.pointerpro.com/hs-fs/hubfs/Pointerpro-logo.png?width=188&height=53&name=Pointerpro-logo.png)](https://pointerpro.com/) - [Pricing](https://pointerpro.com/pricing) - [Customer stories](https://pointerpro.com/case-studies) Open main navigation Close main navigation - [Pricing](https://pointerpro.com/pricing) - [Customer stories](https://pointerpro.com/case-studies) - [New here? Explore what Pointerpro can do](https://www.pointerpro.com/) [New here? Explore what Pointerpro can do](https://www.pointerpro.com/) How can we help you? - There are no suggestions because the search field is empty. 1. [Knowledge Base](https://help.pointerpro.com/?hsLang=en) 2. [Report Builder](https://help.pointerpro.com/report-builder?hsLang=en) 3. [Widgets](https://help.pointerpro.com/report-builder?hsLang=en#widgets) # Basic Widgets: Image ## The image widget allows you to add pictures to your personalized report. It can be a great way to keep respondents engaged and break up long blocks of texts or lots of tables. ##### You'll need this: - One of these Pointerpro plans: ![](https://assets.pointerpro.com/custom/help-guide/Pointerpro+icon+Grey.svg)  Professional         ![](https://assets.pointerpro.com/custom/help-guide/Pointerpro+icon+Grey.svg)  Enterprise         ![](https://assets.pointerpro.com/custom/help-guide/Pointerpro+icon+Orange.svg)  ReportR         ![](https://assets.pointerpro.com/custom/help-guide/Pointerpro+icon+Orange.svg)  DistributR  --- Adding **images** to your reports, in some cases, can provide more detail than words and it can be a great way to display information! ![Maturity 360 assessment - Improvement roadmap report](https://help.pointerpro.com/hs-fs/hubfs/Maturity%20360%20assessment%20-%20Improvement%20roadmap%20report.png?width=500&height=333&name=Maturity%20360%20assessment%20-%20Improvement%20roadmap%20report.png) TIP   Are you wondering how to get started with building your own assessments with personalized feedback? Try our onboarding cookbook: a tool that provides you with a personalized cookbook of all the information and Pointerpro features to build what you need. [Start the assessment](https://s.pointerpro.com/rronboarding?cf1=helpguide) ##### On this help guide page: 1. [Add an image](https://help.pointerpro.com/report-builder-image-widget#add-image) 2. [Additional settings](https://help.pointerpro.com/report-builder-image-widget#additional) 3. [Additional buttons](https://help.pointerpro.com/report-builder-image-widget#buttons) --- #### 1. Add an image To add an **image** widget to the page, all you have to do is **click** on it and **drag and drop** it on the page.  ![add image](https://help.pointerpro.com/hs-fs/hubfs/add%20image.png?width=650&height=223&name=add%20image.png) A pop-up window will open where you can **drag and drop** or **upload** your image file. ![upload image](https://help.pointerpro.com/hs-fs/hubfs/upload%20image.png?width=650&height=247&name=upload%20image.png) IMAGE COMPRESSION   Note that uploaded images are compressed to some degree. Keep in mind that there may be some minor quality loss. In visuals this is hardly noticeable but you might notice it in the text inside of your image. Uploaded images can be **up to 2MB** in size. When the image is larger than 800 by 800 pixels, it will be resized so the largest dimension is **800 pixels**.  *Example: 1000x500 pixels will be scaled down to 800x400 pixels.* TIP   Images containing small or thin text are the most sensitive to noticeable quality loss. We recommend putting the text inside of a text widget and uploading the image as a background to the widget as explained [here](https://help.pointerpro.com/migration/knowledge/renewed-report-builder-layering-widgets?hsLang=en).   #### 2. Additional settings Select the widget and then at the right of the screen click on the **Settings** button. The widget list will be replaced by the additional settings. ![additional settings-Mar-26-2026-10-08-37-0601-AM](https://help.pointerpro.com/hs-fs/hubfs/additional%20settings-Mar-26-2026-10-08-37-0601-AM.png?width=650&height=222&name=additional%20settings-Mar-26-2026-10-08-37-0601-AM.png) Here you can find the following settings: 1. [ID](https://help.pointerpro.com/report-builder-image-widget#id) 2. [Name](https://help.pointerpro.com/report-builder-image-widget#name) 3. [Rules](https://help.pointerpro.com/report-builder-image-widget#rules) 4. [Margins](https://help.pointerpro.com/report-builder-image-widget#margins) 5. [Image settings](https://help.pointerpro.com/report-builder-image-widget#image) 6. [Link](https://help.pointerpro.com/report-builder-image-widget#link) 7. [Borders](https://help.pointerpro.com/report-builder-image-widget#borders) ##### 1. ID This is the ID of the widget. You can use this to target this specific widget if you're adding CSS to your report. ##### 2. Name You can name your widget in order to identify it easier. ##### 3. Rules You can add your [widget logic rules](https://help.pointerpro.com/migration/knowledge/logic-rules-for-conditional-content?hsLang=en) to ensure that your content will be visible only when the conditions are true.  ##### 4. Margins Add margins to create space around elements and move them in your page. By default the margins are set to 0, but you can change that anytime and add the margin you prefer. ##### 5. Image settings Here you can change the **dimensions** of your image. If you want to stretch the image, then you have to disable the '**Keep ratio'** toggle. You can also horizontally align your image within the widget. ![image settings](https://help.pointerpro.com/hs-fs/hubfs/image%20settings.png?width=250&height=153&name=image%20settings.png) ##### 6. Link You can add a **clickable hyperlink** to your image. When you download your PDF and you click the image, you will be redirected to the link you added. ![image widget link](https://help.pointerpro.com/hs-fs/hubfs/image%20widget%20link.png?width=250&height=78&name=image%20widget%20link.png) ##### 7. Borders You can add borders, select the color, the style and the line width. ![image widget borders](https://help.pointerpro.com/hs-fs/hubfs/image%20widget%20borders.png?width=250&height=149&name=image%20widget%20borders.png) #### 3. Additional buttons When you click on your widget four blue buttons appear to the right. ![additional buttons-Mar-26-2026-10-11-28-0678-AM](https://help.pointerpro.com/hs-fs/hubfs/additional%20buttons-Mar-26-2026-10-11-28-0678-AM.png?width=650&height=276&name=additional%20buttons-Mar-26-2026-10-11-28-0678-AM.png) The **Arrow** allows you to move between the different layers of the page. For example if you add a widget in a column then you have 3 layers: the page, the column and the widget. The arrow allows you to quickly select a different layer. The second icon, the **four arrow sign**, allows you to move your widget up or down to the page. The third icon, **the page**, allows you to copy this widget and the forth icon, **the bin**, to delete it. #### What's next? - [Report Builder - PDF step-by-step example](https://help.pointerpro.com/migration/knowledge/renewed-report-builder-pdf-step-by-step-example?hsLang=en): Check out our step by step guide to create an attractive and stylish PDF. It includes videos but also very detailed instructions. - [Basic Widgets: Table](https://help.pointerpro.com/migration/knowledge/renewed-report-builder-table-widget?hsLang=en): The Table widget allows you to display results clearly and concisely to your respondents. It is an easy and fast way of displaying any data in rows and columns. Rather than writing your data in text, you can make it more understandable and easy to read with this widget. - [Basic Widgets: Text widget](https://help.pointerpro.com/migration/knowledge/renewed-report-builder-text-widget?hsLang=en): The Report Builder text widget allows you to write and display your content in your report. You can use it to give further information about questions, give feedback or explain a particular answer. This is an absolutely essential building block of your PDF report. #### Don't want to build it yourself? Contact our professional services team [![Banner\_professional services\_2026](https://help.pointerpro.com/hs-fs/hubfs/Banner_professional%20services_2026.png?width=670&height=264&name=Banner_professional%20services_2026.png)](https://calendly.com/anna-golumbovskaia-pointerpro/let-s-discuss-your-project)   - [Getting Started](https://help.pointerpro.com/getting-started?hsLang=en#main-content) - [Getting Started](https://help.pointerpro.com/getting-started?hsLang=en#getting-started) - [How To Guides](https://help.pointerpro.com/getting-started?hsLang=en#how-to-guides) - [Glossary](https://help.pointerpro.com/getting-started?hsLang=en#glossary) - [Build & Design](https://help.pointerpro.com/build-design?hsLang=en#main-content) - [Intro Screen & Final Screen](https://help.pointerpro.com/build-design?hsLang=en#intro-screen-final-screen) - [Question Types](https://help.pointerpro.com/build-design?hsLang=en#question-types) - [Media & Variables](https://help.pointerpro.com/build-design?hsLang=en#media-variables) - [Design your survey](https://help.pointerpro.com/build-design?hsLang=en#design-your-survey) - [Campaigns](https://help.pointerpro.com/build-design?hsLang=en#campaigns) - [FAQ](https://help.pointerpro.com/build-design?hsLang=en#faq) - [Extra Options](https://help.pointerpro.com/extra-options?hsLang=en#main-content) - [Text options](https://help.pointerpro.com/extra-options?hsLang=en#text-options) - [Question logic](https://help.pointerpro.com/extra-options?hsLang=en#question-logic) - [Custom scoring](https://help.pointerpro.com/extra-options?hsLang=en#custom-scoring) - [Quiz Options](https://help.pointerpro.com/extra-options?hsLang=en#quiz-options) - [Kiosk mode options](https://help.pointerpro.com/extra-options?hsLang=en#kiosk-mode-options) - [Data collection options](https://help.pointerpro.com/extra-options?hsLang=en#data-collection-options) - [Other options](https://help.pointerpro.com/extra-options?hsLang=en#other-options) - [Integrations & API](https://help.pointerpro.com/extra-options?hsLang=en#integrations-api) - [FAQ](https://help.pointerpro.com/extra-options?hsLang=en#faq) - [Share & Results](https://help.pointerpro.com/share-results?hsLang=en#main-content) - [Sharing your questionnaire](https://help.pointerpro.com/share-results?hsLang=en#sharing-your-questionnaire) - [View Results](https://help.pointerpro.com/share-results?hsLang=en#view-results) - [Results Dashboard](https://help.pointerpro.com/share-results?hsLang=en#results-dashboard) - [Uploading and Downloading Results](https://help.pointerpro.com/share-results?hsLang=en#uploading-and-downloading-results) - [FAQ](https://help.pointerpro.com/share-results?hsLang=en#faq) - [Report Builder](https://help.pointerpro.com/report-builder?hsLang=en#main-content) - [General](https://help.pointerpro.com/report-builder?hsLang=en#general) - [Widgets](https://help.pointerpro.com/report-builder?hsLang=en#widgets) - [Aggregate Reports](https://help.pointerpro.com/report-builder?hsLang=en#aggregate-reports) - [FAQ](https://help.pointerpro.com/report-builder?hsLang=en#faq) - [Legacy Report Builder \[deprecated\]](https://help.pointerpro.com/report-builder?hsLang=en#legacy-report-builder-deprecated) - [Dashboard Builder](https://help.pointerpro.com/dashboard-builder?hsLang=en#main-content) - [General](https://help.pointerpro.com/dashboard-builder?hsLang=en#general) - [Widgets items](https://help.pointerpro.com/dashboard-builder?hsLang=en#widgets-items) - [Distribution Portal](https://help.pointerpro.com/distribution-portal?hsLang=en#main-content) - [Configuration](https://help.pointerpro.com/distribution-portal?hsLang=en#configuration) - [Management & Administration](https://help.pointerpro.com/management-administration?hsLang=en#main-content) - [Account & Billing](https://help.pointerpro.com/management-administration?hsLang=en#account-billing) - [GDPR compliance](https://help.pointerpro.com/management-administration?hsLang=en#gdpr-compliance) - [FAQ](https://help.pointerpro.com/management-administration?hsLang=en#faq) [![Pointerpro-logo](https://help.pointerpro.com/hs-fs/hubfs/Pointerpro-logo.png?width=140&height=39&name=Pointerpro-logo.png "Pointerpro-logo")](http://pointerpro.com) Can't find what you're looking for? Contact us at [support@pointerpro.com](mailto:support@pointerpro.com) Copyright © 2026, Pointerpro