跳轉到內容

幫助:檔案

This page is semi-protected.
來自華夏公益教科書,開放的書籍,開放的世界
(重定向自 幫助:上傳檔案)

諸如影像、音訊或影片之類的媒體檔案通常為出色的散文提供極佳的補充。就像你上傳的任何內容一樣,版權狀態必須與華夏公益教科書的使用相容。請參閱 華夏公益教科書:媒體 以瞭解我們的官方許可限制。

上傳檔案

通常,使用影像或其他媒體檔案的第一步是將其上傳維基共享資源。所有符合華夏公益教科書使用資格的檔案都上傳到維基共享資源,除了合理使用檔案,這些檔案必須上傳到英文華夏公益教科書。許多媒體檔案在未經許可的情況下受到版權保護,不能上傳到任何一個位置。有關可以上傳哪些媒體檔案的詳細資訊,請參閱 華夏公益教科書:媒體。維基共享資源上的檔案可用於任何語言版本的任何維基媒體專案。

首選的影像格式是SVGPNGJPEGXCF。首選的音訊格式是Ogg(使用 FLACSpeexVorbis 編解碼器)和 MIDI。影片必須是使用 Theora 影片編解碼器的 Ogg 檔案。

在上傳之前為媒體檔案選擇一個好名字,因為你之後無法重新命名它。檔案上傳後,你應該能夠閱讀並理解其檔案頁面,該頁面描述了檔案並讓讀者以原始大小檢視影像。

將檔案上傳到維基共享資源就像在左側選單底部(華夏公益教科書徽標下方)的工具箱中點選“上傳檔案”一樣簡單。

如果你打算上傳到華夏公益教科書,請按照以下步驟操作。你必須登入擁有上傳檔案到華夏公益教科書的許可權。

  1. 訪問本地上傳頁面
  2. 透過點選“瀏覽”按鈕瀏覽你電腦上的檔案位置。
  3. 如果檔名與儲存在你電腦上的檔名不同,請為檔案提供一個名稱。
  4. 複製並貼上 {{information}} 模板並填寫它
    1. 描述你的檔案。
    2. 提供檔案來源(最好是URL)。如果你截取了螢幕截圖,請說明並指出螢幕截圖所代表的軟體或網站。
    3. 提供所描繪的受版權保護的作品的創作日期或受版權保護的檔案本身的創作日期。如果你上傳的是螢幕截圖,則此日期將是今天的日期。
    4. 提供作品的作者。如果檔案是受版權保護的軟體或網站的螢幕截圖,請提供版權所有者。
  5. 複製並貼上 {{non-free use rationale}} 模板並填寫它
    1. 將使用檔案的頁面名稱。非自由檔案必須透過單獨的非自由使用模板為每個使用提供理由。
    2. 所描繪作品或檔案本身的版權所有者。
    3. 檔案的來源;這將與上面資訊模板中的來源匹配。
    4. 為為什麼必須使用此非自由檔案而不是任何免費許可的替代方案提供理由。
    5. 此檔案的目的以及為什麼必須將其用於它旨在說明的書籍。
  6. 從選單中選擇正確的非自由媒體型別。這會自動插入一個標籤,例如 {{non-free art}} 或 {{non-free stamp}}。

檔案頁面

當影像、影片或聲音剪輯等檔案被上傳到華夏公益教科書或維基共享資源時,會建立一個相關的檔案頁面。這些頁面的目的是提供有關檔案的相關資訊,例如作者、創作日期、上傳檔案的人、可能進行的任何修改、關於檔案主題或背景的擴充套件描述、檔案的使用位置以及版權資訊。在影像的情況下,檔案頁面顯示影像的高解析度版本(如果可用)。要檢視影像或影片的檔案頁面,請點選影像本身。對於音訊檔案,請點選資訊圖示,,在聲音剪輯連結附近。

描述頁面包含五個部分

  • 檔案本身
  • "檔案摘要" - 影像是什麼以及關於它的內容以及它的來源。
  • "檔案歷史" - 當一個新版本的具有相同名稱的檔案被上傳時,現有檔案會被替換並可以透過檔案歷史訪問。請參閱頁面歷史
  • "檔案連結" - 嵌入檔案的頁面列表,無論是直接嵌入還是透過模板嵌入。
  • "元資料"(僅影像) - 有關檔案以及用於建立它的裝置(相機型號等)的技術資訊。

