查看“使用MW：图片”的源代码

[[category:MediaWiki]]

== 无格式图片 ==
无格式图片命令，插入的图片和原始上传图片大小一样。图片放置的位置是任意的，并且文本不会浮动（环绕四周）。<br/>
图片位置取决于图片命令的位置。<br/>
<pre>
[[File:wiki.png|维基百科徽标]]
</pre>
[[File:wiki.png|维基百科徽标]]海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，[[File:wiki.png|维基百科徽标]]有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。[[File:wiki.png|维基百科徽标]]

== 标题 ==
图片常常需要一个标题来进行描述，这时就需要使用框架将它们框起来。</br>
未设置框架时，鼠标悬浮于图片上时，会显示图片名称。
<pre>
[[File:wiki.png|frame|维基百科]]
</pre>
<div>
[[File:wiki.png|frame|维基百科]]
海纳百川，有容乃大。维基百科，自由的百科全书。<br/>海纳百川，有容乃大。维基百科，自由的百科全书。<br/>海纳百川，有容乃大。维基百科，自由的百科全书。<br/>
海纳百川，有容乃大。维基百科，自由的百科全书。<br/>海纳百川，有容乃大。维基百科，自由的百科全书。<br/>海纳百川，有容乃大。维基百科，自由的百科全书。<br/>
<div>

== 浮动 ==
指定图片放置的位置（左、右、嵌入等），并使文本浮动（环绕四周）于图片。
=== 左对齐，浮动 ===
<pre>
[[File:wiki.png|left|维基百科徽标]]
</pre>
<div>
[[File:wiki.png|left|维基百科]]海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。<br/>海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。
<div>
=== 右对齐，浮动 ===
<pre>
[[File:wiki.png|right|维基百科徽标]]
</pre>
<div>
[[File:wiki.png|right|维基百科]]海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。<br/>海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。
<div>
=== 居中，不浮动 ===
<pre>
[[File:wiki.png|center|维基百科徽标]]
</pre>
<div>
海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。<br/>[[File:wiki.png|center|维基百科]]海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。
=== 不浮动 ===
<pre>
[[File:wiki.png|none|维基百科徽标]]
</pre>
<div>
海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。<br/>[[File:wiki.png|none|维基百科]]海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。
<div>

== 缩略图 ==
缩略图会将图片框起来，并在右下角显示一个放大的标记。缩略图也可以指定图片的标题.
<pre>
[[File:wiki.png|thumb|维基百科徽标]]
</pre>
<div>
[[File:wiki.png|thumb|维基百科]]
海纳百川，有容乃大。维基百科，自由的百科全书。<br/>海纳百川，有容乃大。维基百科，自由的百科全书。<br/>海纳百川，有容乃大。维基百科，自由的百科全书。<br/>
海纳百川，有容乃大。维基百科，自由的百科全书。<br/>海纳百川，有容乃大。维基百科，自由的百科全书。<br/>海纳百川，有容乃大。维基百科，自由的百科全书。<br/>
<div>

== 大小 ==
=== 宽度 ===
如调整图片宽100像素：
<pre>
[[File:wiki.png|100px]]
</pre>
<div>[[File:wiki.png|100px]]</div>
=== 高度 ===
使图片等比缩放至指定的高度，在指示大小的代码中，我们需要在相应的大小前面加个x。<br/>
如调整图片高500像素：
<pre>
[[File:wiki-svg.svg|x500px]]
</pre>
<div>[[File:wiki-svg.svg|x500px]]</div>
'''<pre>Note：.svg为矢量图，可无损缩放。</pre>'''

== 避免堆积 ==
图像浮动时常有多幅图片水平地“堆积”在一起，可在图像后加入“'''<code><nowiki><br style="clear:both;"></nowiki></code>'''”或'''<code><nowiki>{{Clear}}</nowiki></code>'''解决。

=== 联合对齐相似图片 ===
经常会有两幅从逻辑上讲需要归于一组的相似图片。为做到这一点，需要加入一些html标记：
<pre>
<div style="float:right;width:315px;">
[[File:wiki.png|none|thumb|300px|维基百科徽标]]

[[File:wikimedia.png|right|thumb|200px|维基媒体基金会徽标]]
</div>
</pre>

<div style="float:right;width:315px;">
[[File:wiki.png|none|thumb|300px|维基百科徽标]]

[[File:wikimedia.png|right|thumb|200px|维基媒体基金会徽标]]
</div>
维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。

维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。

维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。

