GetDotted Domains

Freeola Guides

 

Uploading and Managing Images

Last updated on by Freeola Support

Important Information

This guide is for the Freeola InstantPro Website Builder. This service has now been replaced by a more modern product, RQS, and therefore is no longer updated with new features.

To build your website in RQS for free, please click here or visit the RQS Builder section of your MyFreeola Control Panel.

Adding images to your webpages can really enhance the quality and appearance of your site.

If you have pages containing a lot of text, adding images will add some variation to the page and will also break up the text making it easier for visitors to your site to read your pages.

As with all the features available with InstantPro, adding images to your pages is really quite easy to do.

During this tutorial we will create a new page and then add an image to it, exploring some of the other things you can do with your images in the text editor.

If you wish to add images to your site to create a Gallery Page, you will need to visit the Gallery Page Tutorial as the method used is slightly different to that discussed in this guide.

This guide will cover adding images using the place holders available on some page templates, and adding images on your pages, as well as using the InstantPro Image Editor to edit your images. You can skip to the start of each guide using the links below.

In order to follow the tutorial you will need to be logged in to your MyFreeola account. Once logged in to your account you will need to launch the InstantPro Website Builder which will take you to the Main Menu page.

InstantPro Main Menu

You will need to select the Create New Page button from this page.

Adding Images Using Placeholders
  1. You will first need to create a new Standard page. If you are unsure how to do this, please refer to the Creating a Standard Page tutorial.

  2. Once you have specified the page name and title, you will now need to select a page layout template.

    You will need to select a template that has image placeholders contained on it, adding images without placeholders will be covered later in this guide.

    The highlighted area on the image below shows which template we will use throughout the tutorial.

    InstantPro Standard Page Layouts
    All you need to do on the layout screen is click on the thumbnail image showing the page layout of your choice. Once selected, click Next to be redirected to the Text Editor.

  3. The Text Editor will load with the page layout that you have selected. The image placeholders that you can see on the page are where you will be uploading your images.

    InstantPro Text Editor
    As you can see above, the image placeholders are shown in the left and right corners of the page. You will also see that they contain instructions for uploading your images.

  4. The information contained on the Image Placeholder will guide you through uploading your images. This is as simple as Double Clicking the image.

  5. After double clicking the place holder, the Upload or Select Image window will open from which you can select a previously uploaded image from the Media Library, a Free Stock Image or Upload a New Image.

Uploading New Images
  1. If you are following this guide the Upload or Select Image window will be open. However, you can also upload from the Main Menu using the Upload Media link found under Images & Media.

  2. On either page, select Browse Computer For Files.

    This will allow you to search through the available images on your computer.

    Once you have navigated and selected your image click the Open button.

    Image Uploading

    The upload process will then start automatically and you will be shown an upload status page.

  3. When uploading images, you may upload an image which is larger than 672px width, this means that if it is not resized or cropped the image may spill over the regular constraints of your site format, this will probably make your site look messy, so if you are uploading large images, it's advisable to follow the points below to make sure they appear properly on your site.

    If your image is too large, you will be given the option to edit, or rescale, this to fit within the size parameters required for the builder.

  4. If your image is the correct size (or after it has been resized) you will now be shown this within your Media Library for adding to your chosen page.

Editing Images

InstantPro has an in built image editor meaning that you can add different effects to your images, or resize them as necessary.

It is possible to edit your images directly after uploading them, as mentioned earlier in this guide, but if you already have an image in place and want to change the way it looks you do not need to upload the images again.

The InstantPro Website Builder stores an archive of previously uploaded images. This also includes any images you have uploaded on to a separate Gallery page too.

To access the image archive and edit images you have previously uploaded for inclusion on your pages select Media Library from the Main Menu.

To edit any image within the Media Library click the Edit Icon (This will appear as a pencil) found underneath the image.

This will load the image in to the image editor with a selection of editing tools along the left-hand side.

The effect each different option has is listed below, for reference:

The options available with the image editor are described below:

  • Undo - This will undo your last action, giving you an easy way to correct mistakes!

  • Redo - The Redo option re-does your last action.

  • Resize - The Resize option will allow you to set a custom size for your images, useful if you want a smaller version of a large image elsewhere on your site. You can set pixel values or use our image resize slider tool. 

  • Rotate- This option will rotate the image 90° in a clockwise direction.

  • Crop- Allows you to crop the image. Ideal for removing small parts of an image.

  • Greyscale - Removes all colour from the image and converts it to greyscale.

  • Sepia- Applies a Sepia effect to the image. Put simply, this will make the image look old.

  • Sketch- This will apply a sketchy effect to the image. 

  • Invert- This will invert the colours of the image.

  • Brightness- This option will allow you to increase or decrease the brightness of an image. 

  • Contrast- This will allow you to both increase and decrease the image contrast.

  • Blur - Adds a blur effect to the image. 

  • Smooth - This smooths the edges of the image. 

In order to make changes to your images, simply click the button that represents the change you intend to make and the effect will be applied to the image. If you don't like what you see just click the Undo button to reverse the changes.

Once you are happy with how your image looks click the Finish button to save your changes.

Editing Images Already in Place

The procedure is almost identical if you wish to edit an image already in place on your site.

You will need to left-click the image you wish to edit and click the Edit Image button (This appears as a paintbrush).

This will open the Image Editor explained within the previous step.

Now you know how to upload your images to pages, find out how to add hyperlinks to your images and to your text too with our InstantPro Hyperlink Tutorial.


Did you find this article helpful?


Freeola & GetDotted are rated Five stars

Check out some of our customer reviews below:

View More Freeola Reviews

Need some help? Give us a call on 01376 55 60 60

Go to Support Centre
Feedback Close Feedback

It appears you are using an old browser, as such, some parts of the Freeola and Getdotted site will not work as intended. Using the latest version of your browser, or another browser such as Google Chrome, Mozilla Firefox, Edge, or Opera will provide a better, safer browsing experience for you.