本页使用了标题或全文手工转换

Help:图像

维基百科,自由的百科全书
跳转至: 导航搜索
快捷方式
Help:图

这是一篇指导如何在维基百科的条目中使用维基格式来插入图片的指南。

如果您需要知道如何上传图像,或者怎样为条目选择适合的图像,请参照图像使用守则

请注意,在为一篇条目添加图像前,您需要编辑图像描述页来解释图像的来源,并清楚地说明图像的版权信息。我们强烈建议您使用Wikipedia:图像版权标志中的标记。

在本文中,所有例子都将采用中文维基百科的标志来完成。

无格式图片

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

[[File:wiki.png|维基百科徽标]]

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

海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 維基百科徽標 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。

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

指定位置

现在,例如我们需要:

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

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

例1 - 右对齐,浮动

[[File:wiki.png|right|维基百科徽标]]

海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。

維基百科徽標

海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。

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

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

[[File:wiki.png|frame|right|维基百科徽标]]
維基百科徽標

海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。

例3 - 左对齐,浮动

[[File:wiki.png|left|维基百科徽标]]

海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。

維基百科徽標

海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。

例4 - 置中, 不浮動

[[File:wiki.png|center|维基百科徽标]]

海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。

維基百科徽標

海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。

例5 - 不浮动

[[File:wiki.png|none|维基百科徽标]]

海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。

維基百科徽標

海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。

使用框架,添加标题

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

[[File:wiki.png|frame|此图为维基百科徽标]]

海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。

此圖為維基百科徽標

海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。

缩略图

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

[[File:wiki.png|thumb|维基百科徽标]]

海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。

維基百科徽標

海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。

调整大小

当图片太大的时候,我们可能希望在条目中只显示一幅相应的较小的图。当制作小图时,必须包含一个框架,因此常常也包含着标题。

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

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

Wiki.png

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

[[File:wiki.png|100px|维基百科徽标]]

維基百科徽標

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

[[File:wiki.png|500px|维基百科徽标]]

維基百科徽標

通常這些過大的圖片都不應該放置在條目內文裡,這會不方便讀者瀏覽。大多數圖片的寬度應大約位於100至400像素之間,所以在設定圖片大小時,數值不應超過這個範圍。

另外請注意圖片的解析度亦會因此而下降,這因為我們要求圖片變成500像素寬,但圖片的實際大小並沒有500像素寬,因此瀏覽器的排版顯示器便要將圖片強制擴大至500像素寬,其顯示效果便會較差了。所以切記永不依照這個方法來放大圖片。

结合不同选项

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

[[File:wiki.png|thumb|100px|right|维基百科徽标]]

海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。

維基百科徽標

海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。

避免图像“堆积”

许多用户进行图像浮动时常碰到一个问题,就是多幅图片有时会水平地“堆积”在一起,对于大型图片尤其如此。“最佳”的解决方法是,添加更多的文本,但有时这是不可能的。本节将介绍一些解决办法,即在图像后加入“<br style="clear:both;">”或{{Clear}}(见源代码)

維基百科徽標

海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。

維基媒體基金會徽標


联合对齐相似图片

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

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

  [[File:wikimedia.png|right|thumb|200px|維基媒體基金會徽標]]
  </div>
維基百科徽標


維基媒體基金會徽標

維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。

維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。

維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。

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

維基百科徽標
維基百科徽標
[[File:wiki.png|left|thumb|300px|维基百科徽标]]
[[File:wiki.png|none|thumb|300px|维基百科徽标]]

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

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

{|
|-
| [[File:wiki.png|none|thumb|300px|维基百科徽标]]
| [[File:wiki.png|none|thumb|300px|维基百科徽标]]
|}

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

維基百科徽標
維基百科徽標


[[File:wiki.png|left|thumb|300px|维基百科徽标]]
[[File:wiki.png|left|thumb|300px|维基百科徽标]]
<br style="clear:both;">

这条命令

<br style="clear:both;">

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

左右交替浮动

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

[[File:wiki.png|thumb|150px|right|維基百科徽標]]
[[File:wikimedia.png|left|thumb|150px|維基媒體基金會徽標]]
維基百科徽標
維基媒體基金會徽標

海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。

強迫換行

最後的手段是強迫瀏覽器加一空白行,令所有文字和圖片都在第一幅圖片之下出現。但圖片旁的文字之下可能會出現唐突的空白。記住,用戶的瀏覽器、顯示屏解像度、預設的文字大小、瀏覽器上工具列的數目等不同設定,都可能影響文本如何浮動和環繞圖片。因此,不要為了令頁面在你的電腦上看來美觀而強行改變頁面設計。只有在必須的情況下才把頁面“劈開”。可以的話,讓頁面根據邏輯排列即可。

 <br style="clear:both;"> 

