跳轉到內容

幫助:檔案

This page is semi-protected.
來自華夏公益教科書,開放世界的開放書籍
(重定向自 Wikibooks:UPLOAD)

影像、音訊或影片等媒體檔案通常可以很好地補充精彩的散文。與您上傳的任何內容一樣,版權狀態必須與華夏公益教科書上的使用相容。有關我們官方許可限制的詳細資訊,請參閱 華夏公益教科書:媒體

上傳檔案

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

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

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

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

如果您打算上傳到華夏公益教科書,請按照以下步驟操作。您必須登入獲得許可權才能將檔案上傳到華夏公益教科書。

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

檔案頁面

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

描述頁面包含五個部分

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

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

使用檔案

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

縮圖

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

在左側

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

[[File:Wikipedesketch.png|thumb|left|alt=A cartoon centipede reads books and types on a laptop.|The Wikipede edits ''[[Using Wikibooks]]''.]]
A cartoon centipede reads books and types on a laptop.
維基百科正在編輯使用華夏公益教科書

上面的文字給出了影像檔名“Wikipedesketch.png”,影像型別“thumb”和對齊方式“left”,替代文字“A cartoon centipede reads books and types on a laptop.”,以及標題“維基百科正在編輯使用華夏公益教科書”。華夏公益教科書讀者可以點選縮圖,或點選下面的小型雙矩形圖示 ,以檢視相應的檔案頁面,該頁面將允許使用者以原始尺寸檢視影像。

儘管以上文字可能出於格式目的而顯示在多行中,但實際影像文字位於一行中,因為它使用空格,沒有換行符。“[[”和第一個“|”必須在同一行;如果其他空格和換行符位於“|”字元旁邊或括號內,則會被忽略。影像語法中的某些部分,例如“alt=”,不允許空格或換行符,最簡單的方法是省略不必要的空格和換行符。

備用文字(alt 文字)是為視障讀者準備的。通常,標題或頁面會不充分地描述影像,在這種情況下,您可以寫alt=標題alt=參見相鄰文字。如果添加了額外的 alt 文字,它應該是一個簡潔的描述。與 alt 文字不同,標題可以包含像“''[[Using Wikibooks]]''”這樣的 wiki 標記。標題文字放在圖片下方。

以下是一樣的例子,這次是在一些彩色的lorem ipsum虛擬文字中,其中星號 (*) 顯示影像語法出現在文字中的位置

[[File:Wikipedesketch.png|thumb|left|alt=A cartoon centipede reads books and types on a laptop.|The Wikipede edits ''[[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=一隻卡通蜈蚣閱讀書籍並在筆記型電腦上打字。|The Wikipede 編輯 ''[[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.

沒有流動文字

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

[[File:Wikipedesketch.png|thumb|center|alt=一隻卡通蜈蚣閱讀書籍並在筆記型電腦上打字。|The Wikipede 編輯 ''[[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.

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

[[File:Wikipedesketch.png|thumb|none|alt=一隻卡通蜈蚣閱讀書籍並在筆記型電腦上打字。|The Wikipede 編輯 ''[[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.

縮圖尺寸

通常,縮圖的寬度為 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”選項可以幫助解決這個問題,它通知 Wikibooks 佈局系統圖像應該比平時更窄

[[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 畫素的寬度向他們顯示圖片,這更有可能在他們的顯示器上執行良好。

畫素數通常比縱橫比更適合顯示圖片組合,其中一些圖片具有已知且有限的尺寸,以及顯示旨在與文字組合的小圖示。

原生尺寸

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

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

全景圖

非常大的圖片不應該直接放在書本中,因為它們會導致某些瀏覽器環境出現問題。寬度超過 550px 的圖片通常最好以全景圖的形式處理,可以使用 {{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-36 年
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-83 年

還有其他方法可以製作畫廊。一種簡單的方法是使用編輯文字框上方的 編輯工具欄 中的 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>
  • 影像用換行符分隔。
  • 標題是可選的。
  • 請注意,除了標題內的連結之外,沒有其他括號。
  • 預設寬度和高度為 120px。


不幸的是,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=替代文字” 選項覆蓋。標題文字與替代文字一樣,會忽略任何維基標記。

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

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}}。標題將自動新增為圖片的標題和替代文字,並且在標題中使用的任何維基標記都將正確顯示在標題中,但將自動從替代文字和標題文字中剝離。請參見 此處 的示例。

普通圖片尺寸

普通圖片預設使用圖片的原生尺寸。可以使用顯式尺寸覆蓋此設定。例如

[[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” 選項會新增一個畫素的邊框,當需要區分影像和背景時,這會很有用。以下是相同圖片的帶邊框和不帶邊框版本。

[[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]]” 生成一個旗幟 法國,連結到書籍 法國

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

純粹的裝飾性影像不會傳達任何資訊,並且在單擊時不會執行任何操作,可以使用空的 alt 屬性來指定。 例如,“[[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

您可以使用影像地圖將影像的不同部分連結到不同的位置。 例如,在右側的影像中,單擊大致對應於左側肖像的圓圈將把讀者帶到 威廉·詹寧斯·布萊恩,單擊右側的肖像將轉到 亞瑟·塞沃爾,單擊任何其他地方將轉到 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>

此影像地圖示記指定三個區域的標題文字(工具提示)分別為“威廉·J·布萊恩”、“亞瑟·塞沃爾”和“1896 年民主黨”。 影像地圖區域的替代文字始終與其標題文字相同;整個影像的替代文字在影像地圖示記的第一行給出。 基礎影像的本機尺寸為 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 軟體將圖片縮圖時效果不佳,您想提供自己的縮圖。在以下示例中,雙矩形連結到 檔案:Anime stub.svg 但顯示的圖片是 檔案: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=可愛女孩的頭部,漫畫風格,藍色頭髮,大眼睛和微笑,頭髮下方和周圍有灰色拼圖碎片|拼湊起來]]


華夏公益教科書