我在html文档中有一些关于图像使用的问题我无法找到答案。
答案 0 :(得分：1)
首先，图标没有“标准”尺寸，但创建具有相等比例=正方形图像的图标总是一个好主意。这并不意味着你不被允许违反规则，但它取决于你正在创建图标的媒介。 Android使用与iOS不同的基本大小，因为它们需要支持不同的分辨率。对于桌面，从16px的比例作为基础开始总是好的。 reference for icon sizes
您是浏览器的图像，您需要将120x120px像素图像重新绘制为50x50画布。你现在面临的问题是你需要决定选择哪种颜色，特别是边缘？浏览器的作用是混合边缘的颜色，他知道没有更多的空间可以显示它的清晰。这导致“模糊”效果。不要考虑将120x120调整为一半。这样更容易，因为你不再需要混合颜色了。或者用更多技术术语：
在向任一方向缩放时，光滑的图像都会出现一些异常现象。当你把它们做得更大时，显而易见的是 - 事情会迅速变得像素化。当你缩小它们时，无论渲染什么，它都必须猜测像素在哪里。 https://css-tricks.com/forums/topic/scaling-down-images-with-css-makes-them-blurry/#post-188194
这基本上是一个非常好的问题，并打开了“响应式”图像的主题。如您所知，4k显示器/智能手机上的像素密度比常规屏幕高很多。图像无法通过自身缩放信息这一事实使得它们在放大时会像素化，在缩小时会变得模糊。最好的情况是尽可能多地使用SVG，图标最适合用于图标。通常只需将bigges图像放在网上即可完成任务，但从性能上讲，这将是灾难性的。如果你想掌握这个主题，我可以给你一些很好的潜水链接：
希望这至少可以解决你的担忧：）