「Help:图像」：修訂間差異

幫助頁面
（创建页面，内容为“{{操作指南}} 这是一篇指导如何在求闻百科的条目中使用维基格式来插入图片的指南。 如果您需要知道如何上传图像，或者怎样为条目选择适合的图像，请参照[https://wiki.zorua.top/images/thumb/2/21/License_Guide_%28zh-hans%29.svg/720px-License_Guide_%28zh-hans%29.svg.png 图像使用守则]。 请注意，在为一篇条目添加图像前，您需要编辑图像描述页来解释图像的来源，并清…”）
 
小無編輯摘要
 
（未顯示由 2 位使用者於中間所作的 6 次修訂）
第1行： 第1行：
{{操作指南}}
{{操作指南}}


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


如果您需要知道如何上传图像，或者怎样为条目选择适合的图像，请参照[https://wiki.zorua.top/images/thumb/2/21/License_Guide_%28zh-hans%29.svg/720px-License_Guide_%28zh-hans%29.svg.png 图像使用守则]。
如果您需要知道如何上传图像，或者怎样为条目选择适合的图像，请参照[[:File:License Guide (zh-hans).svg|图像使用守则]]。


请注意，在为一篇条目添加图像前，您需要编辑图像描述页来解释图像的来源，并清楚地说明图像的版权信息。
请注意，在为一篇条目添加图像前，您需要编辑图像描述页来解释图像的来源，并清楚地说明图像的版权信息。


在本文中，所有例子都将采用求闻百科的标志来完成。
在本文中，所有例子都将采用有兽档案馆的标志来完成。


==无格式图片==
==无格式图片==
下列命令可插入无格式图片：
下列命令可插入无格式图片：
'''<nowiki>[[File:Qiuwen Baike.svg|</nowiki>求闻百科标识<nowiki>]]</nowiki>'''
'''[[File:有兽档案馆文字标志.svg|有兽档案馆文字标志<nowiki>]]</nowiki>'''
这样插入的图片和原始上传图片大小一样。图片放置的位置是任意的，并且文本不会浮动（环绕四周）。例如：
这样插入的图片和原始上传图片大小一样。图片放置的位置是任意的，并且文本不会浮动（环绕四周）。

<span style="color:#808080; font-size:90%">
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
</span>
[[File:Qiuwen Baike.svg|求闻百科标识]]
<span style="color:#808080; font-size:90%">
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
</span>


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


===例1 - 右对齐，浮动===
===例1 - 右对齐，浮动===
'''<nowiki>[[File:Qiuwen Baike.svg|right|</nowiki>求闻百科标识<nowiki>]]</nowiki>'''
'''[[File:有兽档案馆文字标志.svg|right|有兽档案馆文字标志<nowiki>]]</nowiki>'''


<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
</span>
</span>
[[File:Qiuwen Baike.svg|右|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|right|有兽档案馆文字标志]]
<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
</span>
</span>
<br style="clear:both;" />
<br style="clear:both;" />
第81行： 第59行：
通常将这些命令放置在段落开头，这样图像便可浮动在段落的右侧——许多条目的开头常常这样做。
通常将这些命令放置在段落开头，这样图像便可浮动在段落的右侧——许多条目的开头常常这样做。


'''<nowiki>[[File:Qiuwen Baike.svg|frame|right|</nowiki>求闻百科标识<nowiki>]]</nowiki>'''
'''[[File:有兽档案馆文字标志.svg|frame|right|有兽档案馆文字标志<nowiki>]]</nowiki>'''
[[File:Qiuwen Baike.svg|有框|右|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|frame|有兽档案馆文字标志]]
<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
</span>
</span>
<br style="clear:both;" />
<br style="clear:both;" />


===例3 - 左对齐，浮动===
===例3 - 左对齐，浮动===
'''<nowiki>[[File:Qiuwen Baike.svg|left|</nowiki>求闻百科标识<nowiki>]]</nowiki>'''
'''[[File:有兽档案馆文字标志.svg|left|有兽档案馆文字标志<nowiki>]]</nowiki>'''


<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
</span>
</span>
[[File:Qiuwen Baike.svg|左|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|left|有兽档案馆文字标志]]
<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
</span>
</span>
<br style="clear:both;" />
<br style="clear:both;" />


===例4 - 居中, 不浮動===
===例4 - 居中, 不浮动===
'''<nowiki>[[File:Qiuwen Baike.svg|center|</nowiki>求闻百科标识<nowiki>]]</nowiki>'''
'''[[File:有兽档案馆文字标志.svg|center|有兽档案馆文字标志<nowiki>]]</nowiki>'''


<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
</span>
</span>
[[File:Qiuwen Baike.svg|居中|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|center|有兽档案馆文字标志]]
<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
</span>
</span>
<br style="clear:both;" />
<br style="clear:both;" />


===例5 - 不浮动===
===例5 - 不浮动===
'''<nowiki>[[File:Qiuwen Baike.svg|none|</nowiki>求闻百科标识<nowiki>]]</nowiki>'''
'''[[File:有兽档案馆文字标志.svg|none|有兽档案馆文字标志<nowiki>]]</nowiki>'''


<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
</span>
</span>

[[File:Qiuwen Baike.svg|无|求闻百科标识]]
[[File:有兽档案馆文字标志.svg]]

<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
</span>
</span>


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


'''<nowiki>[[File:Qiuwen Baike.svg|frame|</nowiki>-{zh-hant:此圖為求闻百科标识; zh-hans:此图为求闻百科徽标;}-<nowiki>]]</nowiki>'''
'''[[File:有兽档案馆文字标志.svg|frame|-{zh-hant:此图为有兽档案馆文字标志; zh-hans:此图为有兽档案馆文字标志;}-<nowiki>]]</nowiki>'''


<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
</span>
</span>
[[File:Qiuwen Baike.svg|有框|此圖為求闻百科标识]]
[[File:有兽档案馆文字标志.svg|frame|此图为有兽档案馆文字标志]]
<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
</span>
</span>
<br style="clear:both;" />
<br style="clear:both;" />


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


'''<nowiki>[[File:Qiuwen Baike.svg|thumb|</nowiki>求闻百科标识<nowiki>]]</nowiki>'''
'''[[File:有兽档案馆文字标志.svg|thumb|有兽档案馆文字标志<nowiki>]]</nowiki>'''


<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
</span>
</span>
[[File:Qiuwen Baike.svg|缩略图|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|缩略图|有兽档案馆文字标志]]
<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
</span>
</span>
<br style="clear:both;" />
<br style="clear:both;" />
第275行： 第255行：
维基格式支持自动调整大小；换言之，当贡献者上传了某一大小的图片后，当其他人查看条目时，图片会自动调整为指定的大小。
维基格式支持自动调整大小；换言之，当贡献者上传了某一大小的图片后，当其他人查看条目时，图片会自动调整为指定的大小。
===调整宽度===
===调整宽度===
例如，我们需要图片宽100[[像素]]：
例如，我们需要图片宽100像素：
'''<nowiki>[[File:Qiuwen Baike.svg|64px]]</nowiki>'''
'''<nowiki>[[File:有兽档案馆文字标志.svg|64px]]</nowiki>'''
[[File:Qiuwen Baike.svg|64px]]
[[File:有兽档案馆文字标志.svg|64px]]


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


'''<nowiki>[[File:Qiuwen Baike.svg|64px|</nowiki>求闻百科标识<nowiki>]]</nowiki>'''
'''[[File:有兽档案馆文字标志.svg|64px|有兽档案馆文字标志<nowiki>]]</nowiki>'''
[[File:Qiuwen Baike.svg|64px|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|64px|有兽档案馆标识]]


如果要使之变成500像素宽：
如果要使之变成500像素宽：
'''<nowiki>[[File:Qiuwen Baike.svg|64px|</nowiki>求闻百科标识<nowiki>]]</nowiki>'''
'''[[File:有兽档案馆文字标志.svg|64px|有兽档案馆文字标志<nowiki>]]</nowiki>'''
[[File:Qiuwen Baike.svg|64px|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|64px|有兽档案馆]]


通常這些過大的圖片都不應該放置在條目內文裡，這會不方便讀者瀏覽。大多數圖片的寬度應大約位於100至400像素之間，所以在設定圖片大小時，數值不應超過這個範圍。
通常这些过大的图片都不应该放置在条目内文里，这会不方便读者浏览。大多数图片的宽度应大约位于100至400像素之间，所以在设定图片大小时，数值不应超过这个范围。


另外請注意圖片的解析度亦會因此而下降，這因為我們要求圖片變成500像素寬，但圖片的實際大小並沒有500像素寬，因此瀏覽器的排版顯示器便要將圖片強制擴大至500像素寬，其顯示效果便會較差了。所以切記永不依照這個方法來放大圖片（矢量图除外）。
另外请注意图片的分辨率亦会因此而下降，这因为我们要求图片变成500像素宽，但图片的实际大小并没有500像素宽，因此浏览器的排版显示器便要将图片强制扩大至500像素宽，其显示效果便会较差了。所以切记永不依照这个方法来放大图片（矢量图除外）。


===调整高度===
===调整高度===
如果要使图片等比缩放至指定的高度，在指示大小的代码中，我们需要在相应的大小前面加个<code>x</code>。
如果要使图片等比缩放至指定的高度，在指示大小的代码中，我们需要在相应的大小前面加个<code>x</code>。
例如，我们需要图片高100像素：
例如，我们需要图片高100像素：
'''<nowiki>[[File:Qiuwen Baike.svg|x64px]]</nowiki>'''
'''<nowiki>[[File:有兽档案馆文字标志.svg|x64px]]</nowiki>'''
[[File:Qiuwen Baike.svg|x64px]]
[[File:有兽档案馆文字标志.svg|x64px]]


如果要使之变成500像素：
如果要使之变成500像素：
'''<nowiki>[[File:Qiuwen Baike.svg|x64px]]</nowiki>'''
'''<nowiki>[[File:有兽档案馆文字标志.svg|x64px]]</nowiki>'''
[[File:Qiuwen Baike.svg|x64px]]
[[File:有兽档案馆文字标志.svg|x64px]]


同样地，这些过大的图片通常都不应该放在条目内文里——这不方便读者浏览，还会使得图片显示效果变差（矢量图除外）。
同样地，这些过大的图片通常都不应该放在条目内文里——这不方便读者浏览，还会使得图片显示效果变差（矢量图除外）。
第307行： 第287行：
好了，前面的命令都很不错。不过如果不将它们结合起来使用，其实是没有太大用处的。现在，我们有一幅图片需要进行浮动、右对齐、缩略图、调整为100像素宽、并有一个标题。这时只需要将前面的参数一块用上就可以了。参数的顺序通常无所谓，但须保证'''图片名是第一个参数，而标题只能在最后一个'''。
好了，前面的命令都很不错。不过如果不将它们结合起来使用，其实是没有太大用处的。现在，我们有一幅图片需要进行浮动、右对齐、缩略图、调整为100像素宽、并有一个标题。这时只需要将前面的参数一块用上就可以了。参数的顺序通常无所谓，但须保证'''图片名是第一个参数，而标题只能在最后一个'''。


'''<nowiki>[[File:Qiuwen Baike.svg|thumb|64px|right|</nowiki>求闻百科标识<nowiki>]]</nowiki>'''
'''[[File:有兽档案馆文字标志.svg|thumb|64px|right|有兽档案馆文字标志<nowiki>]]</nowiki>'''


<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
</span>
</span>
[[File:Qiuwen Baike.svg|缩略图|64px|右|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|缩略图|64px|右|有兽档案馆文字标志]]
<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
</span>
</span>
<br style="clear:both;" />
<br style="clear:both;" />
第343行： 第323行：
许多用户进行图像浮动时常碰到一个问题，就是多幅图片有时会水平地“堆积”在一起，对于大型图片尤其如此。“最佳”的解决方法是，添加更多的文本，但有时这是不可能的。本节将介绍一些解决办法，即在图像后加入“<br style="clear:both;"&gt;”或{{Tl|Clear}}（见源代码）
许多用户进行图像浮动时常碰到一个问题，就是多幅图片有时会水平地“堆积”在一起，对于大型图片尤其如此。“最佳”的解决方法是，添加更多的文本，但有时这是不可能的。本节将介绍一些解决办法，即在图像后加入“<br style="clear:both;"&gt;”或{{Tl|Clear}}（见源代码）


[[File:Qiuwen Baike.svg|缩略图|300px|右|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|缩略图|300px|右|有兽档案馆文字标志]]
<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
</span>
</span>
[[File:有兽档案馆Banner.png|thumb|有兽档案馆Banner]]
[[File:Bamboo Trademark.svg|右|缩略图|200px|共笔全书标识]]
<br style="clear:both;" />
<br style="clear:both;" />


第371行： 第351行：
<pre>
<pre>
<div style="float:right;width:315px;">
<div style="float:right;width:315px;">
[[File:Qiuwen Baike.svg|none|thumb|300px|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|none|thumb|300px|有兽档案馆文字标志]]


[[File:Bamboo Trademark.svg|right|thumb|200px|共笔全书标识]]
[[File:有兽档案馆Banner.png|right|thumb|200px|有兽档案馆Banner]]
</div>
</div>
</pre>
</pre>


<div style="float:right;width:315px;">
<div style="float:right;width:315px;">
[[File:Qiuwen Baike.svg|右|缩略图|300px|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|右|缩略图|300px|有兽档案馆文字标志]]
<br style="clear:all;" />
<br style="clear:all;" />[[File:有兽档案馆Banner.png|thumb|200x200px|有兽栖卷处标识]]</div>
[[File:Bamboo Trademark.svg|右|缩略图|200px|共笔全书标识]]
</div>


<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。
共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。


有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。
共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。


有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。
共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。


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


有时候也可以水平对齐两幅图像：
有时候也可以水平对齐两幅图像：
[[File:Qiuwen Baike.svg|左|缩略图|300px|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|左|缩略图|300px|有兽档案馆文字标志]]
[[File:Qiuwen Baike.svg|无|缩略图|300px|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|无|缩略图|300px|有兽档案馆文字标志]]


<pre>
<pre>
[[File:Qiuwen Baike.svg|left|thumb|300px|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|left|thumb|300px|有兽档案馆文字标志]]
[[File:Qiuwen Baike.svg|none|thumb|300px|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|none|thumb|300px|有兽档案馆文字标志]]
</pre>
</pre>


第407行： 第385行：
{|
{|
|-
|-
| [[File:Qiuwen Baike.svg|none|thumb|300px|求闻百科标识]]
| [[File:有兽档案馆文字标志.svg|none|thumb|300px|有兽档案馆标识]]
| [[File:Qiuwen Baike.svg|none|thumb|300px|求闻百科标识]]
| [[File:有兽档案馆文字标志.svg|none|thumb|300px|有兽档案馆标识]]
|}
|}
</pre>
</pre>


另一种避免过宽的办法是，将两幅图都左对齐，直接进行堆积。
另一种避免过宽的办法是，将两幅图都左对齐，直接进行堆积。
[[File:Qiuwen Baike.svg|左|缩略图|300px|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|左|缩略图|300px|有兽档案馆文字标志]]
[[File:Qiuwen Baike.svg|左|缩略图|300px|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|左|缩略图|300px|有兽档案馆文字标志]]
{{clear}}
{{clear}}
<pre>
<pre>
[[File:Qiuwen Baike.svg|left|thumb|300px|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|left|thumb|300px|有兽档案馆文字标志]]
[[File:Qiuwen Baike.svg|left|thumb|300px|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|left|thumb|300px|有兽档案馆文字标志]]
{{clear}}
{{clear}}
</pre>
</pre>
第426行： 第404行：
或许最简便的方式便是采用左右交替浮动的方法了 —— 这种方式使得两幅图片不会互相干扰，更不会叠加在一起。
或许最简便的方式便是采用左右交替浮动的方法了 —— 这种方式使得两幅图片不会互相干扰，更不会叠加在一起。


<pre>[[File:Qiuwen Baike.svg|thumb|150px|right|求闻百科标识]]
<pre>[[File:有兽档案馆文字标志.svg|thumb|150px|right|有兽档案馆文字标志]]
[[File:Bamboo Trademark.svg|left|thumb|150px|共笔全书标识]]</pre>
[[File:Bamboo Trademark.svg|left|thumb|150px|有兽档案馆Banner]]</pre>


[[File:Qiuwen Baike.svg|缩略图|150px|右|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|缩略图|150px|右|有兽档案馆文字标志]]
[[File:Bamboo Trademark.svg|左|缩略图|150px|共笔全书标识]]
[[File:有兽档案馆Banner.png|left|thumb|有兽栖卷处标识]]
<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
</span>
</span>
<br style="clear:both;" />
<br style="clear:both;" />


===強迫換行===
===强迫换行===
最後的手段是強迫瀏覽器加一空白行，令所有文字和圖片都在第一幅圖片之下出現。但圖片旁的文字之下可能會出現唐突的空白。記住，用戶的瀏覽器、顯示屏解像度、預設的文字大小、瀏覽器上工具列的數目等不同設定，都可能影響文本如何浮動和環繞圖片。因此，不要為了令頁面在你的電腦上看來美觀而強行改變頁面設計。只有在必須的情況下才把頁面“劈開”。可以的話，讓頁面根據邏輯排列即可。
最后的手段是强迫浏览器加一空白行，令所有文字和图片都在第一幅图片之下出现。但图片旁的文字之下可能会出现唐突的空白。记住，用户的浏览器、显示屏分辨率、预设的文字大小、浏览器上工具列的数目等不同设定，都可能影响文本如何浮动和环绕图片。因此，不要为了令页面在你的电脑上看来美观而强行改变页面设计。只有在必须的情况下才把页面“劈开”。可以的话，让页面根据逻辑排列即可。<pre> <br style="clear:both;"> </pre>


好处：简单、图片会根据画面大小换行。
你亦可以使用[[Template:Stack]]達至相近的效果。
<pre> <br style="clear:both;"> </pre> 或是 <pre> {{-}}</pre />


[[File:Qiuwen Baike.svg|thumb|300px|right|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|64px|缩略图|左|有兽档案馆文字标志1]]
[[File:有兽档案馆文字标志.svg|64px|缩略图|左|有兽档案馆文字标志2]]
<span style="color:#808080; font-size:90%">
[[File:有兽档案馆文字标志.svg|64px|缩略图|左|有兽档案馆文字标志3]]
求闻百科，共笔求闻。
[[File:有兽档案馆文字标志.svg|64px|缩略图|左|有兽档案馆文字标志4]]
求闻百科，共笔求闻。
[[File:有兽档案馆文字标志.svg|64px|缩略图|左|有兽档案馆文字标志5]]
求闻百科，共笔求闻。
[[File:有兽档案馆文字标志.svg|64px|缩略图|左|有兽档案馆文字标志6]]
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
</span>
<br style="clear:both;" />
[[File:Bamboo Trademark.svg|right|thumb|200px|共笔全书标识]]
<span style="color:#808080; font-size:90%">
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
求闻百科，共笔求闻。
</span>
<br style="clear:both;" />

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

<pre>
<nowiki>
[[File:Qiuwen Baike.svg|64px|thumb|left|求闻百科标识1]]
[[File:Qiuwen Baike.svg|64px|thumb|left|求闻百科标识2]]
[[File:Qiuwen Baike.svg|64px|thumb|left|求闻百科标识3]]
[[File:Qiuwen Baike.svg|64px|thumb|left|求闻百科标识4]]
[[File:Qiuwen Baike.svg|64px|thumb|left|求闻百科标识5]]
[[File:Qiuwen Baike.svg|64px|thumb|left|求闻百科标识6]]
<br style="clear: left" />
</nowiki>
</pre>

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

[[File:Qiuwen Baike.svg|64px|缩略图|左|求闻百科标识1]]
[[File:Qiuwen Baike.svg|64px|缩略图|左|求闻百科标识2]]
[[File:Qiuwen Baike.svg|64px|缩略图|左|求闻百科标识3]]
[[File:Qiuwen Baike.svg|64px|缩略图|左|求闻百科标识4]]
[[File:Qiuwen Baike.svg|64px|缩略图|左|求闻百科标识5]]
[[File:Qiuwen Baike.svg|64px|缩略图|左|求闻百科标识6]]
<br style="clear: left" />
<br style="clear: left" />


====新的MediaWiki<nowiki><gallery></nowiki>标记====
====新的MediaWiki<nowiki><gallery></nowiki>标记====
新的MediaWiki軟體支援''<nowiki><gallery></nowiki>''標記，是建立圖片集的簡便方法：
新的MediaWiki软件支援''<nowiki><gallery></nowiki>''标记，是建立图片集的简便方法：


<pre>
<pre>
<nowiki>
<nowiki>
<gallery>
<gallery>
File:Qiuwen Baike.svg|求闻百科标识1
File:有兽档案馆文字标志.svg|有兽档案馆文字标志1
File:Qiuwen Baike.svg|求闻百科标识2
File:有兽档案馆文字标志.svg|有兽档案馆文字标志2
File:Qiuwen Baike.svg|求闻百科标识3
File:有兽档案馆文字标志.svg|有兽档案馆文字标志3
File:Qiuwen Baike.svg|求闻百科标识4
File:有兽档案馆文字标志.svg|有兽档案馆文字标志4
File:Qiuwen Baike.svg|求闻百科标识5
File:有兽档案馆文字标志.svg|有兽档案馆文字标志5
File:Qiuwen Baike.svg|求闻百科标识6
File:有兽档案馆文字标志.svg|有兽档案馆文字标志6
File:Qiuwen Baike.svg|求闻百科标识7
File:有兽档案馆文字标志.svg|有兽档案馆文字标志7
File:Qiuwen Baike.svg|求闻百科标识8
File:有兽档案馆文字标志.svg|有兽档案馆文字标志8
</gallery>
</gallery>
</nowiki>
</nowiki>
</pre>
</pre>


好處：簡單方便、圖片之間沒有浪費空間。未來的MediaWiki可能會提供更多這類型的支援。
好处：简单方便、图片之间没有浪费空间。未来的MediaWiki可能会提供更多这类型的支援。


壞處：圖片不會根據畫面大小換行、不能設定圖片大小（希望下一個版本可以改善這些不便之處）。
坏处：图片不会根据画面大小换行、不能设定图片大小（希望下一个版本可以改善这些不便之处）。

你可以在[[mw:Help:Images#Gallery_syntax]]的帮助文档中获得更加详细的内容。


<gallery>
<gallery>
File:Qiuwen Baike.svg|求闻百科标识1
File:有兽档案馆文字标志.svg|有兽档案馆文字标志1
File:Qiuwen Baike.svg|求闻百科标识2
File:有兽档案馆文字标志.svg|有兽档案馆文字标志2
File:Qiuwen Baike.svg|求闻百科标识3
File:有兽档案馆文字标志.svg|有兽档案馆文字标志3
File:Qiuwen Baike.svg|求闻百科标识4
File:有兽档案馆文字标志.svg|有兽档案馆文字标志4
File:Qiuwen Baike.svg|求闻百科标识5
File:有兽档案馆文字标志.svg|有兽档案馆文字标志5
File:Qiuwen Baike.svg|求闻百科标识6
File:有兽档案馆文字标志.svg|有兽档案馆文字标志6
File:Qiuwen Baike.svg|求闻百科标识7
File:有兽档案馆文字标志.svg|有兽档案馆文字标志7
File:Qiuwen Baike.svg|求闻百科标识8
File:有兽档案馆文字标志.svg|有兽档案馆文字标志8
</gallery>
</gallery>


第555行： 第484行：
|-
|-
| <gallery>
| <gallery>
File:Qiuwen Baike.svg|求闻百科标识1
File:有兽档案馆文字标志.svg|有兽档案馆文字标志1
File:Qiuwen Baike.svg|求闻百科标识2
File:有兽档案馆文字标志.svg|有兽档案馆文字标志2
File:Qiuwen Baike.svg|求闻百科标识3
File:有兽档案馆文字标志.svg|有兽档案馆文字标志3
File:Qiuwen Baike.svg|求闻百科标识4
File:有兽档案馆文字标志.svg|有兽档案馆文字标志4
File:Qiuwen Baike.svg|求闻百科标识5
File:有兽档案馆文字标志.svg|有兽档案馆文字标志5
File:Qiuwen Baike.svg|求闻百科标识6
File:有兽档案馆文字标志.svg|有兽档案馆文字标志6
File:Qiuwen Baike.svg|求闻百科标识7
File:有兽档案馆文字标志.svg|有兽档案馆文字标志7
File:Qiuwen Baike.svg|求闻百科标识8
File:有兽档案馆文字标志.svg|有兽档案馆文字标志8
</gallery>
</gallery>
|}
|}
第572行： 第501行：
|-
|-
|<gallery>
|<gallery>
File:Qiuwen Baike.svg|求闻百科标识1
File:有兽档案馆文字标志.svg|有兽档案馆文字标志1
File:Qiuwen Baike.svg|求闻百科标识2
File:有兽档案馆文字标志.svg|有兽档案馆文字标志2
File:Qiuwen Baike.svg|求闻百科标识3
File:有兽档案馆文字标志.svg|有兽档案馆文字标志3
File:Qiuwen Baike.svg|求闻百科标识4
File:有兽档案馆文字标志.svg|有兽档案馆文字标志4
File:Qiuwen Baike.svg|求闻百科标识5
File:有兽档案馆文字标志.svg|有兽档案馆文字标志5
File:Qiuwen Baike.svg|求闻百科标识6
File:有兽档案馆文字标志.svg|有兽档案馆文字标志6
File:Qiuwen Baike.svg|求闻百科标识7
File:有兽档案馆文字标志.svg|有兽档案馆文字标志7
File:Qiuwen Baike.svg|求闻百科标识8
File:有兽档案馆文字标志.svg|有兽档案馆文字标志8
</gallery>
</gallery>
|}
|}
第591行： 第520行：
</gallery></nowiki>
</gallery></nowiki>
</pre>
</pre>
参数有如下：
参数有如下：
*<code>caption="{标题，可以有空格}"</code>: 在画廊上显示标题，标题超过画廊宽度时会分成多列。
*<code>caption="{标题，可以有空格}"</code>: 在画廊上显示标题，标题超过画廊宽度时会分成多列。
*<code>widths={宽度值}px</code>：设定图像图像宽度，默认120px。
*<code>widths={宽度值}px</code>：设定图像图像宽度，默认120px。
第618行： 第547行：
可生成：
可生成：
<gallery showfilename="a" widths="60px" heights="60px" perrow="7" caption="测试">
<gallery showfilename="a" widths="60px" heights="60px" perrow="7" caption="测试">
File:Example.svg|10
File:Example.svg|测试
File:Example.svg|测试
File:Example.svg|测试
File:Example.svg|测试
File:Example.svg|测试
第634行： 第563行：
<!--<gallery mode=packed-overlay heights=150px>-->
<!--<gallery mode=packed-overlay heights=150px>-->
<!--<gallery mode=slideshow heights=150px>-->
<!--<gallery mode=slideshow heights=150px>-->
File:有兽档案馆Banner.png|[[有兽档案馆Banner]]
File:Qilian_mountain_jyg.JPG|[[祁连山国家公园]]
File:有兽档案馆Banner.png|[[有兽档案馆Banner]]
File:Wuyi_Mountains_Sea_of_clouds_4.jpg|[[福建武夷山国家公园]]
File:有兽档案馆Banner.png|[[有兽档案馆Banner]]
File:Hoh_Xil.jpg|[[三江源国家公园]]
File:有兽档案馆Banner.png|[[有兽档案馆Banner]]
File:Doorgang in muur. Locatie, Chinese tuin Het Verborgen Rijk van Ming. Locatie. Hortus Haren 01.jpg|[[荷兰]]植物园中式园林的[[月亮门]]
File:有兽档案馆Banner.png|[[有兽档案馆Banner]]
File:Great wall-Badaling-Beijing-China - panoramio (5).jpg|[[北京长城国家公园]]
File:有兽档案馆Banner.png|[[有兽档案馆Banner]]
File:Chinese House and bridge at Shugborough.jpg|拍摄于[[英国]][[斯塔福德郡]]的[[中式建筑]]
File:Kochi chinese fishing-net-20080215-01a.jpg|拍摄于[[印度]][[科契]]的[[中国渔网]]
File:2007龙转头 - panoramio.jpg|[[湖南南山国家公园]]
File:Bita Lake, Potatso (Pudacuo) National Park, Diqing - panoramio.jpg|[[云南普达措国家公园]]
File:保安乡的田野 - panoramio.jpg|[[浙江钱江源国家公园]]
</gallery></nowiki></pre>
</gallery></nowiki></pre>


