Images

Simple image optimization for lightweight pages

Images are often the heaviest part of a page. A few small habits can make a site load faster while keeping the visual design clean.

Use the right dimensions

Uploading a very large image and displaying it as a small card wastes bandwidth. Preparing several reasonable sizes helps mobile and desktop visitors load only what they need.

Prefer modern formats

WebP and AVIF can reduce file size for many images. JPEG and PNG are still useful, but they should be chosen intentionally.

• Compress large hero images.
• Avoid unnecessary transparent PNG files.
• Use lazy loading for images below the first screen.