是否可以处理调整大小?
#1 楼
现在所有图像上传都存储在Imgur服务器上,您可以调整URL以显示原始大小太大的各种大小。原始大小可能如此之大:
http://i.stack.imgur.com/R7QBb.jpg
在文件扩展名之前,在文件名末尾插入一个
m
或s
字符,如下所示:媒介:
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张图像之间插入一些文本,尽管这些文本似乎有这些限制(至少我不知道如何解决这些问题):文本不能超过一行。
文本的垂直对齐始终在图像的底部。
图像和文本之间的间距只能是请使用
进行设置。注意:当前接受的答案并未提及您确实需要遵守某些特定的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
评论
请注意,两个链接均断开。您能想到另一个替换这些链接的示例吗?@ Pierre.Vriens这是在那些(现在已删除)示例中引用的图像。
@JasonC Merci分享了。我很乐意“建议编辑”(以某种方式整合您之前的评论),但是由于某些原因,我确定您会理解的,因此我不确定如何理解我的建议,尤其是在此刻。成为一名优秀的meta.SE公民非常困难……尤其是因为帮助页面(或类似内容)中似乎没有一本烹饪书,说明他们不想要的方式...
“状态完成”在什么意义上是什么?为支持此工作做了什么?
@Scott-如果看到接受的答案,您就会知道“完成”了什么