Website Optimization Methods - Image Part

As webpage size increases, image optimization has become a core factor directly linked to user experience. Especially in e-commerce environments, image management is essential since every 1-second delay in page loading can decrease purchase conversion rates by about 7%.

Images are broadly divided into two types.

• Raster images: These express color through pixels and include JPEG, PNG, GIF, etc. They have the characteristic that file size increases as dimensions grow larger.
• Vector images: These use mathematical equations, with SVG being the representative format that shows no quality degradation even when resized.

Images are also divided into Lossless and Lossy types depending on whether information is lost. Choosing the right format for the situation is important for an efficient web environment.

• WebP: A format developed by Google, it has a high compression rate of 25%~35% compared to JPEG and supports both transparency and animation.
• AVIF: A next-generation image format that offers even better compression performance than WebP, drawing attention as a core technology in modern web optimization.