Angular 15中NgOptimizedImage警告消除咨询：需保留图片小尺寸

你遇到的警告内容：

The NgOptimizedImage directive (activated on an element with the ngSrc="/assets/fascinating.png") has detected that the intrinsic image is significantly larger than necessary.

以下是两种可行的解决方式：

• 最优方案：生成适配显示尺寸的图片文件
  NgOptimizedImage的核心设计目标就是避免加载远大于显示尺寸的图片，以此提升页面性能。最根本的解决方法是将原始图片压缩、裁剪到与你想要的显示尺寸完全匹配的大小，然后替换ngSrc指向的文件路径。这样既能保持当前的显示效果，又能消除警告，同时真正实现图片性能优化。

• 临时方案：禁用尺寸检查警告
  如果暂时无法处理图片文件，可以通过给<img>标签添加disableImageSizeWarning输入属性来隐藏警告，示例代码如下：

  <img ngSrc="/assets/fascinating.png" width="200" height="150" [disableImageSizeWarning]="true">
  

  注意：这种方法仅隐藏警告，并未解决图片过大导致的性能损耗问题，不建议长期使用。

内容的提问来源于stack exchange，提问作者FedeJs