It’s like the old spy technology cliché Smaller is Better.
The smaller the file size the faster the load time. Thats pretty much the crux of it, and for schools you’re going to find that your demographics’ internet access speeds vary wildly. So small file sizes for images is pretty important.
At this point I could show you a bunch of speed tests and bench marks but you already understand the idea so instead I’m going to help you do something about it.
From here there is a whole conversation about the right type of image format to use in each application depending on image composition. Other people have done it better than me and you probably only use JPG and PNG files. I’m guessing you probably only started using PNG files because of a non-white background somewhere. GIF and SVG have their places too but really lets just focus on the first two because there is weird caveats and complexity that you’r/I’m not interested in today.
Just use PNG
#badlydefinedconcepts OK that is a super generalisation but if you’re reading this then honestly save yourself the drama and get used to working with PNG files.
Thats how we squish them down to make them smaller. There are a bunch of different types of compression and you probably don’t care about them because you’d need to know the composition of each image and the amount of horizontal or vertical repetition and … complex blah.
The point of this post then?
This is the answer, it’s been in my bookmarks for so long that my link points to its original .org url. Now save it to your Bookmarks Bar, Favourites or Top Sites because you’re going to use this site alot. This is the finishing tool that makes all the difference. Forget about the rest of it this site is MAGIC.
All images uploaded to TinyPNG where fullscreen screenshots @ 2880 × 1800 px.
It makes a difference to your users, you might be surprised how heavy websites are now and paying attention to the details is important.