Tuesday, 9 of March of 2010

WordPress: How to Upload an Image

When uploading images to your website, you should make sure they are a reasonable size. Large, high-res image take longer to load, and WordPress with re-size them anyway. Here’s a good rule of thumb for image sizes:

  • Maximum 96 dpi.
  • Maximum Width: 600 pixels (or whatever your column width is)
  • Maximum Image size: 150 kb

There are exceptions of course, like your website header for example. Ofter they are over 900 pixels wide.

Most image formats will work with WordPress such as JPeg, Giff, Tiff, and PNG. PDF’s are handled differently.

Before you upload a new image onto your page, place your cursor where you would like the image to appear. You can move the image later, but it’s easier to place it in the correct spot to begin with.

Hit the Add an Image button and the follow window appears:

Click the Select Files button. Then you will a see larger box with the following at the bottom:

The important information here to set is the Alignment and the Size.

Image Alignment Options:

None: Your image will be left justified on your page. Text above the image will appear above it, and text below the image will be below it. No text will be displayed to the right of the image.

Center: Your image will be centered on your page. Text above the image will appear above it, and text below the image will be below it. No text will be displayed to the right or left of the image. (Some Themes will not allow the Center option.)

Left: Your image will be left justified on your page. Text below the image will be displayed to the right of the image.

Right: Your image will be right justified on your page. Text below the image will be displayed to the left of the image.

Image size Options.

Usually you will select the far right option, as this is the maximum size your image can be displayed. Select one of the smaller options if you would like your image reduced in size.

When you’ve set the desired alignment and size, hit the Insert into Post button.

Editing Images

Once your image is in your post, you can still change the size and alignment. To edit or delete an image:

Click on the image. A mountain icon and a delete icon will appear:Click on the mountain icon and another screen will pop up where you can change the image size and alignment.


Leave a comment