farmNwife

broadcast your farm

Category: Photo Help

improving your photography for better pictures on your blog

How to Resize Pictures

how to resize pictures

The size of your photos that you upload to your site is critical. If the file size is large this will

  1. Slow the loading time when visitors come to your site. Very few blog readers will wait around for images to load.
  2. Eat up your storage limit if you are using Blogger, WordPress.com, even GoDaddy’s site services (& most free hosting)
  3. Take longer to upload the images to put on your site.

So how do you resize your pictures?

To answer this question you must understand the difference between pixels and bytes. This won’t be complicated. I’ll tell you only what you need to know.

Pixels: the size on the screen in height and width.

Bytes: file size of the image in how much detail/information is saved in the individual file

After you are done editing your photo in your program of choice, then you export or save the photo. This is when you adjust the pixels and bytes of the saved picture. I use picasa for most of my editing. So I’ll use it as an example. The process should be similar to other editing software.

Generally resizing your photo to 800 pixels is enough adjustment. But if the original photo was very large, say 5mb and up, you will need to reduce the image quality (which just means the file size).  To see the file size of the saved picture, right click on it and select “get info” or “properties” or similar. Then make further  adjustments to the size as needed.

resize pictures

Basics of Resized Pictures for Websites:

Save photos that are 800 pixels wide or less. If you are going to use it as a smaller image, save with less pixels. When one number is given for the pixels, it applies to the width. The height is auto adjusted.

Save photos at around 150 kb. This will not affect the appearance of the image on a screen. [It will affect the photo if printed]

Find out about photo storage limits in Blogger and WordPress.com. And with this new knowledge of pixels and bytes you should be all set to upload your pictures and not worry about reaching the storage capacity on your site.

Tell Me: Do you have more questions about resizing your pictures?

photo credit: The Farmer’s Life


WordPress.com Storage Limit

wordpress storage limitAfter surviving the labyrinth of information about blogger’s storage limit, it is a relief to report on WordPress.com’s limits.

Simply put, those using wordpress.com have 3GB to store their photo files on their site. Pretty straight forward.

To see how much storage you have used, go to your dashboard — click Media — Library. Your current usage and percentage will be listed at the top.

wordpress storage use

 

 

 

Like my blogger suggestions, you can significally reduce the speed you use up your limit by reducing the file size of your photos in your editor. For most bloggers 150 to 300kb file size should be the numbers to reduce your photo’s size to.

You should be able to get 84,000 photos that are 300kb in size with in the 3gb limit.

And there is no need to upload pictures that are wider (pixels) than your main content column. Depending on the theme the photo will extend outside the column making it look bad.

Here is a list of most of the wordpress.com themes that lists how wide the content columns are for each theme.   This will let you know how many pixels to edit your photos to.

If you are close to 100% of the limit, you have two options

  1. Purchase space upgrade which is per year
  2. Use a photo hosting site: Photobucket  after photo is loaded to photobucket copy direct link by clicking the field. At your wordpress.com site Add Media — insert from URL — paste into top field — make edit preferences — insert into post

Tell Me: How much of your storage have you used?


Never Run Out of Storage on Blogger

Warning: If you are not using Blogger, do not read this post. It contains information you really don’t want to know. Trust me on this.

After Val asked me what to do about running out of storage on her blogger blog, I made some discoveries while looking into the issue.never run out of storage on blogger

File Size Matters

Blogger gives 1 gigabyte storage on their free blogs. Most people get into trouble using up the allotted space because of the large images they upload. Most bloggers don’t realize that an image size can be rather small and still look good on a computer screen. I show an example of this in an earlier post, Resize Your Photos. As a rule of thumb upload photos that are 150 to 300kb in size or 900×600 pixels. Which one you use depends on which photo editor you have.

Side benefits to resizing is faster uploading of the images for you and quicker site loading for your readers.

Where’s the limit?

Blogger uses Picasa Web Albums to store images. The following is a quote from google support.

