当前位置: 首页 > 知识库问答 >
问题:

在不使图像失真的情况下调整图像大小

花阳辉
2023-03-14

目前,我正在用下面的代码做一个非常简单的方法。

<div style="width: 100%;">
    <img width="100%" height="250" src="http://i.imgur.com/lNB7QSt.jpg">
</div>

如果我删除代码的height=“250”部分,它将图像打印为正常质量+正常大小,因为我希望它的高度限制在250,并返回类似于此图像的内容。

但它返回的内容类似于下面显示的内容。

共有1个答案

长孙哲
2023-03-14

您应该做的只是对CSS width属性使用“auto”,如下所示:

<img style="width:auto; height:250px" src="http://i.imgur.com/lNB7QSt.jpg">

应该能达到你的预期。

 类似资料:
  • 问题内容: 在我的一个应用程序中,我使用下面的代码片段将上传的图像复制到目录中。它可以正常工作,但是复制大图像(> 2MB)会花费比理想时间更多的时间,而且我真的不需要这么大的图像,因此,我正在寻找一种调整图像大小的方法。如何使用PHP实现呢? 问题答案: 最后,我发现了一种适合我需求的方法。以下代码段会将图像调整为指定的宽度,并自动计算高度以保持比例。 对于寻求完整示例的其他任何人,请创建两个文

  • 问题内容: 我需要调整图像大小,但是我想避免使用PIL,因为我无法使其在OS X下运行-不要问我为什么… 无论如何,因为我对gif / pgm / ppm感到满意,所以PhotoImage类对我来说还可以: 问题是-如何调整图像大小?以下仅适用于PIL,与非PIL等效吗? 谢谢! 问题答案: 因为这两个 和希望整数作为参数,我用这两种。 我不得不将320x320图片的尺寸调整为250x250,最终

  • 据我所知,您可以通过以下方式使用PIL获取图像大小 但是,我希望获得图像的宽度和高度,而不必将图像加载到内存中。可能吗?我只做图像大小的统计,不关心图像内容。我只是想让我的处理速度更快。

  • 问题内容: 我在这里使用Go调整大小包:https://github.com/nfnt/resize 我正在从S3中提取图像,如下所示: // this gives me data []byte 之后,我需要调整图像大小: // problem is that the original_image has to be of type image.Image 将图像上传到我的S3存储桶 // pro

  • 所以我有一个非常奇怪的情况。我有两个图标,都是288x288px。但第一个图标在应用程序中显示得比另一个更大。 她是我的xml: css部分:. background{background-图像: url("res://login_bg"); background-重复:无重复;background-大小:封面;background-位置:中心;} 和两个图标: 有人有同样的问题吗?

  • 问题内容: 我要在pdf文件中添加一个水印。水印是.bmp图像,并且是2290 x3026。尝试调整此图片的大小以适合页面时,我遇到很多麻烦,有人有什么建议吗? 这是方法的输出。 我会与你们共享pdf图片,但不幸的是我不能。 我应该尝试改用.jpg吗?我真的不知道iText如何处理不同的图像扩展名。 问题答案: 您可以使用另一种方法:“手动”调整图像大小(即通过图像处理软件),而不是通过iText