以下是不同型別檔案的示例頁面

使用檔案

本節解釋瞭如何使用維基文字將圖片插入華夏公益教科書頁面。它描述了用於指定位置、螢幕閱讀器替代文字、標題、大小和連結的選項,幷包含關於全景圖和避免影像堆積的建議。無論檔案來自華夏公益教科書還是維基共享資源,都使用相同的語法。

縮圖

典型圖片可以使用一行 "[[File:...|thumb|...]]" 插入,如下所示。使用 "thumb" 會生成縮圖,它的大小通常與原始影像不同。幾個選項可以影響縮圖的位置和大小。

在左側

預設情況下,縮圖會浮動到頁面的右側,文字會圍繞它流動。但是,本頁右側較高的“華夏公益教科書幫助”框可能會與右側浮動的圖片發生衝突,因此我們的第一個示例指定了“left”,你可以看到下面生成的圖片的樣子

[[File:Wikipedesketch.png|thumb|left|alt=一隻卡通蜈蚣正在看書並在筆記型電腦上打字。|維基佩德正在編輯 ''[[Using Wikibooks]]''。]]
A cartoon centipede reads books and types on a laptop.
維基佩德正在編輯使用華夏公益教科書

上面的文字給出了影像檔名“Wikipedesketch.png”,影像型別“thumb”和對齊方式“left”,替代文字“一隻卡通蜈蚣正在看書並在筆記型電腦上打字。”,以及標題“維基佩德正在編輯使用華夏公益教科書。”。華夏公益教科書讀者可以點選縮圖或點選下面的雙矩形小圖示 ,以檢視相應的檔案頁面,這將允許使用者以原始大小檢視影像。

