Skip to content Skip to navigation
The University of Arizona

Image is too large

About

When you upload an image into D2L, the size does not change. If the image in D2L is too large, the problem is not with D2L, but with the original image.

Important note: Resizing an image within the HTML editor does not reduce the actual file size. Large files will still take longer to load, even if they appear smaller.

It you are going to resize an image, it is preferable that you do it before uploading to D2L, using a program such as Microsoft Paint or Adobe Photoshop. If you do not have access to an image editing software, here are two ways you can resize images in the HTML editor:


Code

It is possible to use the HTML code to restrict the size of the image. This is preferable because your image will resize to fit different screens, from mobile phones to desktop computers. In fact, you might want to do this even if you first resize the image in an image editor.

  1. Click on the HTML Source Editor icon.
  2. Find the code for the image; it will include <image src="...>
  3. After the word "image" type in the following: width="98%" (with a space before the 'w' and after the '%').
  4. Click the Save button to save your changes and exit the source editor.
  5. Click the Publish/Update button to save your work.

Note: The code, width="98%", means the image will take up 98% of the width of the screen; adjust this value as needed to suit your image and goals. You can adjust this value as many times as you need until you get it just right.


Minor Adjustments

To make minor adjustments to an image:

steps for resizing an image

  1. Click on the image to select it;
  2. Use your mouse to grab one of the corner boxes (if you do not see a corner box, try using a different Internet Browser such as Mozilla Firefox);
  3. Drag the image inward (to shrink) or outward (to enlarge);
  4. Click the Publish/Update button to save your work.

Important Note: This does not change the actual image size, only the image appearance. Also, the image does not resize for smaller screens, which means students may have to use slider bars to view it in its entirety.