帮助:图像

此条目最初引自中文维基百科的帮助:图像，版权协定可能与此处并不相同。内容经过双方不同人员的修改后，可能会有很大差异。

部分模板在萌娘百科中不存在，会显示为红色链接，这些模板在萌娘百科内是不能使用的

这是一个关于如何把WIKI上的图片添加到页面里的帮助，如果您要把其他地方的图片显示在页面中，参见：Help:外部图像

无格式图片

下列命令可插入无格式图片：

[[File:Zh2014_moegirlpedia_logo.png|萌娘百科LOGO]]

这样插入的图片和原始上传图片大小一样。图片放置的位置是任意的，并且文本不会浮动（环绕四周）。例如：

萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书

请注意图片在何处将文本分成两块是取决于标记的放置位置的。

指定位置

现在，例如我们需要：

1. 文本浮动（环绕四周）于图片；或
2. 指定图片放置的位置（左、右、嵌入等）。

要做到这一点，只需添加如下定位语句。

例1 - 右对齐，浮动

[[File:Zh2014_moegirlpedia_logo.png|right|萌娘百科LOGO]]

萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书

萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书

例2 - 右对齐，浮动，带标题

通常将这些命令放置在段落开头，这样图像便可浮动在段落的右侧——许多条目的开头常常这样做。

[[File:Zh2014_moegirlpedia_logo.png|thumb|right|萌娘百科LOGO]]

萌娘百科LOGO

萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书

例3 - 左对齐，浮动

[[File:Zh2014_moegirlpedia_logo.png|left|萌娘百科LOGO]]

萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书

萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书

例4 - 置中, 不浮动

[[File:Zh2014_moegirlpedia_logo.png|center|萌娘百科LOGO]]

萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书

萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书

例5 - 不浮动

[[File:Zh2014_moegirlpedia_logo.png|none|萌娘百科LOGO]]

萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书

萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书

使用框架，添加标题

图片常常需要一个标题来进行描述，这时就需要使用框架将它们框起来。

[[File:Zh2014_moegirlpedia_logo.png|thumb|此图为萌娘百科LOGO]]

萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书

此图为萌娘百科LOGO

萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书

缩略图

缩略图会将图片框起来，并在右下角显示一个放大的标记。这是一个让用户知道一个尺寸更大的版本的好方法。缩略图也让我们可以指定图片的标题（关于题注的撰写，参见Wikipedia:zh:wikipedia:题注）。

[[File:Zh2014_moegirlpedia_logo.png|thumb|萌娘百科LOGO]]

萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书

萌娘百科LOGO

萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书

调整大小

当图片太大的时候，我们可能希望在条目中只显示一幅相应的较小的图。

维基格式支持自动调整大小；换言之，当贡献者上传了某一大小的图片后，当其他人查看条目时，图片会自动调整为指定的大小。例如，我们需要图片宽100像素：

[[File:Zh2014_moegirlpedia_logo.png|100px]]

在典型的支持图片的浏览器中，若用户将鼠标移至图片上，将显示“100px”的提示字样；而在文本浏览器中，“100px”会在图片的位置显示出来。我们可以通过指定交替文本来改变它，如下：

[[File:Zh2014_moegirlpedia_logo.png|100px|萌娘百科LOGO]]

如果要使之变成500像素宽：

[[File:Zh2014_moegirlpedia_logo.png|500px|萌娘百科LOGO]]

通常这些过大的图片都不应该放置在条目内文里，这会不方便读者浏览。大多数图片的宽度应大约位于100至400像素之间，所以在设定图片大小时，数值不应超过这个范围。

另外请注意当图片分辨率小于设置的宽度时，图片会被强行拉伸导致分辨率会下降。所以请避免把小图放大。

---

除了上述按照宽度调整图像，也可以按照高度调整图像：

[[File:Zh2014_moegirlpedia_logo.png|x100px]]

与宽度不同，当图片高度小于设置的高度时，图片不会被强行拉伸。

带有链接的图片

如果你想点击图片，使之跳转到特定条目，可以这样写：

[[File:Zh2014_moegirlpedia_logo.png|link=首页]]

同样的，link语法也支持外部链接：

