代码之家 › 专栏 › 技术社区 › flybywire

在保持比例的同时,在HTML中生成“缩略图”

thumbnails image html

flybywire · 技术社区 · 15 年前

是否可以在保持比例的同时缩小HTML格式的图像?

我知道我可以使用img标签的高度和宽度属性,但我不知道图像的大小。

请不要告诉我要找出服务器上的图像大小,或者正确的方法是在服务器端生成缩略图,这样可以节省带宽并缩短页面加载时间。

我知道什么 理想的 解决方案是。但我想要快速和肮脏的…

3 回复 | 直到 15 年前

Trick 15 年前

快速和肮脏:只需在img标签中设置一个属性:

<img src="my.jpg" width="200" /> or <img src="my.jpg" height="200" />

Quentin 15 年前

对。合理使用高度或宽度。

但快速和肮脏是 very dirty .

Anax 15 年前

还请记住,您也可以给出原始宽度/高度的百分比值,例如:

<img src="my.jpg" width="50%" />

推荐文章

Andrecon · 如何使用HTML中的图片元素在文件夹中查找我的图像?

5 月前

GaryC · Tkinter与图像

10 月前

Wammy · 为什么具有垂直对齐元素的表单元格不能与没有垂直对齐的表单元格对齐?

11 月前

TheAlphaLeopard · 图像的大小对于按钮来说太大了。。。有什么建议吗?

1 年前

Daniil · 如何使用Apps Script从Google Sheets中复制单元格中的图像?

1 年前

Sandy · 使用react原生图像裁剪选择器multiple true,我想裁剪我选择的所有图像

1 年前

FoolishMortal · 无法显示从基64字符串解码的特定图像

1 年前

Prajapati Akash · X,Y堇青石在传统图像中无法正常工作

1 年前

KnewJams · 个人资料图片未显示

1 年前

Gustavo Merg · Genexus Blob从Base64-如何生成&文件或将其放在屏幕上与GX?

1 年前