As a rule of thumb, it's better to load the image as approximately the correct size as you want it to display in a page (see https://blueutopia.zendesk.com/entries/184475). The reason is that if you're trying to load a very large image and then forcing the page to resize it, it can make your website a little slower than if you were loading the smaller images. However, that's not always the best way to go so here we will describe how you can easily modify a the size that an image that appears on your site.
The easiest way to do that is with the WYSIWYG editor that is part of the web management system. As noted above, this method manages the display of the image. It does not alter the image itself.
To edit the size of an image, follow these steps:
- Log onto the admin panel
- Go to Website / Edit & Manage
- Navigate to the content area that displays your image. For example, if its on a page, navigate to the pages area.
- Click edit corresponding to the respective page
- Be sure you're in 'basic' editing mode.
- Click the image to highlight it.
- Now click the image icon in the wysiwyg editor bar (looks like a tree)
- You will now see a dialog bog for editing your image
- Click the Appearance tab
- Specify the width that you'd like your image
- Unless you are changing the proportions of your image, there is no reason to specify both width and height. Specifying only width is fine.
- Leave the 'Constrain proportions' checked
- Click update
- Return to your page and refresh