How to Add an Image to a Post or a Page
Adding an image to one of your blog posts or web pages is easy.
Check where the image is on your computer and the filesize. Large files take longer to load, so its best to trim down big images to 50-80 Kilobytes. We have some hints on Graphics Tools that can do this if you don’t already have software to do this.
Login to your website and go to Dashboard, Manage, Pages (we’ll assume a page for this example, but it is the same for Posts).
Edit your Page.
Below the Page Title and on top of the text editor, there is a series of add media buttons (highlighted in red in the screenshot below). The first one lets you upload images, the second lets you embed videos, the third lets you add audio, and the fourth button is for uploading other files (such as documents).
In this case we’re uploading an image, so click the first icon on the left (the add an image button).
Select images from your computer by clicking on “Choose Files to Upload” or images already on the web by inputting the URL. If uploading an image from your computer, you can upload multiple images at once by holding the ctrl key (on PCs) or the cmd key (on Macs) while selecting the files. The image(s) will be copied from your computer to your website.
When the images has been uploaded you will be shown this:
This allows you to set some options before inserting the image into your page/post:
- Title
- Caption
- Description
- Link URL
- Alignment
- Size
To place the image into your page, set the appropriate options and click the Insert into Post button.
Now Save your page and view it to see the image.
More on the options for Size and Link URL
You can use the various Show and Link To options to control how the image appears on your page, and what it links to.
You can choose exactly what is displayed on your webpage:
- Thumbnail: shows a small (automatically created for you) version of your image
- Medium: shows a medium (automatically created for you) version of your image
- Full Size: shows the full size image
You can also choose what happens when a visitor clicks on the thumbnail/image shown. You make the image ‘clickable’ using these options:
- File URL: Displays the full size image file when the image is clicked.
- Post URL: Displays the full size image in a new page when clicked - this allows visitors to comment on the image.
- None: Doesn’t display anything when the image is clicked. So if you Show the full size image, the image isn’t clickable.
Alternatively, you can manually enter any URL in the Link URL field and the image will link to that.