<code>mode=packed-hover</code>的显示为：
<code>mode=packed-hover</code>的显示为：
<gallery mode="packed-hover" heights="80px">
<gallery mode="packed-hover" heights="80px">
<!--<gallery mode=packed-overlay heights=150px>-->
File:Qilian_mountain_jyg.JPG|[[祁连山国家公园]]
<!--<gallery mode=slideshow heights=150px>-->
File:Wuyi_Mountains_Sea_of_clouds_4.jpg|[[福建武夷山国家公园]]
File:有兽档案馆Banner.png|[[有兽档案馆:首页]]
File:Hoh_Xil.jpg|[[三江源国家公园]]
File:有兽档案馆Banner.png|[[有兽档案馆:首页]]
File:Doorgang in muur. Locatie, Chinese tuin Het Verborgen Rijk van Ming. Locatie. Hortus Haren 01.jpg|[[荷兰]]植物园中式园林的[[月亮门]]
File:有兽档案馆Banner.png|[[有兽档案馆:首页]]
File:Great wall-Badaling-Beijing-China - panoramio (5).jpg|[[北京长城国家公园]]
File:有兽档案馆Banner.png|[[有兽档案馆:首页]]
File:Chinese House and bridge at Shugborough.jpg|拍摄于[[英国]][[斯塔福德郡]]的[[中式建筑]]
File:有兽档案馆Banner.png|[[有兽档案馆:首页]]
File:Kochi chinese fishing-net-20080215-01a.jpg|拍摄于[[印度]][[科契]]的[[中国渔网]]
File:有兽档案馆Banner.png|[[有兽档案馆:首页]]
File:2007龙转头 - panoramio.jpg|[[湖南南山国家公园]]
File:Bita Lake, Potatso (Pudacuo) National Park, Diqing - panoramio.jpg|[[云南普达措国家公园]]
File:保安乡的田野 - panoramio.jpg|[[浙江钱江源国家公园]]
</gallery>
</gallery>

