Insert image

You can upload images almost anywhere you like on your website.

 

Predefined positions

First, there’s the important logo image position, which has its own page: Logo - Image & Position
Then there’s the predefined image positions on the following pages: Home, Text with one image, Text in 2 columns, and Contact page. These positions are fixed and you cannot change the size of the image. And then there’s our Image gallery. You can make minor adjustments here.

 

Insert images anywhere

And then you have the fabulous function that lets you insert images anywhere as long as there is a text field.

Click on the    pen for the text field in which you want to upload your image.
The toolbar appears and you can see the button Insert Image that we will be using:  

Click on Insert Image and this box appears:

 

Click first on the IMAGE... and then choose the image you want to upload.

A piece of advice: Help search engines like Google by giving your images a descriptive name. It is better to rename your image to palmtrees-on-beach.jpg than to use the digital camera name - DSC03602.jpg
"Image description" is another feature that helps search engines.

This is what my box looks like when I am ready to SAVE:

 

In this case, I chose 100% to demonstrate how large an image can be. When you upload images to your website, they are automatically rescaled to suit browsers. The largest size is 800x600px. This picture has a width of 800px and a height of 525px. If the image you upload is smaller to start, then it will not be resized. NOTE! Always save your original pictures on your computer.

Hammock on the beach

 

Different settings

We do not want our image quite so big, so let’s look at what we can do with it.

Click once on the image to mark it. Small white squares appear at the corners and middle of the image. You can now click on the tree button in the toolbar, or right-click on the image and the tree button. Drag your cursor in the percentage bar to reduce the picture to the size you want.
You can also click on “Advanced settings” and enter the exact width and height. You only have to do this once, and all the others will follow to scale so the proportion of the image does not change.

That’s much better.

Hammock on the beach

What else do you need to know?

If you want the picture in the middle or to the right, select the image again and press "Center"    or "Right Align"    in your toolbar. These are normally used for text but they work for images too.

There is also a setting called "Alignment" that you can choose to use for your images.
"Alignment" is how the image appears in relation to other features, like tables and other pictures. You will find many options under "Alignment" but the most important ones are "Left" and "Right". Do you want something to be able to fit to the right or left of your picture?

To access this setting, select the image again so that the small white squares appear. Click on the tree in the toolbar or right-click on the tree.


A word of caution in regard to using "Alignment". It makes the image moveable and can, in some instances, produce strange effects. When you want to place text and images side by side, I recommend you use tables instead. Read more on this topic here.
In other words, avoid "Alignment" if you can.

 

Make the image clickable

There is a box in IMAGE MANAGER that you can check to make your image clickable. This means that if you uploaded a picture that was big to start, and then resized it to fit the page, you can click on the image and a larger version will appear. If you check the box to make several images clickable, you can browse the images just like in an image gallery. This function enables you to create your own photo gallery. You can, for instance, add a page with the Contact Page function and use it as an order form. You can insert pictures of your objects in the large text field over the form. Visitors can click on the pictures to see a larger version and browse through your pictures.

If you intend to make a link of your image, you cannot use Make image clickable. This is because the Make image clickable command takes precedence and the link will not work.

Click on the images below to see what happens. All have been made clickable.