The size of your photos that you upload to your site is critical. If the file size is large this will
Slow the loading time when visitors come to your site. Very few blog readers will wait around for images to load.
Eat up your storage limit if you are using Blogger, WordPress.com, even GoDaddy’s site services (& most free hosting)
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.
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?
After 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.
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
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
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.
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.
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…
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…
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:
Reduce the size of your pictures to be uploaded to 800×800 pixels. This will not be counted in your storage limit.
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)
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?
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. 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.
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:
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)
Add a new post
Click onUpload/insert media icon and select the image to add to post
Click HTML tab in upper right corner
Paste code in Text widget in sidebar
That’s all there is to it. Now watch the video tutorial.
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.
We are taking this site in a different direction. I have other websites that I am working on.
Together we will discover
1. how to reach an audience
2. make strong connections
3. get your message out
If you would like to join us to see how this can improve your site. Join the email list to be included. It's at the top of the page. :D