--- title: Adding Images description: How to apply images to your content --- [Skip to content](https://knowledge.treeviewdesigns.co.uk/knowledge/adding-images#main-content) ![Our Tree View Designs company logo](https://knowledge.treeviewdesigns.co.uk/hs-fs/hubfs/tvd-final-light-transparent.webp?width=300&height=48&name=tvd-final-light-transparent.webp) - [Submit a support request](https://knowledge.treeviewdesigns.co.uk/knowledge/how-do-i-contact-tree-view-designs-for-support) Open main navigation Close main navigation - [Submit a support request](https://knowledge.treeviewdesigns.co.uk/knowledge/how-do-i-contact-tree-view-designs-for-support) How can we help you? - There are no suggestions because the search field is empty. 1. [Knowledge Base](https://knowledge.treeviewdesigns.co.uk/knowledge?hsLang=en) 2. [Managing your website](https://knowledge.treeviewdesigns.co.uk/knowledge/managing-your-website?hsLang=en) 3. [Images](https://knowledge.treeviewdesigns.co.uk/knowledge/managing-your-website?hsLang=en#images) # Adding Images ## How to apply images to your content **Accessibility:** The use of images can be very useful to make your site look attractive, but since the introduction of WCAG (AA) your image should only be used to enhance your content, not replace it. This is especially important when the image contains more than just a few words or Complex Text which would need formatting for accessibility purposes. Nor will the words be used as part of search results or translated into another language, so you are providing no help to the patient with regard to getting your message to them. - [WCAG: Images/Posters with Complex Text](https://knowledge.treeviewdesigns.co.uk/knowledge/wcag-images-with-complex-text?hsLang=en) In addition, an image should not be used as a button nor contain a clickable link for the same reasons. You can use images this way when using the [Grids Module](https://knowledge.treeviewdesigns.co.uk/knowledge/what-is-a-grid?hsLang=en) --- How to add an image - This article is designed to explain how to add an image to your content or page - If you are working within a Module and wish to apply an image you may need to refer to the relevant articles. Related articles - [Images - Sizes](https://knowledge.treeviewdesigns.co.uk/knowledge/images-sizes?hsLang=en) - [Resizing & Cropping](https://knowledge.treeviewdesigns.co.uk/knowledge/images-resizing-cropping?hsLang=en) - [Images containing text](https://blog.treeviewdesigns.co.uk/accessibility/images-containing-text?hsLang=en) - [Choosing the right images](https://knowledge.treeviewdesigns.co.uk/knowledge/images-choosing-the-right-ones?hsLang=en) Once you have decided where you wish the image to appear, place your cursor at this point and select the Image Tools from the [WYSIWYG Editor Toolbar](https://knowledge.treeviewdesigns.co.uk/knowledge/wysiwyg-editor-the-tools?hsLang=en) | ![Image](https://knowledge.treeviewdesigns.co.uk/hs-fs/hubfs/Getting%20Started/Image.png?width=200&height=50&name=Image.png) | Image Tools | | --- | --- | You will be presented with this screen ![](https://knowledge.treeviewdesigns.co.uk/hubfs/image-png-Nov-10-2022-12-32-06-3033-PM.png) 1. Click Browse Server and you will be taken to the [File Manager](https://knowledge.treeviewdesigns.co.uk/knowledge/what-is-the-file-manager?hsLang=en)where you can select or add your image 2. For accessibility you must include a description of the image as the 'Alternative Text' 3. Remove the 'Width' and 'Height' Fields so they are blank. This allows the image to re-size to the available space when viewed on different sized devices 4. Click OK - [Support](https://knowledge.treeviewdesigns.co.uk/knowledge/support?hsLang=en#main-content) - [Common Issues](https://knowledge.treeviewdesigns.co.uk/knowledge/support?hsLang=en#common-issues) - [Support Levels](https://knowledge.treeviewdesigns.co.uk/knowledge/support?hsLang=en#support-levels) - [Search](https://knowledge.treeviewdesigns.co.uk/knowledge/search?hsLang=en#main-content) - [Algolia](https://knowledge.treeviewdesigns.co.uk/knowledge/search?hsLang=en#algolia) - [Getting Started](https://knowledge.treeviewdesigns.co.uk/knowledge/getting-started?hsLang=en#main-content) - [Accessing your website and Control Panel](https://knowledge.treeviewdesigns.co.uk/knowledge/getting-started?hsLang=en#accessing-your-website-and-control-panel) - [Social Media](https://knowledge.treeviewdesigns.co.uk/knowledge/getting-started?hsLang=en#social-media) - [NHS Syndicated Content](https://knowledge.treeviewdesigns.co.uk/knowledge/getting-started?hsLang=en#nhs-syndicated-content) - [Online Profiles](https://knowledge.treeviewdesigns.co.uk/knowledge/getting-started?hsLang=en#online-profiles) - [SEO](https://knowledge.treeviewdesigns.co.uk/knowledge/getting-started?hsLang=en#seo) - [Security](https://knowledge.treeviewdesigns.co.uk/knowledge/security?hsLang=en) - [User Accounts](https://knowledge.treeviewdesigns.co.uk/knowledge/user-accounts?hsLang=en#main-content) - [Support](https://knowledge.treeviewdesigns.co.uk/knowledge/user-accounts?hsLang=en#support) - [Publishing Rights](https://knowledge.treeviewdesigns.co.uk/knowledge/user-accounts?hsLang=en#publishing-rights) - [Users](https://knowledge.treeviewdesigns.co.uk/knowledge/user-accounts?hsLang=en#users) - [Friends and Family Test](https://knowledge.treeviewdesigns.co.uk/knowledge/friends-and-family-test?hsLang=en) - [Digital Triage](https://knowledge.treeviewdesigns.co.uk/knowledge/digital-triage?hsLang=en#main-content) - [Patient Inbox](https://knowledge.treeviewdesigns.co.uk/knowledge/digital-triage?hsLang=en#patient-inbox) - [SmartForms](https://knowledge.treeviewdesigns.co.uk/knowledge/digital-triage?hsLang=en#smartforms) - [Patient Portal](https://knowledge.treeviewdesigns.co.uk/knowledge/digital-triage?hsLang=en#patient-portal) - [PatientInsights](https://knowledge.treeviewdesigns.co.uk/knowledge/patientinsights?hsLang=en) - [Managing your website](https://knowledge.treeviewdesigns.co.uk/knowledge/managing-your-website?hsLang=en#main-content) - [Images](https://knowledge.treeviewdesigns.co.uk/knowledge/managing-your-website?hsLang=en#images) - [Slideshow](https://knowledge.treeviewdesigns.co.uk/knowledge/managing-your-website?hsLang=en#slideshow) - [Videos](https://knowledge.treeviewdesigns.co.uk/knowledge/managing-your-website?hsLang=en#videos) - [Breaking News](https://knowledge.treeviewdesigns.co.uk/knowledge/managing-your-website?hsLang=en#breaking-news) - [Emergency Alerts](https://knowledge.treeviewdesigns.co.uk/knowledge/managing-your-website?hsLang=en#emergency-alerts) - [Pages](https://knowledge.treeviewdesigns.co.uk/knowledge/managing-your-website?hsLang=en#pages) - [Columns & Column Items](https://knowledge.treeviewdesigns.co.uk/knowledge/managing-your-website?hsLang=en#columns-column-items) - [Documents](https://knowledge.treeviewdesigns.co.uk/knowledge/managing-your-website?hsLang=en#documents) - [Events](https://knowledge.treeviewdesigns.co.uk/knowledge/managing-your-website?hsLang=en#events) - [Header and Footer](https://knowledge.treeviewdesigns.co.uk/knowledge/managing-your-website?hsLang=en#header-and-footer) - [Practice Information](https://knowledge.treeviewdesigns.co.uk/knowledge/managing-your-website?hsLang=en#practice-information) - [File Manager](https://knowledge.treeviewdesigns.co.uk/knowledge/managing-your-website?hsLang=en#file-manager) - [Media Items](https://knowledge.treeviewdesigns.co.uk/knowledge/managing-your-website?hsLang=en#media-items) - [Grids & Boxes](https://knowledge.treeviewdesigns.co.uk/knowledge/managing-your-website?hsLang=en#grids-boxes) - [WYSIWYG Content Editor](https://knowledge.treeviewdesigns.co.uk/knowledge/wysiwyg-content-editor?hsLang=en#main-content) - [Templates](https://knowledge.treeviewdesigns.co.uk/knowledge/wysiwyg-content-editor?hsLang=en#templates) - [Web Content Accessibility Guidelines (WCAG)](https://knowledge.treeviewdesigns.co.uk/knowledge/web-content-accessibility-guidelines-wcag?hsLang=en) - [Modules](https://knowledge.treeviewdesigns.co.uk/knowledge/modules?hsLang=en#main-content) - [Polls](https://knowledge.treeviewdesigns.co.uk/knowledge/modules?hsLang=en#polls) - [NHS Reviews](https://knowledge.treeviewdesigns.co.uk/knowledge/modules?hsLang=en#nhs-reviews) - [Notification Recipients](https://knowledge.treeviewdesigns.co.uk/knowledge/modules?hsLang=en#notification-recipients) - [GP Availability](https://knowledge.treeviewdesigns.co.uk/knowledge/modules?hsLang=en#gp-availability) - [Newsletter Subscriptions](https://knowledge.treeviewdesigns.co.uk/knowledge/modules?hsLang=en#newsletter-subscriptions) - [Our Staff & Team](https://knowledge.treeviewdesigns.co.uk/knowledge/modules?hsLang=en#our-staff-team) - [Audit Trail](https://knowledge.treeviewdesigns.co.uk/knowledge/modules?hsLang=en#audit-trail) - [Online Services](https://knowledge.treeviewdesigns.co.uk/knowledge/modules?hsLang=en#online-services) - [Who Do I See](https://knowledge.treeviewdesigns.co.uk/knowledge/modules?hsLang=en#who-do-i-see) - [Group Central Management](https://knowledge.treeviewdesigns.co.uk/knowledge/group-central-management?hsLang=en) - [Surgery Docs](https://knowledge.treeviewdesigns.co.uk/knowledge/surgery-docs?hsLang=en#main-content) - [Using the Portal](https://knowledge.treeviewdesigns.co.uk/knowledge/surgery-docs?hsLang=en#using-the-portal) - [Administration](https://knowledge.treeviewdesigns.co.uk/knowledge/surgery-docs?hsLang=en#administration) - [Widgets](https://knowledge.treeviewdesigns.co.uk/knowledge/widgets?hsLang=en#main-content) - [Accordion Widget](https://knowledge.treeviewdesigns.co.uk/knowledge/widgets?hsLang=en#accordion-widget) - [Carousel Widget](https://knowledge.treeviewdesigns.co.uk/knowledge/widgets?hsLang=en#carousel-widget) - [NHS Widgets](https://knowledge.treeviewdesigns.co.uk/knowledge/widgets?hsLang=en#nhs-widgets) - [Opening Hours](https://knowledge.treeviewdesigns.co.uk/knowledge/widgets?hsLang=en#opening-hours) - [Maps](https://knowledge.treeviewdesigns.co.uk/knowledge/maps?hsLang=en) Copyright © 2025, Tree View Designs Ltd