Image Too Large

Issue/Question

An image I added to my survey is too large and runs off the screen.

Environment

  • Qualtrics

Cause

By default, Qualtrics sets the image's style size to the width and height of the image file in pixels.

Resolution

 Note: This procedure may be used in any text area where the Rich Content Editor... button appears. If using the Text/Graphic question type, set the type to Text.

  1. Click the Rich Content Editor... button.
  2. Click the  Insert Graphic icon.
  3. Click a graphic from the library or Upload a New Graphic.
  4. The image is now inserted. The width and height attributes have been automatically set to the width and height of the image in pixels.
  5. Click on the  Source icon.
  6. Locate the <img> element in the source code.
  7. Remove the contents of the style=" " attribute and replace it with your choice of the following:
    • width: 100%; (The image will take the width of the page. The height will be automatic, maintaining the aspect ratio. Recommended for most cases.)
    • width: 0px; (Replace 0 with the desired width in pixels. The height will be automatic, maintaining the aspect ratio.)
    • width: 0px; height: 0px; (Replace 0 with the desired width and height in pixels. The image will be stretched to fit the selected size.)
  8. Deselect the question to save changes.
  9. Preview the survey to verify the desired outcome.

Details

Article ID: 2999
Created
Fri 4/6/18 12:50 PM
Modified
Fri 2/5/21 12:46 PM

Related Articles (1)