--- title: How to use the Image widget? description: Learn how to use the Image widget to upload, resize, and style images, enhancing your website’s visual appeal and user experience. --- [Skip to content](https://success.ministrydesigns.help/how-to-use-the-image-widget#main-content) English Show submenu for translations [Submit a Ticket](https://success.ministrydesigns.help/kb-tickets/new) [![MD Logo 1\_Black-2](https://success.ministrydesigns.help/hs-fs/hubfs/MD%20Logo%201_Black-2.png?width=200&height=73&name=MD%20Logo%201_Black-2.png)](https://ministrydesigns.com/) Open main navigation Close main navigation - English Show submenu for translations - [Submit a Ticket](https://success.ministrydesigns.help/kb-tickets/new) How can we help you? - There are no suggestions because the search field is empty. 1. [Ministry Designs Success Hub](https://success.ministrydesigns.help/) 2. [Sites (Formerly Omega)](https://success.ministrydesigns.help/sites-formerly-omega) 3. [Pages](https://success.ministrydesigns.help/sites-formerly-omega#pages) # How to use the Image widget? ## Easily add and customize images on your website 1\. The Image Widget allows you to add and display images on your website. You can upload images and adjust their size. Drag and drop the Image widget onto the page. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-28/2f68ec3e-fe58-4f76-95d8-8e3a88605d40/ascreenshot.jpeg?tl_px=0,222&br_px=860,703&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=110,212) 2\. After dragging the widget onto the page, you'll be prompted to select an image from the Media Library. Select an image and click "**Apply**". ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-28/1e294cd9-1ddc-48e8-a4c1-5e7f3c19c1e7/ascreenshot.jpeg?tl_px=541,338&br_px=1401,819&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=467,68) 3\. You can also specify the Image Size. Image Size has the following options (depending on the size of the image): **Original** (Default); **Small**- 125\*125рх; **Medium**- 300\*300px; **Large**- 1200\*1200рх; **Extra Large (HD)** - 1980\*1980px. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-28/a51454d3-c62a-4a57-b291-0531727e3aed/ascreenshot.jpeg?tl_px=313,403&br_px=1173,884&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=203,367) 4\. You can change the image with the pencil icon, and you can delete it with the bin icon respectively. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-28/f5249891-d8aa-41ec-9ae2-868ba5e08297/ascreenshot.jpeg?tl_px=1060,129&br_px=1920,609&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=777,125) 5\. Select the location where you want to link the image from the dropdown menu. For example, you can select "Open URL" and insert a URL. [The following guide](https://success.ministrydesigns.help/link-to-overview) explains in broad detail how the Link To feature works. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-28/e0f683a0-1579-45fd-ab7b-a953c73c4fd4/ascreenshot.jpeg?tl_px=1060,168&br_px=1920,649&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=793,212) 6\. Specify the Title and Alt Text for the image. Visitors will see the Alt Text if the browser blocks the possibility of previewing images. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-28/e376fe80-a5a3-47e4-8a27-b89c70b8a247/ascreenshot.jpeg?tl_px=1060,206&br_px=1920,687&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=659,271) 7\. Alternatively, set alt and title tags in the Media Library to apply them automatically when adding images to the page. Alt and Title tags are necessary for [SEO Optimization](https://success.ministrydesigns.help/how-do-i-seo-optimize-my-website). ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-28/c3a64fd5-d167-4829-9fe5-2300ad7280a8/ascreenshot.jpeg?tl_px=1060,282&br_px=1920,763&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=571,212) The remaining features here - Spacing, Devices, Alignment, and Visible On are common features in most widgets in the website builder. Please refer to [this guide](https://success.ministrydesigns.help/what-are-the-shared-features-in-the-website-builder) for their description. 8\. Switch to the Design tab. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-28/fbc00ae8-2b6d-4ecb-9da7-57b2c6c1055c/ascreenshot.jpeg?tl_px=1060,144&br_px=1920,625&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=756,35) 9\. Select a Preset for the Image widget. Presets are predefined designs that allow users to quickly apply a specific style or layout to a widget. You can customize the preset style in the [**Design section**](https://success.ministrydesigns.help/how-do-you-edit-presets-in-widgets) ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-28/e0116638-37cb-4077-a208-e968eab1aacc/ascreenshot.jpeg?tl_px=937,120&br_px=1920,669&force_format=jpeg&q=100&width=983&wat_scale=87&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=786,160) 10\. Click "Save" to confirm the changes. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-28/664b0fad-3b0e-4219-ab7b-7750e658f612/ascreenshot.jpeg?tl_px=1060,19&br_px=1920,500&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=783,41) - [Account](https://success.ministrydesigns.help/account) - [Sites (Formerly Omega)](https://success.ministrydesigns.help/sites-formerly-omega#main-content) - [Next-Steps Framework](https://success.ministrydesigns.help/sites-formerly-omega#next-steps-framework) - [Video Guides](https://success.ministrydesigns.help/sites-formerly-omega#video-guides) - [Site Builder Profile Settings](https://success.ministrydesigns.help/sites-formerly-omega#site-builder-profile-settings) - [Pages](https://success.ministrydesigns.help/sites-formerly-omega#pages) - [Design](https://success.ministrydesigns.help/sites-formerly-omega#design) - [Media Library](https://success.ministrydesigns.help/sites-formerly-omega#media-library) - [Extensions](https://success.ministrydesigns.help/sites-formerly-omega#extensions) - [Blog](https://success.ministrydesigns.help/sites-formerly-omega#blog) - [Events](https://success.ministrydesigns.help/sites-formerly-omega#events) - [Small Groups](https://success.ministrydesigns.help/sites-formerly-omega#small-groups) - [Sermons](https://success.ministrydesigns.help/sites-formerly-omega#sermons) - [Settings](https://success.ministrydesigns.help/sites-formerly-omega#settings) - [SEO](https://success.ministrydesigns.help/sites-formerly-omega#seo) - [Website Management](https://success.ministrydesigns.help/sites-formerly-omega#website-management) - [FAQ](https://success.ministrydesigns.help/sites-formerly-omega#faq) - [illume for Church Members](https://success.ministrydesigns.help/illume-for-church-members#main-content) - [Signing Up](https://success.ministrydesigns.help/illume-for-church-members#signing-up) - [Giving](https://success.ministrydesigns.help/illume-for-church-members#giving) - [illume for Church Administration](https://success.ministrydesigns.help/illume-for-church-administration#main-content) - [Getting Started](https://success.ministrydesigns.help/illume-for-church-administration#getting-started) - [Managing Your Account](https://success.ministrydesigns.help/illume-for-church-administration#managing-your-account) - [Using People](https://success.ministrydesigns.help/illume-for-church-administration#using-people) - [Using Giving](https://success.ministrydesigns.help/illume-for-church-administration#using-giving) [![MD Logo 1\_Black-3](https://success.ministrydesigns.help/hs-fs/hubfs/MD%20Logo%201_Black-3.png?width=200&height=73&name=MD%20Logo%201_Black-3.png "MD Logo 1_Black-3")](http://ministrydesigns.com) 15 Carlyle St Floor 2, Battle Creek, Mi 49017 [mailto:email@email.com](mailto:email@email.com) Copyright © 2025,