是否有有关图像的特定数据，可以让您知道它在浏览器中的外观？我访问的每个网站都有清晰，清晰，美丽的图像，但是每当我在一个网站上添加一个网站时，我创建的图像几乎总是看起来像素化或被切断。
" crispness"是一个非常主观的术语，但这是我的建议：
- 确保您的图像不需要透明度为JPG，否则使用PNG进行透明度的图像
- 图像是72ppi
- 图像是用imageOptim在80％ 之类的诸如ImageOptim之类的东西进行了优化的
- 不要尽可能多地在浏览器中调整图像大小，这可能会导致模糊
这里很多很棒的技巧。
我建议将SVG用于您可以使用的所有内容（图标/徽标/模式）和正常的"照片"使用优化的.png。请注意较新的.webp图像格式（它比.png要快得多），但在所有浏览器中都不可用。
一个签出的好地方是 Google的材料设计规格。https://material.io/design/