One of the issues when maintaining your own website or blog site is answering the question “How do I optimize images?”, isn’t it? This is most eespecially if you found out that your images and even the thumbnails is loading too slow. And f you are not aware, a slow loading website can affect your website hence, bounce rate is more likely to increase. Not only that, if this problem continue to persist you will soon lose all your precious visitors and this is going to affect your website’s ranking from SERP or search engine results page. On the other hand, if you have a bulk or massive visitors everyday then I am pretty sure this is going to affect your hosting’s processing load and might affect your website to crash causing the application to restart. Not to mention, the bandwidth you are wasting for each time your website loads. Well, these are just examples of what might happen if you don’t make some tweaking to optimize images on your blog articles. One way is to deal with so many images on a blog by using CDN and here you can read a guide on How to implement CDN using Super cache plugin.
First, I will assume that you are using WordPress platform as for your CMS but if not I believe that some of the tips here will still be a big help. When I started blogging, I have been using this great plugin called WP Smush.it. This WordPress plugin created by Dialect was indeed helpful. It uses an API offered by a Yahoo! product named Smush.it. The primary function of this plugin is to strip out those unused elements from the images that you upload onto your posts. Unused elements such as meta data and unused colors from the original picture. However due to some unknown internal issue with the product itself – smush.it – many users have been disappointed with this ongoing problem. And until now, there hasn’t been a permanent solution made.
If you do know how to create your own CSS Sprite which should be the most recommended doing then you don’t have to worry because there are alternative solutions for that. And here are some of the best online applications that will do the trick for you. Yeah, it is not a nifty plugin and this will require you to do some additional work but this will surely benefit you in the end. And the beauty of using this is you don’t have to install anything on your computer nor into your website.
5 Websites to optimize Images on your Blog/Website
Now, everyone is not using WordPress as their Blogging platform and many users are using Drupal, BlogSpot and many other CMS and platform. By the end what really matters is, how fast is your site loading and if you are using images to add value to your post, making them load faster by using CSS Sprites, will help you achieve faster speed. Here are such websites, which will help you to optimize images, create CSS sprites.
CSS Sprite Generator
Well, the name says so. The aim of this online tool is to combine all of your images into defined axes (X and Y coordinates). In this way, it will help your website reduce the number of HTTP requests. However, of course you need to know some backgrounds on how to create CSS sprites and how to implement it on your website.
- Need more, read: 9 free online CSS sprite generators
Now this one is a little bit easier than the first one. The Image Optimizer is an online tool that works like the way Smush.It of Yahoo! works. You just need to upload the image you wanted to be optimized then download the reduced image afterwards. It is pretty straightforward. It will show you how much space you have saved after it reduced your image. I have tried this and indeed reduced the size of my images at about 20% each.
The Web Resizer works the same as Image Optimizer and Smush.it where it removes those unwanted and excess data away from your original image. When I used it, the image I uploaded was reduced to 21%.
With Image Optimizer and Web Resizer you need to upload and download the images one-by-one. I guess this is the only drawback. But they’re my personal favorite online image optimizer tools.
This is the online application recommended by some old WP users who switched away from WP-Smush.it after knowing that it’s not working (or should I say working intermittently). It uses the same process and will ask you to upload the photo or image you want to reduce. Then you can download the optimized or reduced image afterwards.
Well, this is the last one from my list and like the other image optimizer online tools the same process works here. You need to select the image that you are about to use on your next post, upload it, then once the processing is done then you can download it. But to be honest, most of the time I encounter errors here after uploading my images.
So, there you have it. These are the alternative online tools you can use to optimize images on your site. I know that you also have your own preferred tools or ways. You can share it with us and help other people save some disk space, bandwidth and problems.
This is a guest post by Arsie from Eyes4Tech. If you would like to write for ShoutMeLoud, check our guest posting guidelines.