How to upload images to articles and web pages

Adding an image to your blog/article post or any web page is pretty easy. This article will show you how to upload images along best practices.

IMAGE PREPARATION

Before you upload an image to your website, we highly recommend that you optimize the image size (actual dimensions “width/height”) and reduce its file size.

Large images not only waste space on your account, it slow down your website loading speed specially on mobile devices. Slow loading websites are penalized by search engines, like Google, and will turn visitors away from your website.

Use Photoshop or any photo editor to optimize your image size prior to uploading it to your website. Files are recommended to be under 300KB.

Recommended File Formats

JPG or PNG formats, whatever gives you better quality with smaller file size.

File Names

Name your images descriptively and in consistent format and in lower case, with no space between words. Example: my-image.jpg, my-image-2.jpg, vacation-spot.png,  vacation-spot-2.png, etc…

Don’t Want to Pay for a Photo Editor Software? No problem, click here to use this free online editor that can also work with Photoshop files!

IMAGE MANAGEMENT

Regardless how you upload your images, all uploaded pictures* can be found at the appropriate folder in the “File Library” under “Website Manager“.
*Images uploaded from modules are not listed in this section. Ex: Slider Images

How to Upload Images

There are two ways to upload images to your web pages and blog articles.

Method 1: From the WYSIWYG Editor

From the website editor, click on the Photo icon > Browse Server

Choose folder location or create a new one

Click Upload > Select Photos from your computer> Choose Open

Photos are now on the server, ready to be added to your page.

Now simply double click on the image you want to show on your webpage then hit the “OK” green button.

Screenshot

Method 2: From the File Library

From the File Library, go to the selected folder

Open or Create New Folder or Subfolder

Click Choose File > Select Photos from your computer > Choose Open

Photos are now on the server, ready to be added to your page.

From the Website Manager, click on “Photo” icon > Browse Server > Double click on the image you want to show on your webpage then hit the “OK” green button.

 

 

Related Articles