而<code>mode=packed-overlay</code>的显示为：
而<code>mode=packed-overlay</code>的显示为：
<gallery mode="packed-overlay" heights="150px">
<gallery mode="packed-overlay" heights="150px">
File:有兽档案馆Banner.png|[[有兽档案馆:首页]]
File:Qilian_mountain_jyg.JPG|[[祁连山国家公园]]
File:有兽档案馆Banner.png|[[有兽档案馆:首页]]
File:Wuyi_Mountains_Sea_of_clouds_4.jpg|[[福建武夷山国家公园]]
File:有兽档案馆Banner.png|[[有兽档案馆:首页]]
File:Hoh_Xil.jpg|[[三江源国家公园]]
File:有兽档案馆Banner.png|[[有兽档案馆:首页]]
File:Doorgang in muur. Locatie, Chinese tuin Het Verborgen Rijk van Ming. Locatie. Hortus Haren 01.jpg|[[荷兰]]植物园中式园林的[[月亮门]]
File:有兽档案馆Banner.png|[[有兽档案馆:首页]]
File:Great wall-Badaling-Beijing-China - panoramio (5).jpg|[[北京长城国家公园]]
File:有兽档案馆Banner.png|[[有兽档案馆:首页]]
File:Chinese House and bridge at Shugborough.jpg|拍摄于[[英国]][[斯塔福德郡]]的[[中式建筑]]
File:Kochi chinese fishing-net-20080215-01a.jpg|拍摄于[[印度]][[科契]]的[[中国渔网]]
File:2007龙转头 - panoramio.jpg|[[湖南南山国家公园]]
File:Bita Lake, Potatso (Pudacuo) National Park, Diqing - panoramio.jpg|[[云南普达措国家公园]]
File:保安乡的田野 - panoramio.jpg|[[浙江钱江源国家公园]]
</gallery>
</gallery>


