Optimizing Images creates a speedy website. At the beginning of the year Google announced they were starting to consider the page load of websites in relation to the rankings. Design and blogging your content may be the initial focus, yet one day you migrated over to Google Webmaster tools and clicked on the drop-down tap “Labs” and click on Site Performance and notice your site is loading like a turtle. One way to optimize your site for speed is to optimize your images.
Optimizing Images through Smush.it:
Yahoo released an image optimization tool called Smush.it. Within the interface, you can upload or use a url to optimize images. All static images on your sever, such as your header image, needs to be sent through Smush.it—multiple images can be uploaded simultaneously.
The Smush.it Plugin for WordPress proves essential for the user. This plugin works in the background and optimizes the image during the upload. All images prior to adding the plugin can be optimized through the media gallery.
Using Firebug on Firefox with the add-on “Page Speed” allows the user to view the images that need to be optimized. Page Speed will also optimize the image and then sending it through Smush.it is an ideal way to optimize images.
Rescaling and Resizing Images through the Mac Automator:
Sorry folks, I am purely a Mac person—I have no idea what programs are on the market for Windows. If you are using a Mac, the Automator program is your best friend to resize and rescale images. Open the Automator and select a new Workflow. On the sidebar create a new folder, you will place the frequently used “Actions” for the workflows in this new folder.
Adding Actions to the New Folder:
Files & Folders -> “Copy Finder Items”, “Get Selected Finder Items”.
You will want to use “Copy Finder Items” with every workflow, the action will copy your selected photo to the desktop.
Photos -> “Get Selected iPhoto Items”, “Scale Images”, “Crop Images”.
If you are using Aperture, choose “Get Selected Aperture Items”.
These are the primary Actions I use continually to Scale my images for the Thesis Rotator Multimedia Box, Post Images, and Inserted Post Images.
Important Note: Rescaling your Images will not lose resolution compared to cropping the image.
The Automator Workflow Using the Mac:
Highlight any images in the finder and/or in iPhoto and click the start button. All images will be rescaled and placed on your desktop. Rescaling an image from 2048×1536 by inserting 458 as the rescale generates the image at 458×343 a perfect image for your new post.
Note: The Automator dislikes duplicate names if your are selecting from the desktop and rescaling to the desktop. Make sure you remove the identical named image from the desktop before running the workflow.