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:
- .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)
>> 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.
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
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
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.
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.
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:
|After PNG Compression||
|After MPOM Compression||
Trimage (Linux/Cross-platform): http://trimage.org/
ImageOptim (MAC): http://imageoptim.com/