或是

 {{-}}
維基百科徽標

海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。

維基媒體基金會徽標

海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。

圖片集

維基標記語言和層疊樣式表(CSS)

要在圖片集展示一系列圖片,一個簡單的方法是使用維基標記語言和层叠样式表(CSS):讓所有圖片靠左浮動,並在其後清除靠左浮動的設定,以免圖片在圖片集以後的內容中出現。


[[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"/>

好處:簡單、圖片會根據畫面大小換行。

維基百科徽標1
維基百科徽標2
維基百科徽標3
維基百科徽標4
維基百科徽標5
維基百科徽標6


新的MediaWiki<gallery>标记

新的MediaWiki軟體支援 <gallery>標記,是建立圖片集的簡便方法:


<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>

好處:簡單方便、圖片之間沒有浪費空間。未來的MediaWiki可能會提供更多這類型的支援。

壞處:圖片不會根據畫面大小換行、不能設定圖片大小(希望下一個版本可以改善這些不便之處)。

让图片集整体居中显示的方法:


{| 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
</gallery>
|}

整体居中的效果如下:


新版本支持在标签内添加参数,如

<gallery {parameters}>
{images}
</gallery>

参数有如下:

  • caption="{caption}": 在画廊上显示标题,标题超过画廊宽度时会分成多列。
  • widths={width}px:设定图像图像宽度,默认120px。
  • heights={heights}px:设定图像最大高度
  • perrow={integer}:设定每行显示图像数
  • showfilename={anything}:显示每个图像的文件名 (mediawiki 1.17以上版本)

如以下:

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

可生成:

模板

另一個可行方法是利用 {{gallery}} 模板,格式是:

{{gallery|檔案名稱|敘述}}
{{gallery end}}

以下另一種格式可(按照 ###px)設定圖片寬度。如果有執行conditional parameters的話,更可以併入{{gallery}}標記:

{{gallerypx|檔案名稱|敘述|寬度}}
{{gallery end}}

好處:圖片會根據畫面大小換行、簡單方便、不用使用HTML和CSS.

壞處:某些瀏覽器可能會出現捲軸和其他討厭的東西、不能設定圖片大小。

例如:



{{gallery|File:wiki.png|維基百科徽標}}
{{gallery|File:wiki.png|維基百科徽標}}
{{gallery|File:wiki.png|維基百科徽標}}
{{gallery|File:wiki.png|維基百科徽標}}
{{gallery|File:wiki.png|維基百科徽標}}
{{gallery|File:wiki.png|維基百科徽標}}
{{gallery|File:wiki.png|維基百科徽標}}
{{gallery|File:wiki.png|維基百科徽標}}
{{gallery end}}


将显示为

維基百科徽標 
維基百科徽標 
維基百科徽標 
維基百科徽標 
維基百科徽標 
維基百科徽標 
維基百科徽標 
維基百科徽標 


链接到图片但不显示圖片

假如你想鏈接到圖片但不顯示的話,有兩個方法可以做到。

[[Media:wiki.png]]

Media:wiki.png

請注意那是 "Media" 而非 "File"。當按下該鏈接,瀏覽器會自動開啟鏈接的圖片。你亦可以改變顯示的文字。

[[Media:wiki.png|这是维基百科徽标]]

這是維基百科徽標

若要連到圖像頁(包含何人、何時上載及版權資訊等資料),而非直接連到圖像,你可以這樣寫:

[[:File:wiki.png]]

File:wiki.png

這圖片跟本指南第一個圖片的唯一分別是在"File"之前加了一個冒號 (:)。

如上所述,你可以隨意改動鏈接的文字。

[[:File:wiki.png|这个链接直接连到标志的图像页]]

这个链接直接连到标志的图像页

全景圖

使用模板{{Wide image}}來顯示全景圖:

語法:{{Wide image|圖像名稱|宽度|描述}}
例子:{{wide image|Gu Kaizhi 001.jpg|2000px|顧愷之所作《女史箴圖》摹本,現藏於大英博物館。}}
顧愷之所作《女史箴圖》摹本,現藏於大英博物館。

與圖片相關的模板

  • {{Frame}}:同圖片的Frame效果,但可指定圖片大小。
  • {{Image label}}:可在圖片上添加文字。另可參考mw:Extension:ImageMap
  • {{2images}}:在同一圖片框中水平橫向並排顯示兩幅圖片,圖片較多時方便排版。
  • {{并列图像}}:在同一圖片框內顯示二至六張圖片,可選擇橫向或縱向,圖片較多時方便排版。

参见