还可以选择幻灯显示，即<code>mode=slideshow</code>：（网页加载不完全时可能会出现其他效果）
还可以选择幻灯显示，即<code>mode=slideshow</code>：（网页加载不完全时可能会出现其他效果）
<gallery mode="slideshow" heights="150px">
<gallery mode="slideshow" heights="150px">
File:有兽档案馆Banner.png|[[有兽档案馆:首页]]
File:Qilian_mountain_jyg.JPG|[[祁连山国家公园]]
File:有兽档案馆Banner.png|[[有兽档案馆:首页]]
File:Wuyi_Mountains_Sea_of_clouds_4.jpg|[[福建武夷山国家公园]]
File:有兽档案馆Banner.png|[[有兽档案馆:首页]]
File:Hoh_Xil.jpg|[[三江源国家公园]]
File:有兽档案馆Banner.png|[[有兽档案馆:首页]]
File:Doorgang in muur. Locatie, Chinese tuin Het Verborgen Rijk van Ming. Locatie. Hortus Haren 01.jpg|[[荷兰]]植物园中式园林的[[月亮门]]
File:有兽档案馆Banner.png|[[有兽档案馆:首页]]
File:Great wall-Badaling-Beijing-China - panoramio (5).jpg|[[北京长城国家公园]]
File:有兽档案馆Banner.png|[[有兽档案馆:首页]]
File:Chinese House and bridge at Shugborough.jpg|拍摄于[[英国]][[斯塔福德郡]]的[[中式建筑]]
File:Kochi chinese fishing-net-20080215-01a.jpg|拍摄于[[印度]][[科契]]的[[中国渔网]]
File:2007龙转头 - panoramio.jpg|[[湖南南山国家公园]]
File:Bita Lake, Potatso (Pudacuo) National Park, Diqing - panoramio.jpg|[[云南普达措国家公园]]
File:保安乡的田野 - panoramio.jpg|[[浙江钱江源国家公园]]
</gallery>
</gallery>


