A common mistake among web designers / developers is most forgot to compress the main images of their websites. In result, those websites tends to load slower than those with compressed images.


Website Speed-up 101 (Image Compression Tip)
Website Speed-up 101 (Image Compression Tip)


Website Speed-up 101 (Image Compression Tip)

Original Image (8.37kb)

In relation to that, image compression is a necessary step in order to achieve a fast loading website, but most of the image compression tools and styles aren't that effective.

Either they just have a minimal effect (some image compressors can just minimize the size of your images 5-10%) or they ruin the quality of your image in order to mini-fy the image significantly. You may need some seriously good Photoshop skills in order to achieve image up to 40% image compression without distorting the image quality.

Website Speed-up 101 (Image Compression Tip)

Compressed (2.83kb)
Can you spot the difference? :)

Another notable advantage of having a compressed image is a faster upload when posting photos via social media and blogs and can even make the load time of the apps or software you are developing significantly faster.

Fortunately, Geeky Pinas team have discovered the best and a very simple way to compress the image dramatically without compromising image quality. (It can compress your images loss-less up to 70% without compromising image quality) 

Just follow these steps

1. Save / Convert your images into PNG format (.png)
2. Visit www.tinypng.org
3. Drag and drop your images there
4. Download and enjoy! :)

Website Speed-up 101 (Image Compression Tip)


Hi TinyPNG

Sample images below

Website Speed-up 101 (Image Compression Tip)




Original Image (316kb)


Website Speed-up 101 (Image Compression Tip)



Compressed (138kb)

Website Speed-up 101 (Image Compression Tip)
Original Image (428kb)

Website Speed-up 101 (Image Compression Tip)


Compressed (222kb)

I hope this was a helpful read! Cheers! :)

Signing out,


Papi Joe
Share this article :)
Magpress

Geeky Pinas

Geeky Pinas is a Tech News, Reviews and a Lifestyle Site