=== 水平对齐两幅图像 ===
<pre>
[[File:wiki.png|left|thumb|300px|维基百科徽标]]
[[File:wiki.png|none|thumb|300px|维基百科徽标]]
</pre>
[[File:wiki.png|left|thumb|300px|维基百科徽标]]
[[File:wiki.png|none|thumb|300px|维基百科徽标]]


=== 表格结构图像 ===
<pre>
{|
|-
| [[File:wiki.png|none|thumb|300px|维基百科徽标]]
| [[File:wiki.png|none|thumb|300px|维基百科徽标]]
|}
</pre>
{|
|-
| [[File:wiki.png|none|thumb|300px|维基百科徽标]]
| [[File:wiki.png|none|thumb|300px|维基百科徽标]]
|}

=== 左对齐直接堆积 ===
<pre>
[[File:wiki.png|left|thumb|300px|维基百科徽标]]
[[File:wiki.png|left|thumb|300px|维基百科徽标]]
{{clear}}
</pre>
[[File:wiki.png|left|thumb|300px|维基百科徽标]]
[[File:wiki.png|left|thumb|300px|维基百科徽标]]
<div style="clear:both;"></div>
'''其中，<code><nowiki>{{clear}}</nowiki></code>是为了防止后面的文字直接显示在图片旁。'''

=== 左右交替浮动 ===
左右交替浮动使得两幅图片不会互相干扰，更不会叠加在一起。
<pre>
[[File:wiki.png|thumb|150px|right|維基百科徽標]]
[[File:wikimedia.png|left|thumb|150px|維基媒體基金會徽標]]
</pre>
[[File:wiki.png|thumb|150px|right|維基百科徽標]]
[[File:wikimedia.png|left|thumb|150px|維基媒體基金會徽標]]
海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。
<div style="clear:both;"></div>

=== 强迫换行 ===
最后的手段是强迫浏览器加一空白行，令所有文字和图片都在第一幅图片之下出现，但图片旁的文字之下可能会出现唐突的空白。且根据浏览器、显示屏分辨率、默认的文字大小、浏览器上工具栏的数目等不同设置，都可能影响文本如何浮动和环绕图片。<br/>
好处：简单、图片会根据画面大小换行。<br/>
亦可以使用Template:Stack达至相近的效果。
<pre><br style="clear:both;"> </pre>
或是
<s>
<pre>
 {{-}}</pre /> 
[[File:wiki.png|thumb|300px|right|維基百科徽標]]
<span style="color:#808080; font-size:90%">
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
</span>
<br style="clear:both;" />
[[File:wikimedia.png|right|thumb|200px|維基媒體基金會徽標]]
<span style="color:#808080; font-size:90%">
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
</span>
<br style="clear:both;" />

=== 圖片集 ===
====維基標記語言和[[層疊樣式表]]（CSS）====
要在圖片集展示一系列圖片，一個簡單的方法是使用維基標記語言和[[层叠样式表]]（CSS）：讓所有圖片靠左浮動，並在其後清除靠左浮動的設定，以免圖片在圖片集以後的內容中出現。

<pre>

[[File:wiki.png|128px|thumb|left|維基百科徽標1]]
[[File:wiki.png|128px|thumb|left|維基百科徽標2]]
[[File:wiki.png|128px|thumb|left|維基百科徽標3]]
[[File:wiki.png|128px|thumb|left|維基百科徽標4]]
[[File:wiki.png|128px|thumb|left|維基百科徽標5]]
[[File:wiki.png|128px|thumb|left|維基百科徽標6]]
<br style="clear: left" />
</pre>
</s>

=== <nowiki><gallery></nowiki>标记 ===
<code><nowiki><gallery></nowiki></code>标记用于创建图片集。
<pre>
<gallery>
File:wiki.png|維基百科徽標1
File:wiki.png|維基百科徽標2
File:wiki.png|維基百科徽標3
File:wiki.png|維基百科徽標4
File:wiki.png|維基百科徽標5
File:wiki.png|維基百科徽標6
File:wiki.png|維基百科徽標7
File:wiki.png|維基百科徽標8
</gallery>
</pre>