[[File:Wikipedia-logo.png|link=https://zh.wikipedia.org/wiki/Wikipedia:首页]]

结合不同选项

好了，前面的命令都很不错。不过如果不将它们结合起来使用，其实是没有太大用处的。现在，我们有一幅图片需要进行浮动、右对齐、缩略图、调整为100像素宽、链接到首页、并有一个标题。这时只需要将前面的参数一块用上就可以了。参数的顺序通常无所谓，但须保证图片名是第一个参数，而标题只能在最后一个。

[[File:Zh2014_moegirlpedia_logo.png|thumb|100px|right|link=首页|萌娘百科LOGO]]

萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书

萌娘百科LOGO

萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书

避免图像“堆积”

许多用户进行图像浮动时常碰到一个问题，就是多幅图片有时会水平地“堆积”在一起，对于大型图片尤其如此。“最佳”的解决方法是，添加更多的文本，但有时这是不可能的。本节将介绍一些解决办法。

萌娘百科LOGO

萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书

文件:Wikipedia-logo.png

维基百科的标志

联合对齐相似图片

经常会有两幅从逻辑上讲需要归于一组的相似图片。为做到这一点，需要加入一些html标记：

  <div style="float:right;width:315px;">
  [[File:Zh2014_moegirlpedia_logo.png|none|thumb|300px|萌娘百科LOGO]]

  [[File:Wikipedia-logo.png|right|thumb|200px|维基百科的标志]]
  </div>

萌娘百科LOGO

文件:Wikipedia-logo.png

维基百科的标志

萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。 萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。 萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。 萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。 萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。 萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。 萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。 萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。 萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。 萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。 萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。 萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。 萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。 萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。 萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。

有时候也可以水平对齐两幅图像：

萌娘百科LOGO

萌娘百科LOGO

[[File:Zh2014_moegirlpedia_logo.png|left|thumb|300px|萌娘百科LOGO]]
[[File:Zh2014_moegirlpedia_logo.png|none|thumb|300px|萌娘百科LOGO]]

不过，这应当较少采用，因为对使用较窄的浏览器窗口者有可能导致图片超过屏幕的右边缘。

实现这个效果的方法是利用表格标记：

{|
|-
| [[File:Zh2014_moegirlpedia_logo.png|none|thumb|300px|萌娘百科LOGO]]
| [[File:Zh2014_moegirlpedia_logo.png|none|thumb|300px|萌娘百科LOGO]]
|}

另一种避免过宽的办法是，将两幅图都左对齐，直接进行堆积。

萌娘百科LOGO

萌娘百科LOGO

[[File:Zh2014_moegirlpedia_logo.png|left|thumb|300px|萌娘百科LOGO]]
[[File:Zh2014_moegirlpedia_logo.png|left|thumb|300px|萌娘百科LOGO]]
<br style="clear:both;" />

这条命令

<br style="clear:both;" />

是为了防止后面的文字直接显示在图片旁。

左右交替浮动

或许最简便的方式便是采用左右交替浮动的方法了 —— 这种方式使得两幅图片不会互相干扰，更不会叠加在一起。

萌娘百科LOGO

文件:Wikipedia-logo.png

维基百科的标志

萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书

强迫换行

最后的手段是强迫浏览器加一空白行，令所有文字和图片都在第一幅图片之下出现。但图片旁的文字之下可能会出现唐突的空白。记住，用户的浏览器、显示屏解像度、默认的文字大小、浏览器上工具栏的数目等不同设定，都可能影响文本如何浮动和环绕图片。因此，不要为了令页面在你的计算机上看来美观而强行改变页面设计。只有在必须的情况下才把页面“劈开”。可以的话，让页面根据逻辑排列即可。

   <br style="clear:both;" />

注：也可以用{{clear}}替代上句代码，效果一样。用{{-}}替代上句代码时会额外多空出一行，可视情况使用。

萌娘百科LOGO

萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书

文件:Wikipedia-logo.png

维基百科的标志

萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书

图片集

维基标记语言和层迭样式表单（CSS）

要在图片集展示一系列图片，一个简单的方法是使用维基标记语言和层叠样式表（CSS）：让所有图片靠左浮动，并在其后清除靠左浮动的设定，以免图片在图片集以后的内容中出现。

[[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO1]]
[[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO2]]
[[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO3]]
[[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO4]]
[[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO5]]
[[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO6]]
<br style="clear: left"/>

好处：简单、图片会根据画面大小换行。

萌娘百科LOGO1

萌娘百科LOGO2

萌娘百科LOGO3

萌娘百科LOGO4

萌娘百科LOGO5

萌娘百科LOGO6

画廊语法

用 <gallery> 标签制作一个由缩略图组成的画廊是很简单的。语法是：

<gallery>
File:文件名.扩展名|标题|alt=替代语言
File:文件名.扩展名|标题|alt=替代语言
{...}
</gallery>

注意：当图片代码包括在画廊标签中时，是不必用方括号将其包裹起来的。

标题是可选的，也可包含维基链接或者其它格式。

如果图片位于 File 命名空间中，则可以省略 File: 前缀。

• 注：alt属性的功能是，当图片无法打开（网速过慢、浏览器禁用图像 等原因）时，图片应有的位置会显示 alt= 之后的内容。

例如：

<gallery>
File:Moegirl_is_watching_you.jpg|第一项
File:Moegirl_is_watching_you.jpg|链接到[[:分类:帮助]]
File:Moegirl_is_watching_you.jpg
File:Moegirl_is_watching_you.jpg|alt=萌百娘正在看着你
File:Moegirl_is_watching_you.jpg|''斜体的标题''
File:Moegirl_is_watching_you.jpg|位于页面“{{PAGENAME}}”
</gallery>

会被格式化为：

• 

  第一项

• 

  链接到分类:帮助

• 
• 
• 

  斜体的标题

• 

  位于页面“图像”

可选的画廊属性

gallery 标记自身接受几个额外参数，可通过成对的“名称-值”来指定：

<gallery {参数}>
{图片}
</gallery>

• caption="{标题}"：（若标题文本中包含空格，应使用双引号将其包括起来）在画廊顶端中间位置显示一个标题。
• widths={宽度}px：设置图片宽度，默认为 120px。注意，是每张图片的宽度。
• heights={高度}px：设置图片的（最大）高度。
• perrow={整数}：设置每行显示的图片数。
• showfilename={任意值}：将每张图片的文件名显示为单独的标题 (1.17+)

示例：

代码：

<gallery widths=60px heights=60px perrow=7 caption="萌百娘正在看着你">
File:Moegirl_is_watching_you.jpg
File:Moegirl_is_watching_you.jpg
File:Moegirl_is_watching_you.jpg
File:Moegirl_is_watching_you.jpg
File:Moegirl_is_watching_you.jpg
File:Moegirl_is_watching_you.jpg
File:Moegirl_is_watching_you.jpg
File:Moegirl_is_watching_you.jpg
File:Moegirl_is_watching_you.jpg
File:Moegirl_is_watching_you.jpg
</gallery>

结果：

• 萌百娘正在看着你
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

模式参数

从mediawiki 1.22版本开始，gallery标签新加入了模式参数功能, 可选参数如下:

• traditional： 标准默认的画廊模式。
• nolines： 标准模式去掉了外围方框。
• packed： 设置图片为统一高度，系统自动根据长宽比调整图片宽度，根据屏幕宽度调整每行图片数。
• packed-overlay： packed模式外文字说明和半透明背景框。
• packed-hover： packed模式，鼠标悬浮时显示文字说明+半透明背景框。

举个例子说明：

mode="traditional" 标准模式

<gallery mode="traditional">
Image:Moegirl_Head.png|萌百娘
Image:Wikitanface.png|维基娘
</gallery>

• 

  萌百娘

• Wikitanface.png

  维基娘

mode="nolines" 无框标准模式

<gallery mode="nolines">
Image:Moegirl_Head.png|萌百娘
Image:Wikitanface.png|维基娘
</gallery>

• 

  萌百娘

• Wikitanface.png

  维基娘

mode="packed" 填充模式

<gallery mode="packed">
Image:Moegirl_Head.png|萌百娘
Image:Wikitanface.png|维基娘
</gallery>

• 

  萌百娘

• Wikitanface.png

  维基娘

mode="packed-overlay" 带字幕的填充模式

<gallery mode="packed-overlay">
Image:Moegirl_Head.png|萌百娘
Image:Wikitanface.png|维基娘
</gallery>

• 

  萌百娘

• Wikitanface.png

  维基娘

mode="packed-hover" 鼠标悬浮时显示文字的填充模式

<gallery mode="packed-hover">
Image:Moegirl_Head.png|萌百娘
Image:Wikitanface.png|维基娘
Image:Zh2014 moegirlpedia logo.png|萌娘百科2014年Logo
</gallery>

• 

  萌百娘

• Wikitanface.png

  维基娘

• 

  萌娘百科2014年Logo

画廊代码自动生成

画廊代码生成框

移动版不适用画廊代码自动生成，请使用桌面版。

创建画廊代码生成框失败，请刷新。

链接到图片但不显示图片

假如你想链接到图片但不显示的话，有两个方法可以做到。

[[Media:Zh2014_moegirlpedia_logo.png]]

Media:Zh2014_moegirlpedia_logo.png

请注意那是 "Media" 而非 "File"。当按下该链接，浏览器会自动开启链接的图片。你亦可以改变显示的文字。

[[Media:Zh2014_moegirlpedia_logo.png|这是萌娘百科LOGO]]

这是萌娘百科LOGO

若要连到图像页（包含何人、何时上载及版权信息等数据），而非直接连到图像，你可以这样写：

[[:File:Zh2014_moegirlpedia_logo.png]]

File:Zh2014_moegirlpedia_logo.png

这图片跟本指南第一个图片的唯一分别是在"Image"之前加了一个冒号 (:)。

如上所述，你可以随意改动链接的文字。

[[:File:Zh2014_moegirlpedia_logo.png|该链接直接连到标志的图像页]]

该链接直接连到标志的图像页