This week we covered the topic of putting images into HTML. This allowed me to understand the different types of image formats and their acronyms which I can use for a webpage. They include:

• JPEG - Joint photographic expert group image
• WebP - Web picture format
• PNG - Portable network graphics
• GIF - Graphics interchange format
• SVG - Scalable vector graphics

Image formats that are suitable and best towards photographs that I may use to upload are JPEG and WebP, as they provide slightly better compression.

Image formats that are best for images that need transparency are WebP, PNG and GIF as some files including the GIF have a limited palette of 256 colours.

Image formats that are best to use for icons, diagrams and logos are mostly PNG and SVG files as they use flat colour and need to have transparency.

• Image compression - As I know, images are sometimes the largest files on a website and by making these files smaller it can allow a website to load faster and work better. First step is to reduce the file size to scale the image down and then run the resized image through a image compressor.

While learning about Image compression, I was able to trial and test out different methods of making image files smaller by using a website called Squoosh.app to help improve my skill and understanding of how to compress images.

• Squoosh demo :

Research for 1988 Olympics