==链接到图片但不显示图片==
====模板====
假如你想链接到图片但不显示的话，有两个方法可以做到。
另一個可行方法是利用 [[Template:Gallery|<code><nowiki>{{gallery}}</nowiki></code> 模板]]，格式是：
:'''<nowiki>[[Media:有兽档案馆Banner.png]]</nowiki>'''
:{{tl|gallery|檔案名稱&#124;敘述}}
[[Media:有兽档案馆Banner.png]]
:{{template|gallery end}}

以下另一種格式可(按照 <code>###px</code>)設定圖片寬度。

:{{tl|gallerypx|檔案名稱&#124;敘述&#124;寬度}}
:{{template|gallery end}}

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

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

例如：
<pre>
<nowiki>

{{gallery|File:Qiuwen Baike.svg|求闻百科标识}}
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}}
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}}
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}}
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}}
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}}
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}}
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}}
{{gallery end}}

</nowiki>
</pre>

将显示为
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}}
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}}
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}}
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}}
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}}
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}}
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}}
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}}
{{gallery end}}

==链接到图片但不显示圖片==
假如你想鏈接到圖片但不顯示的話，有兩個方法可以做到。
:'''<nowiki>[[Media:Qiuwen Baike.svg]]</nowiki>'''
[[Media:Qiuwen_Baike.svg]]

