Inline images are images placed within the body of a page via the WYSIWYG.
Fixed-size images do not scale up or down but display at the same size for all screen size
- To retain the size of an inline image
right-click the images and select ‘Image properties’
- Insert the width and height of your image
- Select ‘Save’
Note: When these images are placed inside of a table they will distort.
Responsive sizes (Default or original size)
Responsive size images scale up or down and display at the different sizes for different screen sizes
- To make the size of an inline image responsive do not change the size dimensions in the ‘Image properties’ pop up menu but leave it unchanged
- In order to control the initial size of an image and make it responsive at smaller breakpoints, you can add the image to a table.
Note: When these images are placed inside of a table they will scale proportionately.