Help:图像：修订间差异

{{noteTA

|G1=IT

}}

==无格式图片==

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

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

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

</span>

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

</span>

===例1 - 右对齐，浮动===

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

</span>

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

</span>

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

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

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

</span>

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

===例3 - 左对齐，浮动===

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

</span>

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

</span>

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

===例4 - 居中, 不浮動===

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

</span>

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

</span>

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

===例5 - 不浮动===

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

</span>

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

</span>

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

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

</span>

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

</span>

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

==缩略图==

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

</span>

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

</span>

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

===调整宽度===

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

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

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

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

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

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

如果要使之变成500像素：

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

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

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

</span>

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

</span>

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

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

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

</span>

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

<pre>

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

</div>

</pre>

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

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

</div>

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

<pre>

</pre>

{|

|-

|}

</pre>

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

{{clear}}

<pre>

{{clear}}

</pre>

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

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

</span>

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

<pre> <br style="clear:both;"> </pre> 或是 <pre> {{-}}</pre />

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

</span>

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

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

</span>

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

<pre>

<nowiki>

<br style="clear: left" />

</nowiki>

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

<br style="clear: left" />

<nowiki>

<gallery>

</gallery>

</nowiki>

<gallery>

</gallery>

|-

| <gallery>

</gallery>

|}

|-

| <gallery>

</gallery>

|}

<pre>

<nowiki><gallery showfilename=a widths=60px heights=60px perrow=7 caption="测试">

</gallery>

</nowiki>

<gallery showfilename=a widths=60px heights=60px perrow=7 caption="测试">

File:Example.svg|10

</gallery>

<nowiki>

{{gallery end}}

将显示为

{{gallery end}}

==链接到图片但不显示圖片==

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

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

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

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

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

==全景圖==

==参见==

*[[:mw:Help:Images|MediaWiki的图片功能帮助]]