Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 24 Next »

Moodle allows you to upload and display images using the image button in the text editor. Moodle accepts .jpg, .png, .svg, .webp, and .gif image formats.

Topics Covered In This Article

Uploading an image

Uploaded images should have a file size under 200KB, unless the image needs to be particularly large and high quality. This will help keep Moodle displaying quickly for users. Refer to the the Resizing an Image section to optimize the image before uploading.

Ensure that you have permission to use the image.There are many sites that allow you to search for free and royalty-free images. Here are a few examples: Unsplash, Pixabay, and Pexels.

Steps

  • With editing turned on, access the text editor where you want to display your image (e.g., in a page, forum post, etc.)
  • Select the Insert image button in the text editor.

    add image

  • Select the Browse repositories button.

    image properties
  • Select Upload a file, select Choose File, navigate to your image and select Open, and then select Upload this file.



  • Once you've select Upload this file, you'll be taken to the Image properties window. If the image is decorative and is not intended to convey information select Description not necessary so that screen readers will know to skip over it. If the image is intended to convey information enter a description for the image for someone who cannot see it (more information on making images accessible here). If needed, you may override the default size and alignment. When you're done, select Save image.

Resizing An Image

If an image is much larger than it needs to be for the course site it is best to resize the image so that Moodle is able to display quickly for everyone. There are many programs on both Windows and Mac to achieve this. Windows comes with a program called Paint and Mac OS comes with a program called Preview. If you're not sure what to use, here are some simple instructors to resize an image using a free web-based tool:

  • Navigate to befunky.com/create
  • Drag your image into befunky (or select Open at the top and then Computer).
  • Select Resize on the left.



  • Set the width of the image. A width of 600 is usually a good size. Select the Apply button.
  • Select Save at the top and then Computer to save the resized image to your computer. The default options for saving the image are usually fine.






Content on this page is licensed under a Creative Commons Attribution-ShareAlike 4.0 International license.

  • No labels