Skip to content
weballin

weballin DIGIWIKI

Image Optimization

Image optimization adjusts image dimensions, format, loading behavior, and alternative text to improve usability and accessibility.

weballin

Choose a resolution and compression level suited to the displayed size, and specify image width and height. Images outside the initial viewport can load lazily, but avoid lazy-loading the main initial image, especially the LCP image. Measure the actual loading effect of each change.

Alt text should explain an image in context without keyword stuffing. Current major browsers support WebP and AVIF. Compare quality, file size, and audience compatibility, providing fallback formats with picture when needed. A format conversion alone does not guarantee search visibility or better LCP.

References

Frequently asked questions

Should I choose WebP or AVIF?

Compare visual quality and transfer size using the same image, then check support in your audience's browsers. Choose based on the image and delivery environment.