Help:图像：修订间差异

帮助页面
（创建页面，内容为“{{操作指南}} 这是一篇指导如何在求闻百科的条目中使用维基格式来插入图片的指南。 如果您需要知道如何上传图像，或者怎样为条目选择适合的图像，请参照[https://wiki.zorua.top/images/thumb/2/21/License_Guide_%28zh-hans%29.svg/720px-License_Guide_%28zh-hans%29.svg.png 图像使用守则]。 请注意，在为一篇条目添加图像前，您需要编辑图像描述页来解释图像的来源，并清…”）
 
无编辑摘要
第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:有兽档案馆文件上传须知banner.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:Qiuwen Baike.svg|无|有兽档案馆文字标志]]
<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
</span>
</span>


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


'''<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:Qiuwen Baike.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;" />
第237行： 第215行：
缩略图会将图片框起来，并在右下角显示一个放大的标记。这是一个让用户知道一个尺寸更大的版本的好方法。缩略图也让我们可以指定图片的标题（关于題注的撰写，参见[[Qiuwen:題注]]）。
缩略图会将图片框起来，并在右下角显示一个放大的标记。这是一个让用户知道一个尺寸更大的版本的好方法。缩略图也让我们可以指定图片的标题（关于題注的撰写，参见[[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:Qiuwen Baike.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;" />
第276行： 第254行：
===调整宽度===
===调整宽度===
例如，我们需要图片宽100[[像素]]：
例如，我们需要图片宽100[[像素]]：
'''<nowiki>[[File:Qiuwen Baike.svg|64px]]</nowiki>'''
'''<nowiki>[[File:有兽档案馆文字标志.svg|64px]]</nowiki>'''
[[File:Qiuwen Baike.svg|64px]]
[[File:Qiuwen Baike.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:Qiuwen Baike.svg|64px|求闻百科标识]]


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


第295行： 第273行：
如果要使图片等比缩放至指定的高度，在指示大小的代码中，我们需要在相应的大小前面加个<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:Qiuwen Baike.svg|x64px]]


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


第307行： 第285行：
好了，前面的命令都很不错。不过如果不将它们结合起来使用，其实是没有太大用处的。现在，我们有一幅图片需要进行浮动、右对齐、缩略图、调整为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:Qiuwen Baike.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行： 第321行：
许多用户进行图像浮动时常碰到一个问题，就是多幅图片有时会水平地“堆积”在一起，对于大型图片尤其如此。“最佳”的解决方法是，添加更多的文本，但有时这是不可能的。本节将介绍一些解决办法，即在图像后加入“<br style="clear:both;"&gt;”或{{Tl|Clear}}（见源代码）
许多用户进行图像浮动时常碰到一个问题，就是多幅图片有时会水平地“堆积”在一起，对于大型图片尤其如此。“最佳”的解决方法是，添加更多的文本，但有时这是不可能的。本节将介绍一些解决办法，即在图像后加入“<br style="clear:both;"&gt;”或{{Tl|Clear}}（见源代码）


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


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


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


<pre>
<pre>
第413行： 第391行：


另一种避免过宽的办法是，将两幅图都左对齐，直接进行堆积。
另一种避免过宽的办法是，将两幅图都左对齐，直接进行堆积。
[[File:Qiuwen Baike.svg|左|缩略图|300px|求闻百科标识]]
[[File:Qiuwen Baike.svg|左|缩略图|300px|有兽档案馆文字标志]]
[[File:Qiuwen Baike.svg|左|缩略图|300px|求闻百科标识]]
[[File:Qiuwen Baike.svg|左|缩略图|300px|有兽档案馆文字标志]]
{{clear}}
{{clear}}
<pre>
<pre>
第429行： 第407行：
[[File:Bamboo Trademark.svg|left|thumb|150px|共笔全书标识]]</pre>
[[File:Bamboo Trademark.svg|left|thumb|150px|共笔全书标识]]</pre>


[[File:Qiuwen Baike.svg|缩略图|150px|右|求闻百科标识]]
[[File:Qiuwen Baike.svg|缩略图|150px|右|有兽档案馆文字标志]]
[[File:Bamboo Trademark.svg|左|缩略图|150px|共笔全书标识]]
[[File:Bamboo Trademark.svg|左|缩略图|150px|共笔全书标识]]
<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
有兽档案馆，有兽档案馆。
求闻百科，共笔求闻。
</span>
</span>
<br style="clear:both;" />
<br style="clear:both;" />
第505行： 第483行：
好處：簡單、圖片會根據畫面大小換行。
好處：簡單、圖片會根據畫面大小換行。


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


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


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


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


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


2023年5月14日 (日) 17:18的版本

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

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

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

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

无格式图片

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

[[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|有兽档案馆文字标志]]

有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。

有兽档案馆文字标志

有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。

使用框架，添加标题

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

[[File:有兽档案馆文字标志.svg|frame|此图为求闻百科徽标]]

有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。

File:Qiuwen Baike.svg
此圖為有兽档案馆文字标志

有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。

缩略图

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

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

有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。

File:Qiuwen Baike.svg
有兽档案馆文字标志

有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。

调整大小

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

维基格式支持自动调整大小；换言之，当贡献者上传了某一大小的图片后，当其他人查看条目时，图片会自动调整为指定的大小。

调整宽度

例如，我们需要图片宽100像素： 

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

File:Qiuwen Baike.svg

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

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

求闻百科标识

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

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

求闻百科标识

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

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

调整高度

如果要使图片等比缩放至指定的高度，在指示大小的代码中，我们需要在相应的大小前面加个x。 例如，我们需要图片高100像素： 

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

File:Qiuwen Baike.svg

如果要使之变成500像素： 

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

File:Qiuwen Baike.svg

同样地，这些过大的图片通常都不应该放在条目内文里——这不方便读者浏览，还会使得图片显示效果变差（矢量图除外）。

结合不同选项

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

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

有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。

File:Qiuwen Baike.svg
有兽档案馆文字标志

有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。

避免图像“堆积”

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

File:Qiuwen Baike.svg
有兽档案馆文字标志

有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。

File:Bamboo Trademark.svg
共笔全书标识


联合对齐相似图片

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

  <div style="float:right;width:315px;">
  [[File:Qiuwen Baike.svg|none|thumb|300px|求闻百科标识]]

  [[File:Bamboo Trademark.svg|right|thumb|200px|共笔全书标识]]
  </div>
File:Qiuwen Baike.svg
有兽档案馆文字标志


File:Bamboo Trademark.svg
共笔全书标识

共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。

共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。

共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。


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

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

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

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

{|
|-
| [[File:Qiuwen Baike.svg|none|thumb|300px|求闻百科标识]]
| [[File:Qiuwen Baike.svg|none|thumb|300px|求闻百科标识]]
|}

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

File:Qiuwen Baike.svg
有兽档案馆文字标志
File:Qiuwen Baike.svg
有兽档案馆文字标志
[[File:Qiuwen Baike.svg|left|thumb|300px|求闻百科标识]]
[[File:Qiuwen Baike.svg|left|thumb|300px|求闻百科标识]]
{{clear}}

这条命令

{{clear}}

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

左右交替浮动

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

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

有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。 有兽档案馆，有兽档案馆。

強迫換行

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

你亦可以使用Template:Stack達至相近的效果。 

 <br style="clear:both;">

或是 

 {{-}}</pre /> 

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

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

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

File:Qiuwen Baike.svg
有兽档案馆文字标志1
File:Qiuwen Baike.svg
有兽档案馆文字标志2
File:Qiuwen Baike.svg
有兽档案馆文字标志3
File:Qiuwen Baike.svg
有兽档案馆文字标志4
File:Qiuwen Baike.svg
有兽档案馆文字标志5
File:Qiuwen Baike.svg
有兽档案馆文字标志6


新的MediaWiki<gallery>标记

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


<gallery>
File:Qiuwen Baike.svg|求闻百科标识1
File:Qiuwen Baike.svg|求闻百科标识2
File:Qiuwen Baike.svg|求闻百科标识3
File:Qiuwen Baike.svg|求闻百科标识4
File:Qiuwen Baike.svg|求闻百科标识5
File:Qiuwen Baike.svg|求闻百科标识6
File:Qiuwen Baike.svg|求闻百科标识7
File:Qiuwen Baike.svg|求闻百科标识8
</gallery>

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

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

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

  • Qiuwen Baike.svg

    求闻百科标识1

  • Qiuwen Baike.svg

    求闻百科标识2

  • Qiuwen Baike.svg

    求闻百科标识3

  • Qiuwen Baike.svg

    求闻百科标识4

  • Qiuwen Baike.svg

    求闻百科标识5

  • Qiuwen Baike.svg

    求闻百科标识6

  • Qiuwen Baike.svg

    求闻百科标识7

  • Qiuwen Baike.svg

    求闻百科标识8

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


{| align=center border=1
|- 
| <gallery>
File:Qiuwen Baike.svg|求闻百科标识1
File:Qiuwen Baike.svg|求闻百科标识2
File:Qiuwen Baike.svg|求闻百科标识3
File:Qiuwen Baike.svg|求闻百科标识4
File:Qiuwen Baike.svg|求闻百科标识5
File:Qiuwen Baike.svg|求闻百科标识6
File:Qiuwen Baike.svg|求闻百科标识7
File:Qiuwen Baike.svg|求闻百科标识8
</gallery>
|}

整体居中的效果如下：

  • Qiuwen Baike.svg

    求闻百科标识1

  • Qiuwen Baike.svg

    求闻百科标识2

  • Qiuwen Baike.svg

    求闻百科标识3

  • Qiuwen Baike.svg

    求闻百科标识4

  • Qiuwen Baike.svg

    求闻百科标识5

  • Qiuwen Baike.svg

    求闻百科标识6

  • Qiuwen Baike.svg

    求闻百科标识7

  • Qiuwen Baike.svg

    求闻百科标识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:Qilian_mountain_jyg.JPG|[[祁连山国家公园]]
File:Wuyi_Mountains_Sea_of_clouds_4.jpg|[[福建武夷山国家公园]]
File:Hoh_Xil.jpg|[[三江源国家公园]]
File:Doorgang in muur. Locatie, Chinese tuin Het Verborgen Rijk van Ming. Locatie. Hortus Haren 01.jpg|[[荷兰]]植物园中式园林的[[月亮门]]
File:Great wall-Badaling-Beijing-China - panoramio (5).jpg|[[北京长城国家公园]]
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>

mode=packed-hover的显示为：

而mode=packed-overlay的显示为：

还可以选择幻灯显示，即mode=slideshow：（网页加载不完全时可能会出现其他效果）

模板

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

{{gallery|檔案名稱|敘述}}
Template:Template

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

{{gallerypx|檔案名稱|敘述|寬度}}
Template:Template

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

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

例如： 



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

将显示为

求闻百科标识
求闻百科标识 
求闻百科标识
求闻百科标识 
求闻百科标识
求闻百科标识 
求闻百科标识
求闻百科标识 
求闻百科标识
求闻百科标识 
求闻百科标识
求闻百科标识 
求闻百科标识
求闻百科标识 
求闻百科标识
求闻百科标识 

Template:Gallery end

链接到图片但不显示圖片

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

[[Media:Qiuwen Baike.svg]]

Media:Qiuwen_Baike.svg

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

[[Media:Qiuwen Baike.svg|这是求闻百科徽标]]

這是有兽档案馆文字标志

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

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

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

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

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

[[:File:有兽档案馆文字标志.svg|这个链接直接连到标志的图像页]]

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

全景圖

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

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

Template:Wide image

與圖片相關的模板

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

参见

帮助页面

我是读者
查阅条目
账户相关
我是编辑者
编纂条目
命名空间
跟踪更改
维护页面
参与社区
高级功能
基本功能
扩展标签
小工具
著作权
其他信息
用户论述
双周报
双周报编辑须知＆存档
取自“https://youshou.wiki/index.php?title=Help:图像&oldid=13538”