One of the many reasons that I switched from my hosting provider’s webmail to a gmail account is the sheer size of the images clients send via email. Which brings up a valid question for a lot of clients who want to add their own images to their WordPress site: How to resize the multi-megabyte images that even a basic cellphone camera will take so that the pictures do not interfere with a site’s layout and load time?
Since not everyone has Photoshop, is there a way for someone to re-size a large picture to be used on a website or to send via email without jamming the recipient’s inbox? Yes! With Google’s image tools, Picasa and Picnik, there’s an easy way to work with your images to resize them online and then use them however you need.
Step 1: If you don’t have one already, get yourself a Google account.
I love a lot of Google’s free services. There’s gmail of course, which enables me to receive emails on my phone with no hassle and gives me over 7,000 megabytes of storage. Then there’s Feedburner which allows me to offer subscriptions to a web site via RSS. Google Analytics is also another great tool to take advantage of. For this tutorial though, we’re going to look at two media tools; Picasa and Picnik. So go to google.com and sign up for account if you don’t have one already.
Step 2: Now that you have your Google username (email) and password, sign in and get started with Picasa.
To find Picasa, sign in and then you will see more on the far right of the top toolbar.
Click that to open a menu where the last item is “even more”.
Under the Media section, you will see Picasa on the left and Picnik on the right.
TIP: The direct url to your Picasa account is https://picasaweb.google.com/home
You should probably bookmark this page so that you don’t have to go through Google’s admittedly convoluted click-throughs every time.
Now you can get to Picasa without jumping through Google’s hoops!
Step 3: Create your album and upload pictures.
If you decide to just start to upload photos that’s fine. Just understand that Google needs to sort them into albums so if you upload a batch of images today, Google will prompt you to create an album with today’s date (you can always give it a custom name).
Step 4: Once photos have been added to an album, select one to resize.
Click on the album that contains your images to open it. Then click on the image you need to resize. Once the image is in its own window, you will see a toolbar at the top with a little landscape icon at the top. Click on that to launch Picnik.
TIP: If you want to bypass Picasa, you can just launch Picnik right away and upload photos directly from your harddrive. I just suggest uploading to Picasa if you are fairly mobile and you want to get the whole process done on the web as opposed to being chained to whatever computer has your images. Also, once the image is resized, you can always add it to your site via its URL on Picasa.
Step 5: Edit your image with Picnik.
Go to Re-Size on the leftside toolbar. Then simply enter in the dimensions that you would like the image to be to use on your site.
Depending on the layout of your theme, maximum size can vary, but for the sake of example, I usually save my images at 450 pixels wide as the maximum width. Make sure you choose to retain the proportions as well.
Step 6: Save your image and either download or get url.
Picnik will allow you to save your edits and then you can either download the image back to your computer or, on Picasa, you can get the url of the image.
Then, when you add an image into your WordPress post or page, it’s simply a matter of pasting that images url into the add-image pop up window. If you choose to download the re-sized image, then all you need to do is add your images the regular way and the smaller file size will take a load off your server!





























