Website Kit Manual 2022-2023

Optimizing images One of the biggest bottlenecks in downloading a website is the size of the graphics. And, people leave your website if it fails to load in less than three seconds. You probably already know to make your pictures as small on the screen as possible. After all, those pictures you took with your library’s digital camera are absolutely huge, right? You wouldn’t want to inflict added download time on unsuspecting website visitors. No doubt you’ve been using some kind of software to make your pictures visually smaller. But this is only half of the job . Reducing the file size of your images makes web pages load faster. If you take a look at the picture below (from, you can see that there is no discernable difference in the visual size of the pictures. Nonetheless, the optimized version has a significantly smaller file size. Resizing your pictures so they are visually smaller is one thing—but that’s not the only thing you need to do. An image optimizing tool removes unnecessary pixels from digital images. The human eye doesn’t notice the difference, but this type of tool can significantly reduce the amount of time it takes for an image to download from your site. Many professionalend image editors (e.g., Photoshop, Paint Shop Pro) have built-in functions or addons that can do this type of reformatting. However, most libraries don’t own these and they have a very steep learning curve. There are free tools that allow you to optimize images: WebResizer Optimizilla (does images in batches as well) Learn more about optimizing images for your Webkit, in this video: