{"id":7918,"date":"2025-03-28T15:05:59","date_gmt":"2025-03-28T14:05:59","guid":{"rendered":"https:\/\/digi-ed.uk\/support\/?post_type=ht_kb&#038;p=7918"},"modified":"2025-03-28T15:06:00","modified_gmt":"2025-03-28T14:06:00","slug":"how-to-change-your-course-image-in-the-dle","status":"publish","type":"ht_kb","link":"https:\/\/digi-ed.uk\/support\/article\/how-to-change-your-course-image-in-the-dle\/","title":{"rendered":"How to change your course image in the DLE"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p>Changing your course image in the DLE (Moodle) can help personalise your course and make it more visually appealing. It is helpful when standardising courses or easily identifying different cohorts at a glance.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Selecting the course image for your course<\/strong><\/h2>\n\n\n\n<p>To select the appropriate course image for your course, please follow the steps below.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Please navigate to your course page and click on the \u2018Settings\u2019 menu from the secondary navigation bar.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"838\" height=\"683\" src=\"https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-87.png\" alt=\"Screenshot of the DLE with \u2018Settings\u2019 highlighted.\" class=\"wp-image-7919\" srcset=\"https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-87.png 838w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-87-300x245.png 300w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-87-768x626.png 768w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-87-50x41.png 50w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-87-60x49.png 60w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-87-100x82.png 100w\" sizes=\"auto, (max-width: 838px) 100vw, 838px\" \/><\/figure>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Once you are in the settings, please scroll down to the \u2018Description\u2019 section and the \u2018Course image\u2019 within this section.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"786\" height=\"703\" src=\"https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-88.png\" alt=\"Screenshot of the course settings with \u2018Description and course image\u2019 highlighted.\" class=\"wp-image-7920\" srcset=\"https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-88.png 786w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-88-300x268.png 300w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-88-768x687.png 768w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-88-50x45.png 50w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-88-60x54.png 60w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-88-100x89.png 100w\" sizes=\"auto, (max-width: 786px) 100vw, 786px\" \/><\/figure>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Within the \u2018Course image\u2019 you will be able to drag and drop an image into this section, please not that this only accepts JPG and PNG file types. We recommend that your image is no larger that 1200px in width and the height of the image will be cropped to around 200px,<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"785\" height=\"326\" src=\"https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-89.png\" alt=\"Screenshot of the drag and drop section of the course image and file types *.jpg and *.png highlighted.\" class=\"wp-image-7921\" srcset=\"https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-89.png 785w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-89-300x125.png 300w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-89-768x319.png 768w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-89-50x21.png 50w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-89-60x25.png 60w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-89-100x42.png 100w\" sizes=\"auto, (max-width: 785px) 100vw, 785px\" \/><\/figure>\n\n\n\n<p>If your file is in a different format (or example a JPEG not JPG) please see the section below for information on how to reduce size and convert image files.<\/p>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Once your file has been uploaded into the \u2018Course image\u2019 you can navigate to the bottom of the page and click \u2018Save and display\u2019. If you need to change the image, you can click on the uploaded file and it will give options to \u2018Download\u2019 or \u2018Delete\u2019 the current course image.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"874\" src=\"https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-90-1024x874.png\" alt=\"Screenshot of a file uploaded into the course image and \u2018Save and displayed\u2019 highlighted.\" class=\"wp-image-7922\" srcset=\"https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-90-1024x874.png 1024w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-90-300x256.png 300w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-90-768x656.png 768w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-90-50x43.png 50w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-90-60x51.png 60w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-90-100x85.png 100w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-90.png 1108w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>The image will now be displayed on your programme or course homepage.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"904\" height=\"758\" src=\"https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-91.png\" alt=\"Screenshot of the DLE page with the new course image.\" class=\"wp-image-7923\" srcset=\"https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-91.png 904w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-91-300x252.png 300w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-91-768x644.png 768w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-91-50x42.png 50w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-91-60x50.png 60w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-91-100x84.png 100w\" sizes=\"auto, (max-width: 904px) 100vw, 904px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Converting and reducing images for the Course image, using Microsoft Photos<\/h2>\n\n\n\n<p>There are various websites where you can get royalty free images for your course image, including; <a href=\"https:\/\/stock.adobe.com\/uk\/photos\">Adobe Stock<\/a>, <a href=\"https:\/\/pixabay.com\/\">Pixabay<\/a> or <a href=\"https:\/\/www.pexels.com\/\">Pexels<\/a>. However these images are usually in a large format when downloaded. To make them a suitable size and file format for the DLE (Moodle) we can use Microsoft Photos software installed on your PC.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Once you have downloaded your desired picture, you can open it in Microsoft Photos. To open Microsoft Photos, click on the Windows icon in your taskbar, and navigate to Microsoft Photos.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1016\" height=\"754\" src=\"https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-92.png\" alt=\"Screenshot of desktop with \u2018Photos\u2019 highlighted in the taskbar.\" class=\"wp-image-7924\" srcset=\"https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-92.png 1016w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-92-300x223.png 300w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-92-768x570.png 768w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-92-50x37.png 50w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-92-60x45.png 60w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-92-100x74.png 100w\" sizes=\"auto, (max-width: 1016px) 100vw, 1016px\" \/><\/figure>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>After opening the image navigate to the three dots at the top of the screen and click on this. From the drop-down menu select \u2018Resize image\u2019.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"540\" src=\"https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-93-1024x540.png\" alt=\"Screenshot of Microsoft Photos with \u2018Resize image\u2019 highlighted.\" class=\"wp-image-7925\" srcset=\"https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-93-1024x540.png 1024w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-93-300x158.png 300w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-93-768x405.png 768w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-93-50x26.png 50w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-93-60x32.png 60w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-93-100x53.png 100w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-93.png 1427w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>This will open a popup window that will allow you to resize the image. We recommend you set the maximum pixels to 1200px and ensure that the file format is *.jpg or *.png. You can also see the difference with the original file size and the new file from this screen.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"443\" height=\"477\" src=\"https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-94.png\" alt=\"Screenshot of the resize image options.\" class=\"wp-image-7926\" srcset=\"https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-94.png 443w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-94-279x300.png 279w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-94-46x50.png 46w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-94-56x60.png 56w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-94-93x100.png 93w\" sizes=\"auto, (max-width: 443px) 100vw, 443px\" \/><\/figure>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Click \u2018Save\u2019 and this will ask the location that you want to save your resized image.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"946\" height=\"618\" src=\"https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-95.png\" alt=\"Screenshot of the file save location.\" class=\"wp-image-7927\" srcset=\"https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-95.png 946w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-95-300x196.png 300w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-95-768x502.png 768w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-95-50x33.png 50w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-95-60x39.png 60w, https:\/\/digi-ed.uk\/support\/wp-content\/uploads\/2025\/03\/image-95-100x65.png 100w\" sizes=\"auto, (max-width: 946px) 100vw, 946px\" \/><\/figure>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>You will now be able to use this image as a \u2018Course image\u2019 within the DLE.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Changing your course image in the DLE (Moodle) can help personalise your course and make it more visually appealing. This guide will show you how to upload and replace your course image in the DLE.<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[27],"ht-kb-tag":[269],"class_list":["post-7918","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-moodle","ht_kb_tag-settings"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/digi-ed.uk\/support\/wp-json\/wp\/v2\/ht-kb\/7918","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digi-ed.uk\/support\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/digi-ed.uk\/support\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/digi-ed.uk\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digi-ed.uk\/support\/wp-json\/wp\/v2\/comments?post=7918"}],"version-history":[{"count":1,"href":"https:\/\/digi-ed.uk\/support\/wp-json\/wp\/v2\/ht-kb\/7918\/revisions"}],"predecessor-version":[{"id":7928,"href":"https:\/\/digi-ed.uk\/support\/wp-json\/wp\/v2\/ht-kb\/7918\/revisions\/7928"}],"wp:attachment":[{"href":"https:\/\/digi-ed.uk\/support\/wp-json\/wp\/v2\/media?parent=7918"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/digi-ed.uk\/support\/wp-json\/wp\/v2\/ht-kb-category?post=7918"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/digi-ed.uk\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=7918"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}