Help:图像：修订间差异

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

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

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

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

现在，例如我们需要：

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

<span style="color:#808080; font-size:90%">

求闻百科，共笔求闻。

</span>

<span style="color:#808080; font-size:90%">

求闻百科，共笔求闻。

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

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

<span style="color:#808080; font-size:90%">

求闻百科，共笔求闻。

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

<span style="color:#808080; font-size:90%">

求闻百科，共笔求闻。

</span>

<span style="color:#808080; font-size:90%">

求闻百科，共笔求闻。

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

<span style="color:#808080; font-size:90%">

求闻百科，共笔求闻。

</span>

<span style="color:#808080; font-size:90%">

求闻百科，共笔求闻。

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

<span style="color:#808080; font-size:90%">

求闻百科，共笔求闻。

</span>

<span style="color:#808080; font-size:90%">

求闻百科，共笔求闻。

</span>

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

求闻百科，共笔求闻。

</span>

<span style="color:#808080; font-size:90%">

求闻百科，共笔求闻。

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

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

<span style="color:#808080; font-size:90%">

求闻百科，共笔求闻。

</span>

<span style="color:#808080; font-size:90%">

求闻百科，共笔求闻。

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

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

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

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

[[File:Qiuwen Baike.svg|500px|求闻百科标识]]

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

如果要使图片等比缩放至指定的高度，在指示大小的代码中，我们需要在相应的大小前面加个<code>x</code>。

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

如果要使之变成500像素：

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

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

<span style="color:#808080; font-size:90%">

求闻百科，共笔求闻。

</span>

<span style="color:#808080; font-size:90%">

求闻百科，共笔求闻。

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

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

<span style="color:#808080; font-size:90%">

求闻百科，共笔求闻。

求闻百科，共笔求闻。

</span>

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

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

<pre>

<div style="float:right;width:315px;">

</div>

</pre>

<div style="float:right;width:315px;">

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

</div>

<span style="color:#808080; font-size:90%">

</span>

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

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

<pre>

</pre>

{|

|-

|}

</pre>

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

{{clear}}

<pre>

{{clear}}

</pre>

这条命令<pre>{{clear}}</pre>是为了防止后面的文字直接显示在图片旁。

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

<pre>[[File:Qiuwen Baike.svg|thumb|150px|right|求闻百科标识]]

<span style="color:#808080; font-size:90%">

求闻百科，共笔求闻。

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

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

</span>

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

<span style="color:#808080; font-size:90%">

求闻百科，共笔求闻。

=== 圖片集 ===

<pre>

<nowiki>

<br style="clear: left" />

</nowiki>

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

<br style="clear: left" />

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

|-

| <gallery>

File:Qiuwen Baike.svg|求闻百科标识2

File:Qiuwen Baike.svg|求闻百科标识3

* <code>showfilename={任何值}</code>：设定后即显示每个图像的文件名。

* <code>mode={traditional|nolines|packed|packed-hover|packed-overlay|slideshow}</code>：设定照片显示的模式

如以下代码：

</gallery>

另一個可行方法是利用 [[Template:Gallery|<code><nowiki>{{gallery}}</nowiki></code> 模板]]，格式是：

:{{tl|gallery|檔案名稱&#124;敘述}}

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

{{gallery end}}

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

:'''<nowiki>[[Media:Qiuwen Baike.svg]]</nowiki>'''

[[:File:Qiuwen Baike.svg|-{zh-hant:這個連結直接連到標誌的圖像頁; zh-hans:这个链接直接连到标志的图像页;}-]]

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

{{Wide image|Gu Kaizhi 001.jpg|2000px|顧愷之所作《女史箴圖》摹本，現藏於大英博物館。}}

{{-}}

{{帮助页面}}