請注意那是 "Media" 而非 "File"。當按下該鏈接，瀏覽器會自動開啟鏈接的圖片。你亦可以改變顯示的文字。
'''<nowiki>[[Media:Qiuwen Baike.svg|</nowiki>-{zh-hant:這是求闻百科标识; zh-hans:这是求闻百科徽标;}-<nowiki>]]</nowiki>'''
[[Media:Qiuwen Baike.svg|這是求闻百科标识]]

若要連到圖像頁（包含何人、何時上載及版權資訊等資料），而非直接連到圖像，你可以這樣寫：
'''<nowiki>[[:File:Qiuwen Baike.svg]]</nowiki>'''
[[:File:Qiuwen Baike.svg]]

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

如上所述，你可以隨意改動鏈接的文字。
'''<nowiki>[[:File:Qiuwen Baike.svg|</nowiki>-{zh-hant:這個連結直接連到標誌的圖像頁; zh-hans:这个链接直接连到标志的图像页;}-<nowiki>]]</nowiki>'''
[[:File:Qiuwen Baike.svg|-{zh-hant:這個連結直接連到標誌的圖像頁; zh-hans:这个链接直接连到标志的图像页;}-]]

==全景圖==
使用模板{{tl|Wide image}}來顯示全景圖：

:語法：<nowiki>{{Wide image|</nowiki>圖像名稱|-{zh-hant:闊度; zh-hans:宽度;}-|描述<nowiki>}}</nowiki>


请注意那是 "Media" 而非 "File"。当按下该链接，浏览器会自动开启链接的图片。你亦可以改变显示的文字。
:例子：<nowiki>{{wide image|Gu Kaizhi 001.jpg|2000px|</nowiki>顧愷之所作《女史箴圖》摹本，現藏於大英博物館。<nowiki>}}</nowiki>
'''<nowiki>[[Media:Qiuwen 有兽档案馆Banner.png|</nowiki>-{zh-hant:这是有兽档案馆Banner; zh-hans:这是有兽档案馆Banner;}-<nowiki>]]</nowiki>'''
[[Media:有兽档案馆文字标志.svg|这是有兽档案馆文字标志]]


若要连到图像页（包含何人、何时上载及版权资讯等资料），而非直接连到图像，你可以这样写：
{{Wide image|Gu Kaizhi 001.jpg|2000px|顧愷之所作《女史箴圖》摹本，現藏於大英博物館。}}
'''<nowiki>[[:File:有兽档案馆文字标志.svg]]</nowiki>'''
[[:File:有兽档案馆文字标志.svg]]


这图片跟本指南第一个图片的唯一分别是在"File"之前加了一个冒号 (:)。
==與圖片相關的模板==
*{{tl|Frame}}：同圖片的Frame效果，但可指定圖片大小。
*{{tl|Image label}}：可在圖片上添加文字。另可參考[[:mw:Extension:ImageMap]]。
*{{tl|2images}}：在同一圖片框中水平橫向並排顯示兩幅圖片，圖片較多時方便排版。
*{{tl|并列图像}}：在同一圖片框內顯示二至六張圖片，可選擇橫向或縱向，圖片較多時方便排版。


如上所述，你可以随意改动链接的文字。
==参见==
'''[[:File:有兽档案馆文字标志.svg|-{zh-hant:这个连结直接连到标志的图像页; zh-hans:这个链接直接连到标志的图像页;}-<nowiki>]]</nowiki>'''
*[[:mw:Help:Images|MediaWiki的图片功能帮助]]
[[:File:有兽档案馆文字标志.svg|-{zh-hant:这个连结直接连到标志的图像页; zh-hans:这个链接直接连到标志的图像页;}-]]{{-}}
{{-}}
{{帮助页面}}
{{帮助页面}}