好处：简单方便、图片之间没有浪费空间。<br/>
坏处：图片不会根据画面大小换行、不能设置图片大小。<br/>
可以在[https://www.mediawiki.org/wiki/Help:Images#Gallery_syntax mw:Help:Images#Gallery_syntax]的帮助文档中获得更加详细的内容。
<gallery>
File:wiki.png|維基百科徽標1
File:wiki.png|維基百科徽標2
File:wiki.png|維基百科徽標3
File:wiki.png|維基百科徽標4
File:wiki.png|維基百科徽標5
File:wiki.png|維基百科徽標6
File:wiki.png|維基百科徽標7
File:wiki.png|維基百科徽標8
</gallery>

让图片集整体居中显示的方法，在表格中嵌套使用<code><nowiki><gallery></nowiki></code>：
<pre>
{| align=center border=1
|- 
| <gallery>
File:wiki.png|维基百科徽标1
File:wiki.png|维基百科徽标2
File:wiki.png|维基百科徽标3
File:wiki.png|维基百科徽标4
File:wiki.png|维基百科徽标5
File:wiki.png|维基百科徽标6
File:wiki.png|维基百科徽标7
File:wiki.png|维基百科徽标8
File:wiki.png|维基百科徽标9
</gallery>
|}
</pre>

{| align=center border=1
|- 
| <gallery>
File:wiki.png|维基百科徽标1
File:wiki.png|维基百科徽标2
File:wiki.png|维基百科徽标3
File:wiki.png|维基百科徽标4
File:wiki.png|维基百科徽标5
File:wiki.png|维基百科徽标6
File:wiki.png|维基百科徽标7
File:wiki.png|维基百科徽标8
File:wiki.png|维基百科徽标9
</gallery>
|}

=== 标签参数 ===
<nowiki><gallery></nowiki>支持标签内添加参数，如
<pre>
<gallery {parameters}>
{images}
</gallery>
</pre>
参数列表如下：
{| class="wikitable" style="width:50%;"
|+ style="color:red; caption-side:bottom;" | MediaWiki版本要求：showfilename需1.17+，mode=*需1.22+，mode=slideshow需1.28+。
|-
! 参数 !! 说明
|-
| <nowiki>caption="{标题，可以有空格}"</nowiki> || 画廊标题
|-
| <nowiki>widths={宽度值}px</nowiki> || 设定图像图像宽度，默认120px
|-
| <nowiki>heights={高度值}px</nowiki> || 设定图像最大高度
|-
| <nowiki>perrow={任何整数}</nowiki> || 设定每行显示图像数
|-
| <nowiki>showfilename={任何值}</nowiki> || 设定后即显示每个图像的文件名
|-
| mode={traditional|nolines|packed|packed-hover|packed-overlay|slideshow} || 设定照片显示的模式
|}
'''<pre>
packed-hover：焦点在照片上可见
packed-overlay：焦点在照片上永远可见
slideshow：以幻灯形式显示照片
</pre>'''

示例：
<pre>
<gallery showfilename=a widths=60px heights=60px perrow=7 caption="测试">
File:Example.svg|10
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
</gallery>
</pre>

<gallery showfilename=a widths=60px heights=60px perrow=7 caption="测试">
File:Example.svg|10
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
</gallery>

== 全景图 ==
使用模板<code><nowiki>{{Wide image}}</nowiki></code>来显示全景图：
'''<pre>{{Wide image|图像名称|宽度|描述}}</pre>'''
例子：<nowiki>{{wide image|Gu Kaizhi 001.jpg|2000px|顾恺之所作《女史箴图》摹本，现藏于大英博物馆。}}</nowiki><br/>
{{wide image|Gu Kaizhi 001.jpg|2000px|顾恺之所作《女史箴图》摹本，现藏于大英博物馆。}}

== 链接但不显示 ==
# '''链接到图片但不显示。'''
#* '''<pre>[[Media:wiki.png]]</pre>'''
# '''链接到wiki图像页（包含何人、何时上传及著作权信息等资料）。'''
#* '''<pre>[[:File:wiki.png]]</pre>'''
图片示例：
<pre>
1、[[Media:wiki.png|这是维基百科徽标]]<br/>
2、[[:File:wiki.png|这个链接直接连到标志的图像页]]
</pre>
1、[[index.php?title=媒体文件:Wiki.png|这是维基百科徽标]]<br/>
2、[[:File:wiki.png|这个链接直接连到标志的图像页]]

== 相关模板 ==
* '''<nowiki>{{Frame}}</nowiki>'''：同图片的Frame效果，但可指定图片大小。
* '''<nowiki>{{Image label}}</nowiki>'''：可在图片上添加文字。另可参考[https://www.mediawiki.org/wiki/Extension:ImageMap mw:Extension:ImageMap]。
* '''<nowiki>{{2images}}</nowiki>'''：在同一图片框中水平横向并排显示两幅图片，图片较多时方便排版。
* '''<nowiki>{{并列图像}}</nowiki>'''：在同一图片框内显示二至六张图片，可选择横向或纵向，图片较多时方便排版。