LexBlog

The issue:

When you upload a large file and size it down on our image editor, the photo will retain it's large file content in a smaller dimension. This will cause the published ("front end") photo to take longer to load on your blog, the first time it's accessed.

Therefore, it's important to upload your images pre-edited.

How do I know when a photo needs resized?

As stated above, images that need resized either take several seconds to load the image (which will vary based upon your Internet connection and if you've loaded the images before), or if the image is pixelated (grainy) and unclear.

Loading image:

Pixelated:

What do I use to re-size the photos?

If you don't have a preferred photo editor, we strongly recommend Picnik. Very straight-forward and free, this online photo editor doesn't require you to download anything and can be accessed in any browser.

How do I re-size it?

Using whichever photo editor you have access to (for example's sake, we'll use Picnik):

Upload/open the large photo:

Once the large image is uploaded, select "Resize" in the tool bar:

Here, you will change the dimensions of the large image from 2800 px X 1916 px to 271 px X 185 px.

It can be difficult to determine reasonable blogging dimensions, as they will vary depending on the width of your blog's entry body and if your comments/trackbacks/etc. are listed at the top.

As a rule of thumb, your images should never be larger than the width of the content area of your blog, which is typically around 500px.

Also, make sure 'Keep Proportions' is checked and the heigh will automatically adjust according the width proportion you put in.

If you don't want to proceed with any further edits, go ahead and click "Save & Share" at the top:

From here, save your file with as a .png or a .jpg:

This will save the newly sized photo to your computer. From here, go back to the entry of the post you were working on and re-upload the re-sized image into your post as normal.