{"id":6486,"date":"2020-09-04T22:44:42","date_gmt":"2020-09-04T22:44:42","guid":{"rendered":"https:\/\/icodehappy.com\/?p=6486"},"modified":"2021-02-18T22:24:23","modified_gmt":"2021-02-18T22:24:23","slug":"image-optimization-tutorial","status":"publish","type":"post","link":"https:\/\/icodehappy.com\/image-optimization-tutorial\/","title":{"rendered":"Image Optimization Tutorial"},"content":{"rendered":"\n\t
You’ve probably clicked on the link for a website — and then waited \u2013 and waited \u2013 and waited while the little spinning circle spun away in the middle of the screen.<\/p>\n
The website probably has lots of beautiful images on it \u2013 but by the time you can actually see them, you’re lucky if you have the patience to look.<\/p>\n
We’re going to talk about what image optimization is, why it is essential, what you need to consider before you optimize your images, and then I’ll show you a couple of ways to optimize them.<\/p>\n
Image file size affects page speed. Page speed affects SEO. Files can be optimized by reducing the dimensions or compressing the photo, which decreases the quality.<\/p>\n
Images for websites need to balance good quality with small file size so they don’t slow the website down too much.<\/p>\n
I’ll show you how I resize and compress the image in Affinity Photo – you can skip to that part here<\/a>.<\/p>\n