问更改图像分辨率
EN

Stack Overflow用户

提问于 2010-08-17 16:42:50

回答 2查看 39.5K关注 0票数 2

我尝试使用一张图像在不同的分辨率(原始-标准-高)之间切换。有没有可能使用任何方法？这是我想要的一个例子，但它使用三个不同分辨率的三个图像，我只想使用一个图像。http://www.biomedcentral.com/1741-7007/8/59

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />

<title>resize image </title>
<style> 
.high{width:500px; image-resolution:300dpi; } 
</style>
</head>

<body>
<img   class="high" src="original.jpg" border="0" /><!-- the  orginal image width =100 px-->
</body>
</html>

html

回答 2

Stack Overflow用户

回答已采纳

发布于 2010-08-17 16:49:59

您可以简单地使用width和HTML或height属性来操作图像的显示大小。这不会改变图像的实际分辨率，它只会将图像显示得更小或更大。这通常是没有好处的，因为大图像总是会被下载，可能会浪费大量的带宽，并降低浏览器的速度(除非你确定它无论如何都会被查看，否则它可能是有益的)。

如果您只是不想创建同一文件的一堆大小版本，那么可以考虑使用服务器端语言动态地调整图像的大小。

票数 5

Stack Overflow用户

发布于 2010-08-17 16:46:47

您可以在HTML/CSS中通过设置图像大小来执行此操作。但要注意，某些浏览器的缩放效果比其他浏览器好(例如，早期版本的IE没有抗锯齿功能，这会使缩放后的图像看起来参差不齐)。

此外，你真的希望你的用户在看到缩略图之前以最高分辨率下载你页面上的所有图片吗？如果他们通常只需要查看几张全尺寸的图像，这是对带宽的极大浪费。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/3500733

复制

相似问题

问更改图像分辨率
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问更改图像分辨率EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问更改图像分辨率
EN