這是一篇指導如何在維基百科的條目中使用維基格式來插入圖片的指南。
![]() | 本頁為操作指南,用於介紹中文維基百科社群的一些實作和操作方式。 本文只是論述,不屬於方針或指引。如果本指南與方針或指引起衝突或不一致,請以方針或指引的條文為準。 |
![]() | 初來乍到?歡迎前往「Help:使用維基標記式語言增修圖像」和「Help:使用視覺化編輯器增修圖像」查看本頁面的簡化版本。 |
如果您需要知道如何上傳圖像,或者怎樣為條目選擇適合的圖像,請參照圖像使用守則。
請注意,在為一篇條目添加圖像前,您需要編輯圖像描述頁來解釋圖像的來源,並清楚地說明圖像的著作權資訊。我們強烈建議您使用Wikipedia:圖像著作權標誌中的標記。
在本文中,所有例子都將採用中文維基百科的標誌來完成。
無格式圖片
下列命令可插入無格式圖片:
[[File:wiki.png|維基百科徽標]]
這樣插入的圖片和原始上傳圖片大小一樣。圖片放置的位置是任意的,並且文字不會浮動(環繞四周)。例如:
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
請注意圖片在何處將文字分成兩塊是取決於標記的放置位置的。
指定位置
現在,例如我們需要:
- 文字浮動(環繞四周)於圖片;或
- 指定圖片放置的位置(左、右、嵌入等)。
要做到這一點,只需添加如下定位語句。
[[File:wiki.png|right|維基百科徽標]]
海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。
![Thumb](http://upload.wikimedia.org/wikipedia/zh/b/bc/Wiki.png)
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
通常將這些命令放置在段落開頭,這樣圖像便可浮動在段落的右側——許多條目的開頭常常這樣做。
[[File:wiki.png|frame|right|維基百科徽標]]
![Thumb](http://upload.wikimedia.org/wikipedia/zh/b/bc/Wiki.png)
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
[[File:wiki.png|left|維基百科徽標]]
海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。
![Thumb](http://upload.wikimedia.org/wikipedia/zh/b/bc/Wiki.png)
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
[[File:wiki.png|center|維基百科徽標]]
海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。
![Thumb](http://upload.wikimedia.org/wikipedia/zh/b/bc/Wiki.png)
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
[[File:wiki.png|none|維基百科徽標]]
海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。
![Thumb](http://upload.wikimedia.org/wikipedia/zh/b/bc/Wiki.png)
海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。
使用框架,添加標題
圖片常常需要一個標題來進行描述,這時就需要使用框架將它們框起來。
[[File:wiki.png|frame|此圖為維基百科徽標]]
海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。
![Thumb](http://upload.wikimedia.org/wikipedia/zh/b/bc/Wiki.png)
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
縮圖
縮圖會將圖片框起來,並在右下角顯示一個放大的標記。這是一個讓使用者知道一個尺寸更大的版本的好方法。縮圖也讓我們可以指定圖片的標題(關於題注的撰寫,參見Wikipedia:題注)。
[[File:wiki.png|thumb|維基百科徽標]]
海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。
![Thumb](http://upload.wikimedia.org/wikipedia/zh/b/bc/Wiki.png)
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
調整大小
當圖片太大的時候,我們可能希望在條目中只顯示一幅相應的較小的圖。當製作小圖時,必須包含一個框架,因此常常也包含著標題。
維基格式支援自動調整大小;換言之,當貢獻者上傳了某一大小的圖片後,當其他人檢視條目時,圖片會自動調整為指定的大小。
例如,我們需要圖片寬100像素:
[[File:wiki.png|100px]]
在典型的支援圖片的瀏覽器中,若使用者將滑鼠移至圖片上,將顯示「100px」的提示字樣;而在文字瀏覽器中,「100px」會在圖片的位置顯示出來。我們可以通過指定交替文字來改變它,如下:
[[File:wiki.png|100px|維基百科徽標]]
如果要使之變成500像素寬:
[[File:wiki.png|500px|維基百科徽標]]
通常這些過大的圖片都不應該放置在條目內文裡,這會不方便讀者瀏覽。大多數圖片的寬度應大約位於100至400像素之間,所以在設定圖片大小時,數值不應超過這個範圍。
另外請注意圖片的解析度亦會因此而下降,這因為我們要求圖片變成500像素寬,但圖片的實際大小並沒有500像素寬,因此瀏覽器的排版顯示器便要將圖片強制擴大至500像素寬,其顯示效果便會較差了。所以切記永不依照這個方法來放大圖片(向量圖除外)。
如果要使圖片等比縮放至指定的高度,在指示大小的代碼中,我們需要在相應的大小前面加個x
。
例如,我們需要圖片高100像素:
[[File:wiki.png|x100px]]
如果要使之變成500像素:
[[File:wiki.png|x500px]]
同樣地,這些過大的圖片通常都不應該放在條目內文里——這不方便讀者瀏覽,還會使得圖片顯示效果變差(向量圖除外)。
結合不同選項
好了,前面的命令都很不錯。不過如果不將它們結合起來使用,其實是沒有太大用處的。現在,我們有一幅圖片需要進行浮動、右對齊、縮圖、調整為100像素寬、並有一個標題。這時只需要將前面的參數一塊用上就可以了。參數的順序通常無所謂,但須保證圖片名是第一個參數,而標題只能在最後一個。
[[File:wiki.png|thumb|100px|right|維基百科徽標]]
海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。
![Thumb](http://upload.wikimedia.org/wikipedia/zh/thumb/b/bc/Wiki.png/100px-Wiki.png)
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
避免圖像「堆積」
許多使用者進行圖像浮動時常碰到一個問題,就是多幅圖片有時會水平地「堆積」在一起,對於大型圖片尤其如此。「最佳」的解決方法是,添加更多的文字,但有時這是不可能的。本節將介紹一些解決辦法,即在圖像後加入「<br style="clear:both;">」或{{Clear}}(見原始碼)
![Thumb](http://upload.wikimedia.org/wikipedia/zh/b/bc/Wiki.png)
海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。 海納百川,有容乃大。維基百科,自由的百科全書。
![Thumb](http://upload.wikimedia.org/wikipedia/commons/thumb/c/c4/Wikimedia_Foundation_RGB_logo_with_text.svg/320px-Wikimedia_Foundation_RGB_logo_with_text.svg.png)
經常會有兩幅從邏輯上講需要歸於一組的相似圖片。為做到這一點,需要加入一些html標記:
<div style="float:right;width:315px;"> [[File:wiki.png|none|thumb|300px|維基百科徽標]] [[File:wikimedia.png|right|thumb|200px|維基媒體基金會徽標]] </div>
維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。
維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。
維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。
有時候也可以水平對齊兩幅圖像:
![Thumb](http://upload.wikimedia.org/wikipedia/zh/b/bc/Wiki.png)
![Thumb](http://upload.wikimedia.org/wikipedia/zh/b/bc/Wiki.png)
[[File:wiki.png|left|thumb|300px|維基百科徽標]] [[File:wiki.png|none|thumb|300px|維基百科徽標]]
不過,這應當較少採用,因為對使用較窄的瀏覽器窗口者有可能導致圖片超過螢幕的右邊緣。
實現這個效果的方法是利用表格標記:
{| |- | [[File:wiki.png|none|thumb|300px|維基百科徽標]] | [[File:wiki.png|none|thumb|300px|維基百科徽標]] |}
另一種避免過寬的辦法是,將兩幅圖都左對齊,直接進行堆積。
![Thumb](http://upload.wikimedia.org/wikipedia/zh/b/bc/Wiki.png)
![Thumb](http://upload.wikimedia.org/wikipedia/zh/b/bc/Wiki.png)
[[File:wiki.png|left|thumb|300px|維基百科徽標]] [[File:wiki.png|left|thumb|300px|維基百科徽標]] {{clear}}
這條命令
{{clear}}
是為了防止後面的文字直接顯示在圖片旁。
或許最簡便的方式便是採用左右交替浮動的方法了 —— 這種方式使得兩幅圖片不會互相干擾,更不會疊加在一起。
[[File:wiki.png|thumb|150px|right|維基百科徽標]] [[File:wikimedia.png|left|thumb|150px|維基媒體基金會徽標]]
![Thumb](http://upload.wikimedia.org/wikipedia/zh/b/bc/Wiki.png)
![Thumb](http://upload.wikimedia.org/wikipedia/commons/d/d3/Wikimedia.png)
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
海納百川,有容乃大。維基百科,自由的百科全書。
最後的手段是強迫瀏覽器加一空白行,令所有文字和圖片都在第一幅圖片之下出現。但圖片旁的文字之下可能會出現唐突的空白。記住,使用者的瀏覽器、顯示屏解析度、預設的文字大小、瀏覽器上工具列的數目等不同設定,都可能影響文字如何浮動和環繞圖片。因此,不要為了令頁面在你的電腦上看來美觀而強行改變頁面設計。只有在必須的情況下才把頁面「劈開」。可以的話,讓頁面根據邏輯排列即可。
你亦可以使用Template:Stack達至相近的效果。
<br style="clear:both;">
或是
{{-}}</pre />[[File:wiki.png|thumb|300px|right|維基百科徽標]] <span style="color:#808080; font-size:90%"> 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 </span> <br style="clear:both;" /> [[File:wikimedia.png|right|thumb|200px|維基媒體基金會徽標]] <span style="color:#808080; font-size:90%"> 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 海纳百川,有容乃大。维基百科,自由的百科全书。 </span> <br style="clear:both;" />
=== 圖片集 === ====維基標記語言和[[層疊樣式表]](CSS)==== 要在圖片集展示一系列圖片,一個簡單的方法是使用維基標記語言和[[层叠样式表]](CSS):讓所有圖片靠左浮動,並在其後清除靠左浮動的設定,以免圖片在圖片集以後的內容中出現。
<pre>
[[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" />
好處:簡單、圖片會根據畫面大小換行。
![Thumb](http://upload.wikimedia.org/wikipedia/zh/thumb/b/bc/Wiki.png/128px-Wiki.png)
![Thumb](http://upload.wikimedia.org/wikipedia/zh/thumb/b/bc/Wiki.png/128px-Wiki.png)
![Thumb](http://upload.wikimedia.org/wikipedia/zh/thumb/b/bc/Wiki.png/128px-Wiki.png)
![Thumb](http://upload.wikimedia.org/wikipedia/zh/thumb/b/bc/Wiki.png/128px-Wiki.png)
![Thumb](http://upload.wikimedia.org/wikipedia/zh/thumb/b/bc/Wiki.png/128px-Wiki.png)
![Thumb](http://upload.wikimedia.org/wikipedia/zh/thumb/b/bc/Wiki.png/128px-Wiki.png)
新的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可能會提供更多這類型的支援。
壞處:圖片不會根據畫面大小換行、不能設定圖片大小(希望下一個版本可以改善這些不便之處)。
你可以在mw:Help:Images#Gallery_syntax的說明文件中獲得更加詳細的內容。
-
維基百科徽標1
-
維基百科徽標2
-
維基百科徽標3
-
維基百科徽標4
-
維基百科徽標5
-
維基百科徽標6
-
維基百科徽標7
-
維基百科徽標8
讓圖片集整體居中顯示的方法:
{| 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="{标题,可以有空格}"
: 在畫廊上顯示標題,標題超過畫廊寬度時會分成多列。widths={宽度值}px
:設定圖像圖像寬度,預設120px。heights={高度值}px
:設定圖像最大高度。perrow={任何整数}
:設定每行顯示圖像數。showfilename={任何值}
:設定後即顯示每個圖像的檔名。mode={traditional|nolines|packed|packed-hover|packed-overlay|slideshow}
:設定相片顯示的模式
對於非維基媒體基金會的專案則需注意MediaWiki版本要求:showfilename
需1.17+,mode=*
需1.22+,mode=slideshow
需1.28+。
如以下代碼:
<gallery showfilename=a widths=60px heights=60px perrow=7 caption="测试"> File:Example.svg|10 File:Example.svg|222阿萨达 File:Example.svg|222阿萨达 File:Example.svg|222阿萨达 File:Example.svg|222阿萨达 File:Example.svg|222阿萨达 File:Example.svg|222阿萨达 File:Example.svg|222阿萨达 File:Example.svg|222阿萨达 File:Example.svg|222阿萨达 </gallery>
可生成:
- 測試
-
Example.svg 10
-
Example.svg 222阿薩達
-
Example.svg 222阿薩達
-
Example.svg 222阿薩達
-
Example.svg 222阿薩達
-
Example.svg 222阿薩達
-
Example.svg 222阿薩達
-
Example.svg 222阿薩達
-
Example.svg 222阿薩達
-
Example.svg 222阿薩達
如要展示一系列主題相近的相片,又想讓布局緊湊,可考慮使用不同的展示模式。如簡介在相片上顯示的模式,分別為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 | title = 图库标题 | footer = 注脚文字 | width = 150 | height = 170 | lines = 2 | File:Example.jpg|图片的说明 | File:Example.jpg| | File:Example.jpg| | File:Example.jpg| | File:Example.jpg| | File:Example.jpg| | File:Example.jpg| | File:Example.jpg| | File:Example.jpg|图说部分也可支援[[Wikipedia:如何编辑页面|内部链接]] | File:Example.jpg| | File:Example.jpg| | File:Example.jpg| | File:Example.jpg|当说明内文超过指定的行数上限后,会自动出现滚动条。 | File:Example.jpg| }}
連結到圖片但不顯示圖片
假如你想鏈結到圖片但不顯示的話,有兩個方法可以做到。
- [[Media:wiki.png]]
請注意那是 "Media" 而非 "File"。當按下該鏈結,瀏覽器會自動開啟鏈結的圖片。你亦可以改變顯示的文字。
[[Media: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}}:在同一圖片框中水平橫向並排顯示兩幅圖片,圖片較多時方便排版。
- {{並列圖像}}:在同一圖片框內顯示二至六張圖片,可選擇橫向或縱向,圖片較多時方便排版。
參見
Wikiwand in your browser!
Seamless Wikipedia browsing. On steroids.
Every time you click a link to Wikipedia, Wiktionary or Wikiquote in your browser's search results, it will show the modern Wikiwand interface.
Wikiwand extension is a five stars, simple, with minimum permission required to keep your browsing private, safe and transparent.