雖然上面的文字可能由於格式原因出現在多行中,但實際的影像文字在一行中,因為它使用空格,沒有任何換行符。“[[”和第一個“|”必須在同一行上;其他空格和換行符如果緊鄰“|”字元或位於方括號內,則會被忽略。影像語法的某些部分,例如“alt=”,不允許空格或換行符,最簡單的解決方法是省略不必要的空格和換行符。

替代文字(alt 文字)是為視障讀者準備的。通常,標題或頁面對影像的描述不足,在這種情況下,您可以寫 **alt=caption** 或 **alt=see adjacent text**。如果添加了額外的 alt 文字,它應該是一個簡潔的描述。與 alt 文字不同,標題可以包含像“`''[[使用華夏公益教科書]]''`”這樣的維基標記。標題文字放在圖片下方。

這裡再次展示相同的示例,這次是在一些彩色的 lorem ipsum 虛擬文字中,其中星號 (*) 顯示影像語法在文字中出現的位置。

[[File:Wikipedesketch.png|thumb|left|alt=一隻卡通蜈蚣正在看書並在筆記型電腦上打字。|維基佩德正在編輯 ''[[Using Wikibooks]]''。]]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

*

A cartoon centipede reads books and types on a laptop.
維基佩德正在編輯使用華夏公益教科書

*

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.


在右邊

縮圖的預設位置在右邊。

[[File:Wikipedesketch.png|thumb|alt=一隻卡通蜈蚣閱讀書籍並在筆記型電腦上打字。|維基佩德編輯了“[[使用華夏公益教科書]]”。]]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

*

A cartoon centipede reads books and types on a laptop.
維基佩德正在編輯使用華夏公益教科書

*

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

沒有流動文字

雖然大多數縮圖與流動文字結合在一起,並放置在右側或左側,但您也可以放置一個沒有文字圍繞它的縮圖。一種方法是使用“`center`”將其居中。

[[File:Wikipedesketch.png|thumb|center|alt=一隻卡通蜈蚣閱讀書籍並在筆記型電腦上打字。|維基佩德編輯了“[[使用華夏公益教科書]]”。]]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

*

A cartoon centipede reads books and types on a laptop.
維基佩德正在編輯使用華夏公益教科書

*

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

您也可以將圖片放在左側,沒有流動文字,使用“`none`”。

[[File:Wikipedesketch.png|thumb|none|alt=一隻卡通蜈蚣閱讀書籍並在筆記型電腦上打字。|維基佩德編輯了“[[使用華夏公益教科書]]”。]]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

*

A cartoon centipede reads books and types on a laptop.
維基佩德正在編輯使用華夏公益教科書

*

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

縮圖大小

通常,縮圖的寬度為 220 畫素 (px)。此寬度由典型的讀者使用,他們沒有登入或沒有更改他們的偏好。您可以在“外觀:檔案”下的“我的偏好”中為自己設定不同的預設寬度。選項有 120px、150px、180px、200px、220px、250px 和 300px。任何寬度小於首選寬度的影像都將以更窄的寬度顯示。

預設行為可能會導致高瘦的圖片顯示得太大。例如

[[File:Amun.svg|thumb|alt=身穿古埃及服裝的男人的全身側面肖像。他皮膚紅褐色,戴著帶有高聳黃色羽毛的頭盔。|阿蒙神,描繪在阿瑪納時期之前]]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

*

Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes.
阿蒙神,描繪在阿瑪納時期之前

*

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Mauris a lacus. Donec mattis semper leo. In hac habitasse platea dictumst. Vivamus facilisis diam at odio. Mauris dictum, nisi eget consequat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Donec turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac habitasse platea dictumst. Etiam sit amet diam. Suspendisse odio. Suspendisse nunc. In semper bibendum libero.

Proin nonummy, lacus eget pulvinar lacinia, pede felis dignissim leo, vitae tristique magna lacus sit amet eros. Nullam ornare. Praesent odio ligula, dapibus sed, tincidunt eget, dictum ac, nibh. Nam quis lacus. Nunc eleifend molestie velit. Morbi lobortis quam eu velit. Donec euismod vestibulum massa. Donec non lectus. Aliquam commodo lacus sit amet nulla. Cras dignissim elit et augue. Nullam non diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac habitasse platea dictumst. Aenean vestibulum. Sed lobortis elit quis lectus. Nunc sed lacus at augue bibendum dapibus.
直立影像

“`upright`”選項可以透過通知華夏公益教科書佈局系統圖像應該具有比平時更窄的寬度來幫助解決這個問題。

[[File:Amun.svg|thumb|upright|alt=身穿古埃及服裝的男人的全身側面肖像。他皮膚紅褐色,戴著帶有高聳黃色羽毛的頭盔。|阿蒙神,描繪在阿瑪納時期之前]]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

*

Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes.
阿蒙神,描繪在阿瑪納時期之前

*

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Mauris a lacus. Donec mattis semper leo. In hac habitasse platea dictumst. Vivamus facilisis diam at odio. Mauris dictum, nisi eget consequat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Donec turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac habitasse platea dictumst. Etiam sit amet diam. Suspendisse odio. Suspendisse nunc. In semper bibendum libero.

Proin nonummy, lacus eget pulvinar lacinia, pede felis dignissim leo, vitae tristique magna lacus sit amet eros. Nullam ornare. Praesent odio ligula, dapibus sed, tincidunt eget, dictum ac, nibh. Nam quis lacus. Nunc eleifend molestie velit. Morbi lobortis quam eu velit. Donec euismod vestibulum massa. Donec non lectus. Aliquam commodo lacus sit amet nulla. Cras dignissim elit et augue. Nullam non diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac habitasse platea dictumst. Aenean vestibulum. Sed lobortis elit quis lectus. Nunc sed lacus at augue bibendum dapibus.

“`upright`”選項通常建立一個影像,其寬度約為預設寬度的 75%。確切的寬度是透過從預設縮圖寬度開始,乘以 0.75,然後舍入到最接近的 10 的倍數來計算的。通常預設寬度為 220px,因此直立影像的寬度為 170px;在 120px 到 300px 的範圍內更改一個人的預設寬度會導致直立影像寬度在 90px 到 230px 之間。

進一步縮小直立影像

如果直立因子 0.75 太大或太小,可以明確指定它。因子 1.0 使用預設縮圖寬度,這與完全不指定“`upright`”相同;小於或大於 1.0 的因子會建立比預設值更小或更大的影像。例如

[[File:Amun.svg|thumb|upright=0.56|alt=身穿古埃及服裝的男人的全身側面肖像。他皮膚紅褐色,戴著帶有高聳黃色羽毛的頭盔。|阿蒙神,描繪在阿瑪納時期之前]]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

*

Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes.
阿蒙神,描繪在阿瑪納時期之前

*

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Mauris a lacus. Donec mattis semper leo. In hac habitasse platea dictumst. Vivamus facilisis diam at odio. Mauris dictum, nisi eget consequat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Donec turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac habitasse platea dictumst. Etiam sit amet diam. Suspendisse odio. Suspendisse nunc. In semper bibendum libero.
矮胖的影像

矮胖的影像有時會從大於 1.0 的“`upright`”因子中受益。大於約 2.5 的因子可能會生成大型影像,這會導致某些瀏覽器出現問題。雖然許多影像型別(例如 JPEGPNG)不能很好地處理放大,但 SVG 影像對此沒有任何問題。例如

[[File:Köppen-vereinfacht.svg|thumb|center|upright=2.0|alt=世界地圖。一條棕褐色的帶狀區域從北非延伸到中國中部;澳大利亞的大部分地區以及南非和北美洲西部的部分地區也是棕褐色的。深綠色主導著北半球。淺綠色覆蓋著赤道附近的大部分陸地。極地地區是白色的,北部邊緣為淺藍色。|地球的宏觀氣候。棕褐色代表沙漠,深綠色代表溫帶溼潤氣候,淺綠色代表熱帶雨林。淺藍色和白色代表苔原和冰蓋。]]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

*

Map of the world. A tan band stretches from northern Africa through central China; most of Australia and parts of south Africa and the western Americas are also tan. Dark greens dominate the northern hemisphere. Lighter greens cover much land near the equator. Polar areas are white, the north fringed with light blue.
地球的宏觀氣候。棕褐色代表沙漠,深綠色代表溫帶溼潤氣候,淺綠色代表熱帶雨林。淺藍色和白色代表苔原和冰蓋。

*

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.
畫素寬度

您還可以顯示指定寬度的影像。通常,如果您以畫素為單位指定寬度,它應該至少為 300px。如上所述,大於約 550px 的寬度可能會導致某些瀏覽器出現問題。

[[File:Köppen-vereinfacht.svg|thumb|center|400px|alt=世界地圖。一條棕褐色的帶狀區域從北非延伸到中國中部;澳大利亞的大部分地區以及南非和北美洲西部的部分地區也是棕褐色的。深綠色主導著北半球。淺綠色覆蓋著赤道附近的大部分陸地。極地地區是白色的,北部邊緣為淺藍色。|地球的宏觀氣候。棕褐色代表沙漠,深綠色代表溫帶溼潤氣候,淺綠色代表熱帶雨林。淺藍色和白色代表苔原和冰蓋。]]
Map of the world. A tan band stretches from northern Africa through central China; most of Australia and parts of south Africa and the western Americas are also tan. Dark greens dominate the northern hemisphere. Lighter greens cover much land near the equator. Polar areas are white, the north fringed with light blue.
地球的宏觀氣候。棕褐色代表沙漠,深綠色代表溫帶溼潤氣候,淺綠色代表熱帶雨林。淺藍色和白色代表苔原和冰蓋。
畫素高度

要指定圖片的確切高度,讓寬度按比例縮放,在高度前面加上“`x`”。以下示例將影像調整為 60px 的高度。

[[File:Flag of Scotland.svg|thumb|center|x60px|alt=藍色背景上的白色斜對角線交叉|蘇格蘭國旗]]
White diagonal cross over blue background
蘇格蘭國旗
以畫素為單位的寬度或高度,以使影像更小

如果您指定圖片的寬度和高度,它將被調整為使影像更小的那個值。這將導致圖片適應某個區域,而不管影像的實際大小。由於 File:Flag of Scotland.svg 的比例為 5×3,指定 120px 的寬度會生成 120×72px 的影像,指定 60px 的高度會生成 100×60px 的影像,因此大小欄位為“`120x60px`”會生成兩者中更小的那個,即 100×60px 的影像。

[[File:Flag of Scotland.svg|thumb|center|120x60px|alt=藍色背景上的白色斜對角線交叉|蘇格蘭國旗]]
White diagonal cross over blue background
蘇格蘭國旗
畫素計數與直立因子

儘管畫素計數比直立因子更容易理解,但它們對使用者偏好的調整效果較差。例如,假設一張圖片包含一些細節,預設情況下它有點太小,您想將其放大約 10%。雖然“`upright=1.1`”和“`240px`”在預設寬度為 220 畫素的常見情況下效果一樣好,但許多將預設寬度設定為 300 畫素以更好地適應他們高解析度螢幕的使用者會對“`200px`”感到惱火,因為它會使圖片比他們偏好的大小小三分之一。相比之下,“`upright=1.1`”將以 330 畫素的寬度向他們顯示圖片,這更有可能在他們的顯示器上效果很好。

畫素計數通常比直立因子更適合顯示圖片組合,其中一些圖片具有已知且有限的大小,以及顯示旨在與文字結合的小圖示。

原生大小

用“`frame`”替換“`thumb`”會導致影像以其原生大小顯示,即它最初上傳時的尺寸。例如

[[File:Wikipedesketch.png|frame|center|alt=一隻卡通蜈蚣閱讀書籍並在筆記型電腦上打字。|維基佩德編輯了“[[使用華夏公益教科書]]”。]]
A cartoon centipede reads books and types on a laptop.
維基佩德正在編輯使用華夏公益教科書

全景圖

不應該將非常大的圖片直接放入書籍中,因為它們會導致某些瀏覽器環境出現問題。寬度超過 550 畫素的圖片通常最好以全景圖處理,可以使用 {{wide image}} 模板建立。例如

{{wide image|Helsinki z00.jpg|1800px|alt=全景城市,混合了五到十層樓的建築物|赫爾辛基有許多建築物。}}
Panorama of city with mixture of five- to ten-story buildings
赫爾辛基有許多建築物。

DjVu 和 PDF 檔案

作者:托馬斯·克萊恩
這是第 2 頁

可以從 DjVuPDF 檔案中摘錄圖片,並帶有一個可選的 page 引數。例如

[[File:Abroad - 1882.djvu|thumb|right|150px|作者:托馬斯·克萊恩|page=13]]

[[File:Cinderella (1865).pdf|thumb|left|150px|這是第 2 頁|page=2]]

避免堆疊

許多使用浮動圖片的使用者遇到的問題之一是,多個圖片有時會垂直堆疊在一起,尤其是在使用大螢幕和寬圖片時。例如,在許多瀏覽器中,本文右側的兩張圖片會很不協調地堆疊在一起。

A cartoon centipede reads books and types on a laptop.
維基佩德正在編輯使用華夏公益教科書
White diagonal cross over blue background
蘇格蘭國旗
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

通常,解決此問題的最佳方法是簡單地新增更多文字,如下所示,但這有時不可行。以下各節展示了一些解決此問題的其他可能方法。

A cartoon centipede reads books and types on a laptop.
維基佩德正在編輯使用華夏公益教科書
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Mauris a lacus. Donec mattis semper leo. In hac habitasse platea dictumst. Vivamus facilisis diam at odio. Mauris dictum, nisi eget consequat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Donec turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac habitasse platea dictumst. Etiam sit amet diam. Suspendisse odio. Suspendisse nunc. In semper bibendum libero.
White diagonal cross over blue background
蘇格蘭國旗
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

交替左和右

處理多個浮動圖片的最簡單方法可能是將它們交替放置在左側和右側;這樣,它們就不會彼此接觸,因此不會以不美觀的方式堆疊在一起。不過,這樣做有一個缺點:螢幕解析度非常低(如使用 PDA上網本)的使用者可能會發現結果過於笨拙,儘管仍然可讀。

A cartoon centipede reads books and types on a laptop.
維基百科編輯 Myriapoda
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.
White diagonal cross over blue background
蘇格蘭國旗
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

對齊

通常會使用兩張邏輯上應該分組在一起的圖片。{{multiple image}} 模板是一種方法。例如

Yellow card
注意
Red card
驅逐
足球裁判使用的兩張卡片
  {{multiple image
   | width     = 100
   | footer    = Two cards used by football referees
   | image1    = Yellow card.svg
   | alt1      = Yellow card
   | caption1  = Caution
   | image2    = Red card.svg
   | alt2      = Red card
   | caption2  = Ejection
  }}

同一個模板也可以垂直對齊圖片

Yellow card
注意
Red card
驅逐
足球裁判使用的兩張卡片
  {{multiple image
   | direction = vertical
   | width     = 100
   | footer    = Two cards used by football referees
   | image1    = Yellow card.svg
   | alt1      = Yellow card
   | caption1  = Caution
   | image2    = Red card.svg
   | alt2      = Red card
   | caption2  = Ejection
  }}

畫廊

畫廊以陣列或類似佈局顯示多張圖片。最靈活的方法可能是 表格語法。例如

{|
| [[File:Philipp Veit 008.jpg|thumb|upright|alt=Robed woman, seated, with sword on her lap|Philipp Veit, ''Germania'', 1834–36]]
| [[File:Image Germania (painting).jpg|thumb|upright|alt=Robed woman, standing, holding a sword|Philipp Veit, ''Germania'', 1848]]
| [[File:Niederwald memorial 2.JPG|thumb|upright|alt=Monument of robed woman, standing, holding a crown in one hand and a partly sheathed sword in another|Johannes Schilling, ''Germania'', 1871–83]]
|}
Robed woman, seated, with sword on her lap
菲利普·魏特,《日耳曼尼亞》,1834-1836 年
Robed woman, standing, holding a sword
菲利普·魏特,《日耳曼尼亞》,1848 年
Monument of robed woman, standing, holding a crown in one hand and a partly sheathed sword in another
約翰內斯·席林,《日耳曼尼亞》,1871-1883 年

還有其他建立畫廊的方法。一種簡單的方法是使用編輯文字框上方 編輯工具欄 中的 gallery button 按鈕的 <gallery>...</gallery> 標籤。


<gallery>
File:Wiki.png
File:Wiki.png|Captioned
File:Wiki.png
File:Wiki.png|[[Help:Editing#Links|Links]] can be put in captions.
File:Wiki.png
File:Wiki.png|Full [[MediaWiki]]<br />''syntax'' may be used…
</gallery>

它會生成

擴充套件語法為(參見 gallery 標籤幫助 以及以下完整引數列表)

<gallery caption="Sample gallery" widths="180px" heights="120px" perrow="3">
File:Wiki.png|Caption text.
[...]
</gallery>
  • 圖片之間用換行符隔開。
  • 標題是可選的。
  • 注意,除了標題中的連結之外,沒有其他括號。
  • 預設寬度和高度為 120 畫素。


不幸的是,gallery 標籤不支援替代文字,因此它會生成對視障人士和其他無法看到圖片的讀者來說不可訪問的頁面。可以使用 {{gallery}} 模板解決此問題

{{#switch:{{{2}}}|nowiki|nw={{#tag:nowiki|{{{3}}}}}|{{{2}}}}}|white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; white-space:pre-wrap; word-wrap:break-word;{{{style|}}}">{{#switch:{{{1}}}|nowiki|nw={{#tag:nowiki|{{{2}}}}}|{{{1}}}}} }}

強制斷行

作為最後的手段,可以使用 {{clear}} 強制瀏覽器插入斷行,使所有文字和圖片都出現在第一張圖片底部的下方。這可能會產生相當不美觀的間隙,尤其是在伴隨的文字中。請記住,文字將根據使用者選擇的瀏覽器、螢幕解析度、預設字型大小、輔助功能選項、工具欄和側邊欄數量(例如即時訊息窗格)等因素,以不同的方式流動和換行。不要僅僅為了讓頁面在您的顯示器上看起來漂亮而強制進行頁面設計。只有在絕對必要的情況下才進行駭客攻擊。儘可能使用最簡單的邏輯頁面流。

A cartoon centipede reads books and types on a laptop.
維基佩德正在編輯使用華夏公益教科書
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
White diagonal cross over blue background
蘇格蘭國旗
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

普通圖片

頁面中的大多數圖片都是縮圖,但有時更專業的要求需要更細粒度的控制。可以使用以下方法插入沒有格式的普通圖片:

[[File:Wikipedesketch.png|一隻卡通蜈蚣在筆記型電腦上讀書和打字。]]

在此普通圖片中,文字 "一隻卡通蜈蚣在筆記型電腦上讀書和打字。" 不可作為標題顯示。相反,它作為圖片的標題文字顯示,通常在 滑鼠懸停 時顯示為 工具提示。在縮圖中,alt 文字預設為空,但普通圖片的 alt 文字預設為其標題文字(如果存在),否則預設為圖片的檔名;此預設值可以使用顯式 "alt=替代文字" 選項覆蓋。標題文字與 alt 文字一樣,會忽略所有 Wiki 標記。

普通圖片可以放置在頁面的任何位置,並且充當文字中的一個大字元,因此附近的文字不會圍繞它浮動或換行。例如

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

*A cartoon centipede reads books and types on a laptop.*

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • 注意:要實現帶標題的普通圖片,可以使用 {{plain image with caption}}。標題會自動新增為圖片的標題和 alt 文字,並且對其使用的任何 wiki 標記都會在標題中正確顯示,但會自動從 alt 和標題文字中刪除。請檢視 這裡 的示例。

普通圖片大小

普通圖片預設為圖片的原始大小。可以使用顯式大小覆蓋此預設值。例如

[[Image:Wikipedesketch.png|50px|一隻卡通蜈蚣在筆記型電腦上讀書和打字。]]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

*A cartoon centipede reads books and types on a laptop.*

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

"frameless" 選項會導致普通圖片預設顯示為與縮圖相同的大小。 與縮圖一樣,可以使用 "upright=係數" 選項調整預設值。如果使用縮圖寬度為 220 畫素的常見預設值,以下示例圖片的寬度將為 220 × 0.2 畫素,結果約為 40 畫素

[[File:Amun.svg|frameless|upright=0.2|alt=身穿古埃及服裝的男人的全身側面像。他皮膚呈紅褐色,頭戴黃色羽毛高聳的頭盔。|阿蒙神,描繪於阿瑪爾納時期之前]]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

*Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes.*

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

邊框

"border" 選項會新增一個 1 畫素邊框,這在區分圖片和背景很重要時非常有用。以下是同一張圖片,分別帶和不帶邊框。

[[File:Flag of Japan.svg|border|30px|白色旗幟,旗幟上有一個實心的紅色圓圈]]
[[File:Flag of Japan.svg|30px|白色旗幟,旗幟上有一個實心的紅色圓圈]]

這將生成 "白色旗幟,旗幟上有一個實心的紅色圓圈 白色旗幟,旗幟上有一個實心的紅色圓圈".

水平位置

與縮圖一樣,普通圖片也可以浮動到左側或右側,文字圍繞它們流動;或者居中或放置在左側,文字不流動。唯一的區別是,要將普通圖片浮動到右側,需要使用 "right" 引數,而縮圖預設浮動到右側。例如

[[File:Wikipedesketch.png|right|一隻卡通蜈蚣在筆記型電腦上讀書和打字。]]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

*

A cartoon centipede reads books and types on a laptop.
一隻卡通蜈蚣在筆記型電腦上讀書和打字。

*

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

垂直對齊

當普通圖片出現在文字中時,它會對齊,使其垂直中點大約位於小寫字母 "x" 的中心位置;如果圖片大於行高,它會向上和向下突出。垂直對齊語法提供了多種調整此對齊方式的選項。例如,"baseline" 選項

X[[File:Flag of Hungary vertical.svg|baseline|7px|水平三色旗的垂直版本(紅、白、綠)]]X

生成 "X垂直的水平三色旗(紅、白、綠)X" 而不是預設的 "X垂直的水平三色旗(紅、白、綠)X"。可用的垂直對齊選項及其生成的輸出如下:baseline垂直的水平三色旗(紅、白、綠)middle垂直的水平三色旗(紅、白、綠)(預設值),sub垂直的水平三色旗(紅、白、綠)super垂直的水平三色旗(紅、白、綠)text-top垂直的水平三色旗(紅、白、綠)text-bottom垂直的水平三色旗(紅、白、綠)top垂直的水平三色旗(紅、白、綠),以及bottom垂直的水平三色旗(紅、白、綠).

通常,圖片連結到其影像頁面,該頁面描述影像、建立者以及指向全解析度原始影像的連結。可以使用“link”選項建立連結到其他位置的普通圖片。

要連結到其他頁面,請在連結選項中指定其名稱,並新增一個合適的標題,以提示讀者單擊連結後會發生什麼。此標題既作為工具提示的標題文字,也作為視障讀者使用的替代文字。例如,“[[File:Flag of France.svg|20px|link=French|France]]”生成一個連結到圖書French的旗幟 France

要連結到外部網站,請在連結選項中指定其 URL,並新增一個合適的標題。例如,“[[File:Flag of Belgium.svg|20px|link=http://www.belgium.be/en/|Belgium government portal]]”生成一個連結到比利時政府英語門戶的旗幟 Belgium government portal

純裝飾性影像不傳達任何資訊,單擊時也不執行任何操作,可以使用空替代屬性來指定。例如,“[[File:Flag of the United States.svg|20px|link=|alt=]]”生成一個純裝飾性的旗幟

影像地圖

1896 Democratic campaign poster with nominees William J. Bryan of Nebraska for President and Arthur Sewall of Maine for Vice PresidentWilliam J. BryanArthur Sewall

可以使用 影像地圖 將影像的不同部分連結到不同的位置。例如,在右側的影像中,單擊大致對應於左側肖像的圓圈將把讀者帶到William Jennings Bryan,單擊右側肖像將跳轉到Arthur Sewall,單擊其他任何位置將跳轉到 http://projects.vassar.edu/1896/democrats.html。此影像是由以下標記生成的

<imagemap>
File:Bryan-Sewall.jpg|300px|right|alt=1896 Democratic campaign poster with nominees William J. Bryan of Nebraska for President and Arthur Sewall of Maine for Vice President
circle 950 850 700 [[w:William Jennings Bryan|William J. Bryan]]
circle 2950 850 700 [[w:Arthur Sewall|Arthur Sewall]]
default [http://projects.vassar.edu/1896/democrats.html 1896 Democrats]
</imagemap>

此影像地圖示記指定三個區域的標題文字(工具提示)分別是“William J. Bryan”、“Arthur Sewall”和“1896 Democrats”。影像地圖區域的替代文字始終與其標題文字相同;整個影像的替代文字在影像地圖示記的第一行給出。基礎影像的本機尺寸為 3916×1980,座標在這些尺寸中給出,而不是在 300px 調整大小中給出。如 影像地圖文件 中所述,區域可以指定為圓形、矩形和任意多邊形,並且藍色“i”圖示 可以移動或隱藏。此外,影像可以指定為“thumb”或“frame”,這意味著它以通常的方式具有替代文字和標題,使用雙矩形圖示 而不是藍色“i”圖示

不顯示連結

假設您要連結到圖片但不想顯示它。您可以將讀者帶到影像頁面,該頁面會告訴他們誰上傳了它、何時上傳的、版權狀態等等。

[[:File:Wikipedesketch.png]]
File:Wikipedesketch.png

您可以根據需要修改連結文字。

[[:File:Wikipedesketch.png|一隻卡通蜈蚣正在讀書並在筆記型電腦上打字。]]
一隻卡通蜈蚣在筆記型電腦上讀書和打字。

單擊連結時,影像將以合理的大小與其他文字資訊一起顯示。使用者可以單擊生成的中等大小的影像,以跳轉到全尺寸最高解析度的影像。

您也可以將使用者直接傳送到影像

[[Media:Wikipedesketch.png]]
Media:Wikipedesketch.png

這表示“Media:”而不是“File:”。使用者單擊連結時,瀏覽器將直接跳轉到影像。如前所述,您可以更改文字以使其顯示任何您想要的內容。

[[Media:Wikipedesketch.png|一隻卡通蜈蚣正在讀書並在筆記型電腦上打字。]]
一隻卡通蜈蚣在筆記型電腦上讀書和打字。

如果影像非常大,這可能很尷尬,因為使用者單擊連結時會顯示全尺寸影像。

最後,你可以從縮圖的小雙矩形圖示 連結到一個圖片,但使用 "|thumb=顯示的圖片名稱" 來顯示另一張圖片。 這是為那些極少數情況下 Wikibooks 軟體在將圖片縮圖化時效果不佳,而你想要提供你自己的縮圖的情況而設計的。 在下面的例子中,雙矩形連結到 File:Anime stub.svg ,但顯示的圖片是 File:Anime stub.png

Head of cute girl, manga-style, with blue hair, big eyes and smile, and gray puzzle pieces below and around her hair
拼湊起來
[[File:Anime stub.svg|thumb=Anime stub.png|alt=可愛的女孩頭像,漫畫風格,藍色的頭髮,大眼睛和微笑,頭髮下方和周圍是灰色的拼圖碎片|拼湊起來]]


華夏公益教科書