Cybersectors IT is simple here
/Speedy site is the main reason people would love to browse through your blog/website and come back again and an advantage for SEO. There are several factors responsible for faster loading of sites, nope I’m not going to talk about all the factors now, so here I’m going to guide you on one of the main reason i.e. perfect image optimization without any use of professional software.
PNG is the best image format to use on web, you can compress and convert images to PNG without losing image quality with the help of ultra-configurable utility ” PNG Gauntlet ” which is lightweight and very much popular to optimize images, image format supported are: JPG, GIF, TIFF and BMP.
Know more about PNG Gauntlet: click F.A.Q
So grab the below requirements and follow the simple steps to optimize images for web and blogs easily and get more enhanced output:
Requirements:
—————————————————————————————————————————————
- .NET Framework 4.0 or above DOWNLOAD NOW
- PNG Gauntlet DOWNLOAD NOW (ver. 3.1.2, 900 KB)
- Microsoft Office Picture Manager (MSOPM) (MS Office Tool)
STEP: 1
—————————————————————————————————————————————
>> Download and install ” PNG Gauntlet “
>> Ensure your computer have .Net Framework 4.0 or above if not download from above and install (ver. 3.5 is pre-installed in Windows 7)
>> Other than this MSOPM is required, it comes as a bundle in MS Office suite (Except MS Office 2013), to check go to start button>All Programs>Microsoft Office>Microsoft Office Tools, if it’s there then move directly to STEP 2.
>> if you want to install please run any MS Office version setup except 2013 and I guess you must have its setup, don’t worry if you don’t have download from below and in the setup click on ‘Customize‘. Under the ‘Office Tools‘ menu ensure “MSOPM” is selected.
STEP: 2
—————————————————————————————————————————————
Open PNG Gauntlet,
>> Browse through your computer’s directory to select the image for optimization.
>> For batch processing, click on ‘Add images‘ and select images in bulk.
>> Give the path for output and Click ‘Optimize!’ ()
High Priority = Faster Output + More CPU Power
Low Priority = Slower Output (Recommended) + Less CPU Power
STEP: 3
—————————————————————————————————————————————
Now open the image you just optimized above,
>>simply double-click to open by default in “Windows Photo Viewer” and click Open and select ‘MSOPM‘ OR
>> Right-click on image, go to “Open with” > select MSOPM, OR
>> Directly open the file in MSOPM
STEP: 4
—————————————————————————————————————————————
Now click on “Edit Pictures“
>> Click “Auto-Select” to add sharpness into image and save the image (may slightly increase image size by 5-10 KB only and depends on actual file size), it’s optional to use but I suggest to use only for real pictures aka captured from phone or cameras, test this feature on every colorful images otherwise undo it.
Now compare the images you just saved with earlier image, I bet now you have the enhanced image.
STEP: 5
—————————————————————————————————————————————
For proper image optimization I suggest to compress once more in MSOPM to lower the resolution if the image is HD or Full-HD, I know you already have compressed the image in STEP 2 but it’s must to load images even on low-bandwidth so in MSOPM>edit pictures, under ‘Change picture Size‘ click “Compress Pictures” and,
>> select “Document” because it applies the proper size 1024*768 which is considered as quality image and save space, you may also choose Web Pages if you feel document choice is still too high, choose what’s best and suitable for you.
Document: 1024*768
Web Pages: 448*336
>> click OK save the file (Ctrl+S) OR
>> Go to File> Save as, save it and close MSOPM.
If any warning occurs, choose “Create File” and close MSOPM if another occurs choose ”Don’t Save“.
- Output file will be saved in the same directory as soon as you click create file where your source image is located.
That’s it now you have the perfectly optimized image and absolutely ready to publish. [Click on the images link to view the original files as a proof].
Image-Size Comparison Chart Below:
—————————————————————————————————————————————
|
File/Process |
Image Type/Res. |
Size |
| Original Grass-Image |
PNG-1920*1080 |
3.89 MB |
| After PNG Compression |
PNG |
2.50 MB |
| After MPOM Compression |
JPG-1024*576 |
67.1 KB |
| After Auto-Contrast |
JPG |
76.4 KB |
Trimage (Linux/Cross-platform): http://trimage.org/
ImageOptim (MAC): http://imageoptim.com/
really it’s so much helpful to every blogger. thanks dude for sharing
Hi Naimul,
Thanks for the compliment mate.
P.S (Please write your name, otherwise it’ll be considered spam, example> Naimul Islam@image optimization)
Devagya bro please tell me which image format works best for seo? I am running a blog and I want to optimize my blog posts for better SERP? Please suggest me which file format should I use?
Hi Ankit, there are only 3 formats basically used for web and blogs i.e PNG-JPEG-GIF but to choose which ones best it all depends what kinda picture it is, example:
1) For glossy finish images like 3D images and graphics icon the format to use is PNG (Lossless, Large size, wrong choice for Full-HD pictures)
2) For images which is been captured in real life environment like your family pics etc., should be in JPEG because this format support millions of colors and so it’s the default format in all digital cameras (Lossy, small size, good for all HD images).
3) For images, like the one i used in my recent giveaway are GIF which support animations (Lossless, good for 2D images)
I tried my best to explain in short hope you got it, but i suggest visit the below link for perfect idea of image format:
Click for Link 1 and Link 2
Nice article about image optimization. I think this article is so informative and i will follow this techniques in my blog for better blogging.
You can visit my blog
<a href=”http://www.myseotechnique.com”>seo techniques</a>
Hi Babu, thanks and good-luck for you blog