Adding Photos to your Page or Post

Adding Photographs and pictures to your Page or Post is done by clicking Add Media

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.

insert-media

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)

attachment-display

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.

Image Sizes

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

image-edit

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.

scale

This image is now resized and in your media library ready for use.

Re-Editing

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.

re-edit

Scroll to Top