Something I often see when browsing many food blogs are oversized images. Let me clarify, these images being uploaded are too big or even straight out of the camera (SOOC). On many of your blogs if or when you click on an image it will open up to the actual size it was uploaded. Blogger or WordPress will automatically resize your images so that they fit into the content or post area. Though once added to your post the image may have been resized, it was still a large photo that was uploaded. There are a couple problems with uploading such large image sizes to your website.
1. The larger the image size (or file size) the longer it will take for your photos to load on your blog/website. It could also slow down the overall loading time of a website. We all know how impatient we can be, so that is something you want to prevent.
2. By uploading such large files you are eating away at the storage limits to your Picasa, free Flickr, or any other web based file storage accounts. (Which many of you have accounts to.) I believe the limit for a free Picasa account is 1 GB, which isn’t very much. They do offer a paid service for additional storage. As far as other service’s storage limit you can check your accounts for exact numbers.
3. If your website is self hosted, large image sizes could effect loading time as well as your bandwidth limits. (Bandwidth refers to the amount of data that website visitors can download from a website.) Based on how many visitors your blog/website receives and the amount of times each file/photo has to load will determine how much bandwidth your website uses and needs. In many cases if you go over the allowed bandwidth you will be charged a hefty fee. So make sure you are staying within the allowed limits that your web host provides or upgrade to a better package.
4. Another concern for some may be image theft. There is nothing you can do to prevent it. Even if you disable right clicking people can easily get around it. Adding a copyright notice to your images won’t prevent it either. So if you are going to upload your images to the web you just have to accept that they may, can and will be taken without your permission.
5. A result of such theft could mean that your images may be printed by the person stealing them. Those large files have good enough quality to make very large prints. Of course we would like to decide who can or can’t print our images. Make sure you refer to number 5 in the instructions below for further details.
A simple solution to the above five problems is sizing your images accordingly. All you need is a photo editing software. Even the most basic softwares have this ability so no need to spend a lot of money. What you do need to know is where on your photo editing software the image resizing tool can be found.
I use Photoshop but have tried looking up some other softwares. I would love it if those that use some of these softwares can share where the function is located.
Resize in Photoshop : Image – Image Size
Resize in Apple’s Aperture :
Resize in Adobe Lightroom : Check out Melissa’s tutorial
Resize in iPhoto : Go to File-Export, under the File Export tab look for Size then click on Custom – select either width or height and input the size you like. You could also just select Small, Medium or Large but it doesn’t give you the size it will resize to.
Resize in Mac Preview : Tools- Adjust Size, input manually or select from drop down menu.
Resize in Gimp : Image – Scale Image
Resize in Google’s Picknik : Resize
Let’s resize an image together.
1. First copy your images from the SD Card (or what ever memory card you use) or Camera onto your computer.
2. Next open the photo editing software. Locate the photo you want to edit and open it in the software. In my case it is Photoshop.
3. Edit the photo as you normally do. Then we’ll save our edited photo copy. Find the resizing tool, in my case it is under Image – Image Size.
4. A new window will pop up where you can change the image size. As you can see this particular image was shot with a dimension of 2592x 3872 pixels (width x height). But that is too large to upload to my blog. Instead I want an image with the height of 600 pixels. (The width will be automatically updated by Photoshop, or vice-versa.) Choose the image size you want but be aware of your blog’s content area limit.
5. Another thing to make sure is that the Resolution be set to 72 pixels/inch. That is the resolution for screen or computer viewing. I’ve noticed that some of you have photo resolutions set to 240 or 300. When you want to print a good quality or large photo that number needs to be set to either 300 or as specified by the printer. What that number means is DPI or Dots Per Inch, the amount of dots per inch that are used to make your printed photo.
6. Next click Okay. Now your image is resized to the smaller dimensions we typed in. Make sure you add sharpening to the image before proceeding to the next step. This is the actual view.
7. We are all done and now need to save our image so we can upload it to our website. Find the SAVE AS option under your menu. You want to use save as because this creates a small copy of your edited photo while still preserving your raw-unedited photo.
8. Locate the folder where you would like to save your new edited small image. At this time you can rename the image as you choose. I wouldn’t recommend using the same file name as the original file, to avoid confusion. So I will name mine _IGP9982_EditedSm.jpg
9. If prompted choose the JPG option. Click okay and now your small edited file/photo is saved.
10. Let’s say you would also like to save the changes made to the photo but in the original image size. All you have to do is go back in the history and select the spot right before the Image Size or where we resized it to the small copy, click it. Now go back to Image Size under the menu and you will see the original image size. Then find the SAVE button to overnight the original file from the camera. OR you can do as I do and create another version of this photos under SAVE AS, that way the original straight out of camera image is always saved intact. In the end I have 3 copies of each photo, 1- the original SOOC 2- a large edited version and 3- the small edited version for my website. It is up to you if you want all these copies. An important thing to consider when doing this is storage space.
Now all the is left to do is upload the small edited image to your blog/website like you normally would. Et voilà! Here you have it!
* Post your questions in the comments below. *
Check out the previous Food Photography Tutorials :
~ Food Photography : How To Style Stew
~ Food Photography : My Shooting Setup With Artificial Light
~ Food Photography : Understanding Camera Types
~ Food Photography : What Lights To Use When Sunlight Is Not Available