Image

<img> 存在的问题：

• 图片加载引起布局偏移（Layout Shift）
• 图片体积大、加载慢，用户体验差

Image 做了如下优化：

• 图片拥有固定的占位尺寸，避免了布局偏移
• 自动裁剪、缩放图片，以体积更小的 webp/avif 格式提供
• 图片懒加载，提供可选的模糊占位图

本地图片

• 支持 jpg/png/webp
• 编译时根据图片的实际宽高自动设置 width 和 height
• 不支持动态导入的本地图片

远端图片

• 由于编译时可能无法访问远端图片，需要开发者手动指定 width 和 height
• 图片的最终尺寸只保证宽高比正确，不一定等于指定的宽高