Picasa Web Albums offers 1 GB of free storage for photos and videos. However, files under certain size limits don’t count towards this free storage limit. This applies to uploads for other Google product that store photos and videos in Picasa Web Albums, including Blogger, Google+ and Google Maps.

Photos up to 800 x 800 pixels and videos up to 15 minutes won’t count towards your free storage.

What does this mean? That if you upload your images under the above mentioned size, you shouldn’t run out of storage! Isn’t that cool? But is it true? Let’s find out.

Find Your Number

Did you know you can check how much space you have used of the 1gb storage? Go to Picasa Web Albums and log in with your google password. At the bottom of the page you will see something similar to this…

storage amount

This number is my storage amount for all my google images of which there are 1,397. That’s right. I have 1,397 images and have used 0%. This is impressive but there is something else…

The Other Limit

Besides the storage limits there are Account Upload limits.

Maximum number of photos per web album: 1,000

Every time you add a photo to your blog it is assigned to an album with your blog’s name as the album title. Each album’s capacity is 1000 photos.

Once you go over that 1000 limit, Picasa Web should create a new album for your blog to store another 1000 pictures. Here’s a catch: adding that 1001st picture has to be done with your computer NOT your smart phone. (Are you pulling your hair out yet?)

What Have We Learned?

I have spent more time researching this than I care to admit. Once I learned one thing I would click to another page and find out more. Then I would search forums and blogs to know if there were ways around the limits. It is never ending really. So, I’ll break it down into two things to remember:

  1. Reduce the size of your pictures to be uploaded to 800×800 pixels. This will not be counted in your storage limit.
  2. When you come to the album’s 1000 photo limit, upload the next photo with your computer (not your smartphone or tablet just to be safe)

Finally

There is this from google support:

When you reach your storage limit, any new photos you upload to Picasa Web larger than the free size limit will be automatically resized to 800 pixels (on their longest edge).

So if you are over the 1gb limit and can’t upload any more photos to blogger, try reducing the size to less than 800 pixels before uploading. From what the support states, you should be able to.

If you’ve done all that I have prescribed above and continue to get the “Photo Limit Reached” box, you will have to use a photo link from a new Picasa Web album or Photobucket. I described this in my previous post.

For those who didn’t heed my warning: In the next post, I’ll cover wordpress.com’s storage limit.

Tell me: Has this helped or confused you Blogger bloggers?


Add Pop to Your Post

I would have to say just about every post requires an image of some sort. People are visual. An all text post is very difficult to attract and hold readers’ attentions.photo search Farm blogs should naturally show off photos of the owner’s surroundings. But sometimes a blogger just doesn’t have the shot that would work with a post. So where does a blogger go to find an image. Look no further, farm friend. This link will take you to a site to search for free images for your blog.

Photo Pin

It’s a very simple site. From their about page:

PhotoPin helps bloggers find photos for their blog and makes adding them to their post fast and easy.

Just search for any topic using the search box, preview the photo, and click “get photo” to download the photo as well as the proper attribution link.

Hopefully this will come in handy when you need a photo to finish off a post.

 


Video Tutorial: Adding an Image to Sidebar

How to Add an Image to WordPress

Sidebaradd image to sidebar

Sometime you might want to display a photo or image in your wordpress sidebar. You could use code from an image hosting site such as photobucket or picasa. But I don’t like relying on a third party site to display my images. I have had them stop displaying for no reason. To easily get around this problem, is to hold the images right on your own blog. Follow these easy steps that I show in the video tutorial:

  1. upload the image into your Media tab in your dashboard by clicking Add New. You will want to have the image height and width already to specs. So know what size works best with your sidebar. (the width of the image I uploaded was 224 to give a reference)
  2. Add a new post
  3. Click onUpload/insert media icon and select the image to add to post
  4. Click HTML tab in upper right corner
  5. Copy code
  6. Paste code in Text widget in sidebar

That’s all there is to it. Now watch the video tutorial.

YouTube Preview Image



P.S. I know you don’t pronounce the “s” in Des Moines. It was a slip up. If you add an image to your sidebar, leave a link in the comments. I would love to see it.