nextJS的image组件总结

• 默认进行懒加载。
• 自动进行缩小甚至自动调整格式。
• 不支持动态引入。
• 使用远程图片需要注意的
• 避免page shift，需要提供宽度和高度值。注意这个并不是最终渲染的值。
• 为了安全，设置允许特定来源可。
• 可以使用loader来引入远端图片，同时充分利用已有的优化功能。
• 除了单个配置，可以使用全局loader
• 如果需要图片作为LCP的一部分，需要设定最高优先级。
• 为了更好的性能，尽量使用classname或者module css来添加图片样式