我如何知道图片在网站上的外观?

时间:2018-12-19 22:21:44

标签: css image css3

是否存在有关图像的特定数据,可让您知道图像在浏览器中的外观?我访问的每个站点都有清晰,清晰,漂亮的图像,但是每当我向创建的站点添加一个图像时,它几乎总是看起来像素化或被截断。

2 个答案:

答案 0 :(得分:2)

“酥脆”是一个非常主观的术语,但这是我的建议:

  • 确保不需要透明度的图像是jpg,否则将png用于具有透明度的图像
  • 图像为72ppi
  • 使用诸如ImageOptim之类的图像优化80%的效果
  • 不要在浏览器中尽最大可能调整图像大小,这会导致模糊

Lots of great tips here

答案 1 :(得分:2)

我建议将SVG用于您可以使用的所有内容(图标/徽标/图案),对于常规的“照片”,请使用经过优化的.png。请留意更新的.webp图像格式(比.png快得多),但在所有浏览器中都是not available

结帐的好地方是 Google的Material Design 规范。 https://material.io/design/