是否可以调整答案中图像的大小?例如,博士学位研究主题对找工作有多重要?答案中应该包含图像,但太大了。

是否可以处理调整大小?

评论

请注意,两个链接均断开。您能想到另一个替换这些链接的示例吗?

@ Pierre.Vriens这是在那些(现在已删除)示例中引用的图像。

@JasonC Merci分享了。我很乐意“建议编辑”(以某种方式整合您之前的评论),但是由于某些原因,我确定您会理解的,因此我不确定如何理解我的建议,尤其是在此刻。成为一名优秀的meta.SE公民非常困难……尤其是因为帮助页面(或类似内容)中似乎没有一本烹饪书,说明他们不想要的方式...

“状态完成”在什么意义上是什么?为支持此工作做了什么?

@Scott-如果看到接受的答案,您就会知道“完成”了什么

#1 楼

现在所有图像上传都存储在Imgur服务器上,您可以调整URL以显示原始大小太大的各种大小。

原始大小可能如此之大:

http://i.stack.imgur.com/R7QBb.jpg


在文件扩展名之前,在文件名末尾插入一个ms字符,如下所示:

媒介:

http://i.stack.imgur.com/R7QBbm.jpg


更小:

http://i.stack.imgur.com/R7QBbs.jpg


为此,您可以使用优质的HTML并强制客户端调整大小:

<img src="http://example.com/path-to-ghosts.jpg" width="100" height="100">


但是,由您自己决定一套好的尺寸调整尺寸是什么。

评论


请注意,由于某些原因,这仅在src属性排在第一位(在宽度和/或高度之前)时才适用于SO。不久前,这确实使我感到困惑,即使URL和一切看起来都正确,我也无法使图像正常工作...

– Jonik
09-10-10在10:07

src,宽度,高度的顺序是SOFU对于图像HTML的狂野之徒所遵循的惯例。

–随机
09-10-10在10:18

注意:图像标题排在最后。 :)

– Polywhirl先生
13年8月22日在20:16

当我添加宽度或高度时,图像标签不会显示。

– Ciro Santilli郝海东冠状病六四事件法轮功
2014年11月22日在8:54

@CiroSantilli您需要按顺序放置参数:src,宽度,高度。我自己遇到了同样的问题,直到我发现这个问题并听从了random的评论后才意识到解决方法。

–伊兹
2015年2月27日在17:14

@Iszi感谢您的提示,下次编辑图像时会尝试一下。他们的XSS过滤器是无情的!

– Ciro Santilli郝海东冠状病六四事件法轮功
15年2月27日在19:05

如果您使用img标签方法,请不要在大小后添加px!

– ROMANIA_engineer
15年11月27日在15:34

这会在显示图像功能的同时中断自动链接到图像。如果更改URL,则在单击该URL时,将获得相同大小的图片,而不是原始的图片。 :(

–cde
16年3月3日在19:28

这很有用。谢谢!我要添加的警告是,imgur文件名中的m / s -modifiers似乎不适用于动画gif。至少我只得到了适当缩放的静态图片,显示了GIF动画的第一张图片。

–吉尔基-没有Shog9-没有SE
16年8月7日,11:53

仅使用高度将保持宽高比,这是最有用的。

– sancho.s ReinstateMonicaCellio
17年2月13日在7:51

仅使用高度或宽度将相应缩放图像

–phuclv
18年7月15日在7:18

对于Retina显示器,最好使用客户端调整大小。它将以完整的原始分辨率显示,但仍在屏幕上显示适当的大小(像素大小的两倍,但密度也是两倍)。

– SilverWolf-恢复莫妮卡
18-10-20在21:17

将字母b追加到末尾似乎也可以做一些事情。对我来说,这是介于m和s之间的快乐媒介

–阿尔伯特·伦肖
18/12/17在18:47

@random,这样做之后,图像的分辨率变坏了。那么,该如何解决呢?

– SarG
20年7月2日在6:47

#2 楼

您还可以在图像名称后添加查询字符串,例如?s=xyz(xyz = 16、32、64、128、256或512),以将其从gSpBi.png更改为(例如)gSpBi.png?s=128。即我只是在?s=128之后添加了查询字符串.png。注意:有时顶部和底部的一部分未显示(我认为这部分取决于您使用的实际图像)。

在图像中使用此类查询字符串的一些示例,用于xyz = 16,32,64,128:

?s=16
?s=32
?s=64
?s=128)<顺便说一句,上面的内容还显示了您甚至可以在2张图像之间插入一些文本,尽管这些文本似乎有这些限制(至少我不知道如何解决这些问题):


文本不能超过一行。
文本的垂直对齐始终在图像的底部。
图像和文本之间的间距只能是请使用&nbsp;进行设置。

注意:当前接受的答案并未提及您确实需要遵守某些特定的HTML格式语法,才能使用img HTML标记。例如。创建图像的这3种变体(大小):



以下是创建前3张图像的HTML源:

<img src="https://i.stack.imgur.com/gSpBi.png" width="216" height="180" alt="Babou" title="My Patou">
<img src="https://i.stack.imgur.com/gSpBi.png" width="270" height="225" alt="Babou" title="My Patou">
<img src="https://i.stack.imgur.com/gSpBi.png" width="135" height="113" alt="Babou" title="My Patou">


PS:我只是通过浏览源代码和进行试验来了解这些事情,我不知道有关此的任何文档。

#3 楼

如果它可以帮助其他人,这里还有另外一种技巧,可以在引用大图像时使帖子可读:

在说明中,您将可以引用图像

[![My App TouchID authentication][2]][4]


在页面底部,我定义了2张图像,其中一张是在我上传图像时自动创建的,另一张是我创建的图像

[2]: http://i.stack.imgur.com/PieY5m.png
[4]: http://i.stack.imgur.com/PieY5.png


请注意,2和4之间的唯一区别是m。返回图像的标记

[2]参考用于图像标记中,使用中等大小的imgur.com图像。 image标签旁边的[4]引用了该图像将链接到的链接,这是上传到imgur的较大图像。您可以按照随机提到的将s.png替换为m.png。

希望这对某人有所帮助。

#4 楼

除了以前的答案,我还发现了另一种模式,在图像较宽的情况下很有用。让我们看看:
按@dim的建议使用't'(可能是缩略图或小巧的东西)。

小图中的图像相同:


评论


你救了我的命。但是,我认为“ t”可能意味着“微小”,而不是缩略图。因为实际上,“ s”模式在裁剪为正方形时比“ t”更像是缩略图。

–昏暗
16-11-28在10:48

@dim:imgur.com文档将其命名为小缩略图,我怀疑这是添加的第一个调整大小选项。我在任何地方都没有证据表明它是“微小”的简称。

–马丁·彼得斯(Martijn Pieters)
20年5月3日,14:56