於 2024年5月31日 (五) 12:29 的最新修訂

這是一篇指導如何在有獸檔案館的條目中使用維基格式來插入圖片的指南。

如果您需要知道如何上傳圖像，或者怎樣為條目選擇適合的圖像，請參照圖像使用守則。

請注意，在為一篇條目添加圖像前，您需要編輯圖像描述頁來解釋圖像的來源，並清楚地說明圖像的版權資訊。

在本文中，所有例子都將採用有獸檔案館的標誌來完成。

無格式圖片

下列命令可插入無格式圖片： 

[[File:有兽档案馆文字标志.svg|有兽档案馆文字标志]]

這樣插入的圖片和原始上傳圖片大小一樣。圖片放置的位置是任意的，並且文本不會浮動（環繞四周）。

請注意圖片在何處將文本分成兩塊是取決於標記的放置位置的。

指定位置

現在，例如我們需要：

  1. 文本浮動（環繞四周）於圖片；或
  2. 指定圖片放置的位置（左、右、嵌入等）。

要做到這一點，只需添加如下定位語句。

例1 - 右對齊，浮動

[[File:有兽档案馆文字标志.svg|right|有兽档案馆文字标志]]

有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。

有獸檔案館文字標誌

有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。

例2 - 右對齊，浮動，帶標題

通常將這些命令放置在段落開頭，這樣圖像便可浮動在段落的右側——許多條目的開頭常常這樣做。 

[[File:有兽档案馆文字标志.svg|frame|right|有兽档案馆文字标志]]
有獸檔案館文字標誌

有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。

例3 - 左對齊，浮動

[[File:有兽档案馆文字标志.svg|left|有兽档案馆文字标志]]

有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。

有獸檔案館文字標誌

有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。

例4 - 居中, 不浮動

[[File:有兽档案馆文字标志.svg|center|有兽档案馆文字标志]]

有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。

有獸檔案館文字標誌

有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。

例5 - 不浮動

[[File:有兽档案馆文字标志.svg|none|有兽档案馆文字标志]]

有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。

有獸檔案館文字標誌.svg

有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。

使用框架，添加標題

圖片常常需要一個標題來進行描述，這時就需要使用框架將它們框起來。 

[[File:有獸檔案館文字標誌.svg|frame|此图为有兽档案馆文字标志]]

有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。

此圖為有獸檔案館文字標誌

有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。

縮略圖

縮略圖會將圖片框起來，並在右下角顯示一個放大的標記。這是一個讓用戶知道一個尺寸更大的版本的好方法。縮略圖也讓我們可以指定圖片的標題 

[[File:有兽档案馆文字标志.svg|thumb|有兽档案馆文字标志]]

有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。

有獸檔案館文字標誌

有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。

調整大小

當圖片太大的時候，我們可能希望在條目中只顯示一幅相應的較小的圖。當製作小圖時，必須包含一個框架，因此常常也包含着標題。

維基格式支持自動調整大小；換言之，當貢獻者上傳了某一大小的圖片後，當其他人查看條目時，圖片會自動調整為指定的大小。

調整寬度

例如，我們需要圖片寬100像素： 

[[File:有兽档案馆文字标志.svg|64px]]

有獸檔案館文字標誌.svg

在典型的支持圖片的瀏覽器中，若用戶將鼠標移至圖片上，將顯示「64px」的提示字樣；而在文本瀏覽器中，「64px」會在圖片的位置顯示出來。我們可以通過指定交替文本來改變它，如下： 

[[File:有兽档案馆文字标志.svg|64px|有兽档案馆文字标志]]

有獸檔案館標識

如果要使之變成500像素寬： 

[[File:有兽档案馆文字标志.svg|64px|有兽档案馆文字标志]]

有獸檔案館

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

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

調整高度

如果要使圖片等比縮放至指定的高度，在指示大小的代碼中，我們需要在相應的大小前面加個x。 例如，我們需要圖片高100像素： 

[[File:有兽档案馆文字标志.svg|x64px]]

有獸檔案館文字標誌.svg

如果要使之變成500像素： 

[[File:有兽档案馆文字标志.svg|x64px]]

有獸檔案館文字標誌.svg

同樣地，這些過大的圖片通常都不應該放在條目內文里——這不方便讀者瀏覽，還會使得圖片顯示效果變差（矢量圖除外）。

結合不同選項

好了，前面的命令都很不錯。不過如果不將它們結合起來使用，其實是沒有太大用處的。現在，我們有一幅圖片需要進行浮動、右對齊、縮略圖、調整為100像素寬、並有一個標題。這時只需要將前面的參數一塊用上就可以了。參數的順序通常無所謂，但須保證圖片名是第一個參數，而標題只能在最後一個。 

[[File:有兽档案馆文字标志.svg|thumb|64px|right|有兽档案馆文字标志]]

有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。

有獸檔案館文字標誌

有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。

避免圖像「堆積」

許多用戶進行圖像浮動時常碰到一個問題，就是多幅圖片有時會水平地「堆積」在一起，對於大型圖片尤其如此。「最佳」的解決方法是，添加更多的文本，但有時這是不可能的。本節將介紹一些解決辦法，即在圖像後加入「<br style="clear:both;">」或{{Clear}}（見原始碼）

有獸檔案館文字標誌

有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。

有獸檔案館Banner


聯合對齊相似圖片

經常會有兩幅從邏輯上講需要歸於一組的相似圖片。為做到這一點，需要加入一些html標記： 

  <div style="float:right;width:315px;">
  [[File:有兽档案馆文字标志.svg|none|thumb|300px|有兽档案馆文字标志]]

  [[File:有兽档案馆Banner.png|right|thumb|200px|有兽档案馆Banner]]
  </div>
有獸檔案館文字標誌

有獸棲卷處標識

有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。

有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。

有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。


有時候也可以水平對齊兩幅圖像：

有獸檔案館文字標誌
有獸檔案館文字標誌
[[File:有兽档案馆文字标志.svg|left|thumb|300px|有兽档案馆文字标志]]
[[File:有兽档案馆文字标志.svg|none|thumb|300px|有兽档案馆文字标志]]

不過，這應當較少採用，因為對使用較窄的瀏覽器窗口者有可能導致圖片超過屏幕的右邊緣。

實現這個效果的方法是利用表格標記： 

{|
|-
| [[File:有兽档案馆文字标志.svg|none|thumb|300px|有兽档案馆标识]]
| [[File:有兽档案馆文字标志.svg|none|thumb|300px|有兽档案馆标识]]
|}

