Web developers implement logos and icons into websites through various means. The icons themselves range in size based on file type and other parameters. Unfortunately, larger icons translate into more data being loaded by the browser. Too many icons lead to increased loading times and higher data usage. Developers need to balance between these considerations and others while designing websites.
Terence Eden Manages To Utilize SVG Files To Shrink Icon Sizes
A recent GitHub project sought to reduce the size of logos and icons. Terence Eden took existing PNG files and converted them into smaller SVG files. The end result sees 5,000-byte PNG files turn into 500-byte SVG files, a fraction of their original size. On GitHub, Eden utilized existing logos for popular companies and apps. Each logo is fully scalable to any size but takes up less data without a loss of clarity.
A Simple But Important Project That Could Be Applied Elsewhere
Without a doubt, this simple but practical project shows promise. Web developers constantly struggle to minimize the data used while loading a website or app. They simultaneously want to provide as much information and fancy graphics on the frontend site as possible. By minimizing bandwidth usage without compromising quality, designers no longer have to worry about this careful balancing act.
Lower Bandwidth Usage On Websites Translates Into Better Websites
The project by Eden remains a relatively small one. Nonetheless, his work proves that data savings can still be found with innovation. Web designers can continue to whittle down their bandwidth usage on websites to ensure swift loading times. An efficient and streamlined website on the backend leads to incredible frontend results. For that reason, more developers should attempt to cut down on unnecessary file and image sizes.
No web developer or web user would complain with fast website load times. The consumer would never know what's going on in the backend to make this happen. In the end, developers will love to use tactics like the one developed in this project. They'll find it easier to reduce bandwidth usage and optimize websites more easily. A small step with this project can lead to much better improvements in the future. For more information click here https://github.com/edent/SuperTinyIcons.