Optimizing Web Performance: PNG Compression⚡

1

TinyPNG

After realizing how much time it took to fully download all of the resources on my current Internet connection, it became obvious that I had to speed up the load time of my site. I utilized TinyPNG, a website meant for compressing WebP, PNG, and JPEG images. After compressing all of my icons, I was able to get the size of each image down by an average of 80%. After replacing the images, I checked the network activity once again.

#Image Optimisation #Image Editing #Image Effects 155 social mentions

2

3dicons

The icons and images I was using for my personal website came from an open source 3D icons library. The icons are high resolution and extremely detailed. I didn't originally consider the size of these icons, however, as you can see from the network activity, each icon was a few megabytes. Add a couple more icons and now the web browser is downloading around 38 megabytes of resources just to render the website as intended.

#Design Tools #Productivity #User Experience 5 social mentions