我是网络开发的新手，我有一个关于个人资料图片的自然大小与实际大小的问题。
我注意到，当我检查流行网站上个人资料图片上的元素时，头像图像的自然尺寸通常是显示尺寸的两倍。
一些例子:
当我自己尝试这个时，我注意到当你确保图像的实际(自然)尺寸是显示尺寸的两倍时，图像确实看起来更好。
如您所见，64x64 图片看起来比 32x32 图片清晰得多。我的问题是这两个因素是否有什么特别之处。我可以将它设为 128x128 的图片并将其显示为 32x32 以使其看起来更好吗？
最佳答案
网络上的大多数图片都是位图1 图片，由数十万像素组成。例如，一张 32x32 的图像将具有 32*32 = 1024 个像素。要显示图像，浏览器必须遍历图像中的每个像素。因此图像中的像素越多，加载它所需的时间就越长。
至于为什么图像看起来更好或更清晰，是因为无论放大或缩小图像，原始图像(自然大小)的像素数都是相同的。
因此，当您放大图像时，您会得到以下结果:
(图片来自http://scientificcuriosity.blogspot.com/2006/09/how-is-digital-photo-stored.html)
您看到的“正方形”是单个像素。
但是如果你缩小，你会得到相反的效果:
如您所见，缩小后图像更加清晰。
但是，大图像(在宽度和高度或像素数方面)有一个主要缺点，它们需要更长的时间来加载。
图像缩小得越多，它看起来就会越清晰，但也会变小。
您最好的选择是使用中等大小的图像并按 50% 到 100% 的比例显示它。
关于html - 用户头像的自然尺寸是显示尺寸的两倍，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47626528/