Adding Photographs and pictures to your Page or Post is done by clicking Add Media
Clicking Add Media opens the following. You can see two tabs Upload Files | Media Library
Media Library allows you to insert previously uploaded files into your page or post.
You can see here that an image is selected. Clicking the Insert into page button adds this to the page.
The bottom right hand part of this box shows details about the picture size.
The Alignment option provides Left | Centre | Right | None positions
Link To provides Media File | Attachment Page | Custom URL | None options. This determines the action the picture takes if the user clicks it.
- Media File = If clicked it opens actual picture
- Attachment Page = If clicked it opens a separate page with the picture in it
- Custom URL = If clicked it opens any page on the web based on the url you type in
- None options = Does nothing when clicked (best option for most pictures)
Size provide alternative sizes for the picture. Once you are happy with your selection click Insert into page
To understand these options create a draft page and experiment with the settings.
Uploading New Pictures
If you select the Upload Files option instead of Media Library you will be able to select pictures from your computer and upload them. Inserting them into your post works in the same way as previously outlined.
It is best to upload image as close to the size as you wish to use.
There is an upload file size limit in the software, also large pictures can make your website run slowly and use your available storage.
Typically most digital cameras have pictures in excess of 4000 px (pixels) wide. But, the typical website width is about 1000px wide and a picture within text may take a 30 – 50% of this width. Therefore, you should experiment with picture sizes and resize make a copy of them before resizing then in a basic photo editor like paint or gimp.
In my experience anything from 250px to 500px wide is sufficient and offers good load speed as a jpg, gif or png.
Editing after uploading
You can do some basic editing after you have uploaded the picture. Ideally you should avoid uploading large images as the accumulated extra size fills your storage and eventually can cost more in hosting fees.
To edit after upload, upload the file as previously explained and select it.
In the top right of the box you will see Attachment Details. You will note here that my image is 1657px wide
To edit it click Edit Image
You can then type in a new size for the width. The height will adjust automatically in proportion to the width. Here I have typed 500. You must then click Scale followed by the Back button at the bottom right of the box.
This image is now resized and in your media library ready for use.
You can make changes to any image by clicking on it. You will then see clickable delete or edit icons and can also use the boundary nodes to click and pull in image to a different size or shape.
Please note: it is ok to resize an image to a smaller size, but scaling an image to a larger size degrades the quality and gives it a grainy appearance.