浏览器显示大于原始尺寸的图像 [英] browser displays images bigger than original size

问题描述

我的网站显示的图像大于原始尺寸.图像比用photoshop创建的原始图像大20％，例如，如果图像的宽度为200px，则浏览器显示为240px.

my web site displays images bigger than their original size. The images are 20% bigger than the original created with photoshop (for example), if an image's width is 200px, the browser display is 240px.

所以我所有的图像都模糊了.

So all my images are blured.

你知道为什么吗?

推荐答案

我找到了解决方案！

Windows 10将dpi的默认设置设置为125％(将dpi搜索到搜索框，然后查看更新文本应用程序和其他元素")，这增加了显示器中所有内容的尺寸，因此图像进入了我的显示器.网站大于25％.

Windows 10 has the default setting of dpi seted to 125% (search dpi into serach box and then look at "update text app and other elements"), this increase the dimension of everything in my monitor, so the images into my web site are bigger of 25%.

如何防止我的网站上出现这种情况并继续使用默认的Windows设置dpi?

What I can do to prevent this behaviour on my web site and continue to use the default windows settings dpi?

这篇关于浏览器显示大于原始尺寸的图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！