另一種避免過寬的辦法是，將兩幅圖都左對齊，直接進行堆積。

有獸檔案館文字標誌
有獸檔案館文字標誌
[[File:有兽档案馆文字标志.svg|left|thumb|300px|有兽档案馆文字标志]]
[[File:有兽档案馆文字标志.svg|left|thumb|300px|有兽档案馆文字标志]]
{{clear}}

這條命令

{{clear}}

是為了防止後面的文字直接顯示在圖片旁。

左右交替浮動

或許最簡便的方式便是採用左右交替浮動的方法了 —— 這種方式使得兩幅圖片不會互相干擾，更不會疊加在一起。 

[[File:有兽档案馆文字标志.svg|thumb|150px|right|有兽档案馆文字标志]]
[[File:Bamboo Trademark.svg|left|thumb|150px|有兽档案馆Banner]]
有獸檔案館文字標誌
有獸棲卷處標識

有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。 有獸檔案館，有獸檔案館。

強迫換行

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

 <br style="clear:both;">

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

有獸檔案館文字標誌1
有獸檔案館文字標誌2
有獸檔案館文字標誌3
有獸檔案館文字標誌4
有獸檔案館文字標誌5
有獸檔案館文字標誌6


新的MediaWiki<gallery>標記

新的MediaWiki軟件支援<gallery>標記，是建立圖片集的簡便方法： 


<gallery>
File:有兽档案馆文字标志.svg|有兽档案馆文字标志1
File:有兽档案馆文字标志.svg|有兽档案馆文字标志2
File:有兽档案馆文字标志.svg|有兽档案馆文字标志3
File:有兽档案馆文字标志.svg|有兽档案馆文字标志4
File:有兽档案馆文字标志.svg|有兽档案馆文字标志5
File:有兽档案馆文字标志.svg|有兽档案馆文字标志6
File:有兽档案馆文字标志.svg|有兽档案馆文字标志7
File:有兽档案馆文字标志.svg|有兽档案馆文字标志8
</gallery>

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

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

  • 有獸檔案館文字標誌1

    有獸檔案館文字標誌1

  • 有獸檔案館文字標誌2

    有獸檔案館文字標誌2

  • 有獸檔案館文字標誌3

    有獸檔案館文字標誌3

  • 有獸檔案館文字標誌4

    有獸檔案館文字標誌4

  • 有獸檔案館文字標誌5

    有獸檔案館文字標誌5

  • 有獸檔案館文字標誌6

    有獸檔案館文字標誌6

  • 有獸檔案館文字標誌7

    有獸檔案館文字標誌7

  • 有獸檔案館文字標誌8

    有獸檔案館文字標誌8

讓圖片集整體居中顯示的方法： 


{| align=center border=1
|- 
| <gallery>
File:有兽档案馆文字标志.svg|有兽档案馆文字标志1
File:有兽档案馆文字标志.svg|有兽档案馆文字标志2
File:有兽档案馆文字标志.svg|有兽档案馆文字标志3
File:有兽档案馆文字标志.svg|有兽档案馆文字标志4
File:有兽档案馆文字标志.svg|有兽档案馆文字标志5
File:有兽档案馆文字标志.svg|有兽档案馆文字标志6
File:有兽档案馆文字标志.svg|有兽档案馆文字标志7
File:有兽档案馆文字标志.svg|有兽档案馆文字标志8
</gallery>
|}

整體居中的效果如下：

  • 有獸檔案館文字標誌1

    有獸檔案館文字標誌1

  • 有獸檔案館文字標誌2

    有獸檔案館文字標誌2

  • 有獸檔案館文字標誌3

    有獸檔案館文字標誌3

  • 有獸檔案館文字標誌4

    有獸檔案館文字標誌4

  • 有獸檔案館文字標誌5

    有獸檔案館文字標誌5

  • 有獸檔案館文字標誌6

    有獸檔案館文字標誌6

  • 有獸檔案館文字標誌7

    有獸檔案館文字標誌7

  • 有獸檔案館文字標誌8

    有獸檔案館文字標誌8

標籤參數

新版本支持在標籤內添加參數，如 

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

參數有如下：

  • caption="{标题，可以有空格}": 在畫廊上顯示標題，標題超過畫廊寬度時會分成多列。
  • widths={宽度值}px：設定圖像圖像寬度，默認120px。
  • heights={高度值}px：設定圖像最大高度。
  • perrow={任何整数}：設定每行顯示圖像數。
  • showfilename={任何值}：設定後即顯示每個圖像的文件名。
  • mode={traditional|nolines|packed|packed-hover|packed-overlay|slideshow}：設定照片顯示的模式

如以下代碼： 

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

可生成：

如要展示一系列主題相近的照片，又想讓佈局緊湊，可考慮使用不同的展示模式。如簡介在照片上顯示的模式，分別為packed-hover、packed-overlay，代表鼠標焦點在照片上可見和永遠可見： 

<gallery mode=packed-hover heights=80px>
<!--<gallery mode=packed-overlay heights=150px>-->
<!--<gallery mode=slideshow heights=150px>-->
File:有兽档案馆Banner.png|[[有兽档案馆Banner]]
File:有兽档案馆Banner.png|[[有兽档案馆Banner]]
File:有兽档案馆Banner.png|[[有兽档案馆Banner]]
File:有兽档案馆Banner.png|[[有兽档案馆Banner]]
File:有兽档案馆Banner.png|[[有兽档案馆Banner]]
File:有兽档案馆Banner.png|[[有兽档案馆Banner]]
</gallery>

mode=packed-hover的顯示為：

而mode=packed-overlay的顯示為：

還可以選擇幻燈顯示，即mode=slideshow：（網頁加載不完全時可能會出現其他效果）

連結到圖片但不顯示圖片

假如你想連結到圖片但不顯示的話，有兩個方法可以做到。

[[Media:有兽档案馆Banner.png]]

Media:有獸檔案館Banner.png

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

[[Media:Qiuwen 有兽档案馆Banner.png|这是有兽档案馆Banner]]

這是有獸檔案館文字標誌

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

[[:File:有兽档案馆文字标志.svg]]

File:有獸檔案館文字標誌.svg

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

如上所述，你可以隨意改動連結的文字。 

[[:File:有獸檔案館文字標誌.svg|这个连结直接连到标志的图像页]]

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

幫助頁面

我是讀者
查閱條目
賬戶相關
我是編輯者
編纂條目
命名空間
跟蹤更改
維護頁面
參與社區
進階功能
基本功能
擴展標籤
小工具
著作權
其他信息
用戶論述
雙周報
雙周報編輯須知＆存檔
取自 "https://youshou.wiki/index.php?title=Help:图像&oldid=54300"