跳轉到內容

幫助:檔案

This page is semi-protected.
來自華夏公益教科書
(從 Wikibooks:FILE 重定向)

影像、音訊或影片等媒體檔案通常為精彩的散文提供極好的補充。與您上傳的任何內容一樣,版權狀態必須與在華夏公益教科書中的使用相容。請參閱 Wikibooks:Media,瞭解我們官方的許可限制。

上傳檔案

通常,使用影像或其他媒體檔案的 第一步 是將其 上傳維基共享資源。所有符合華夏公益教科書使用條件的檔案都上傳到維基共享資源,除了 合理使用 檔案,它們必須 上傳 到英文華夏公益教科書。許多媒體檔案受版權保護,未經許可不得重新分發,因此不能上傳到任何一個地方。有關哪些媒體檔案可以上傳的詳細資訊,請參閱 Wikibooks:Media。維基共享資源上的檔案可供任何語言版本的任何 維基媒體 專案使用。

首選的影像格式是 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.
維基佩德編輯了“使用華夏公益教科書”。

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

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

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

以下是同一個示例,這次是在一些彩色的lorem ipsum 虛擬文字中,星號 (*) 表示影像語法在文字中的位置

[[File:Wikipedesketch.png|thumb|left|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.


在右邊

縮圖的預設位置是在右邊

[[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|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.

對齊

通常有兩個圖片在邏輯上應該分組在一起。{{多影像}} 模板是實現此目的的一種方法。例如

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


不幸的是,相簿標籤不支援替代文字,因此它會生成無法被視力障礙者和其他無法看到圖片的讀者訪問的頁面。可以使用 {{相簿}} 模板來克服此問題

{{#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}}}}} }}

強制換行

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

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 文字" 選項覆蓋。標題文字與 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.
  • 注意:要實現帶有標題的普通圖片,可以使用 {{帶有標題的普通圖片}}。標題會自動新增為圖片的標題和 alt 文字,並且用於其中的任何維基標記都會在標題中正確顯示,但會自動從 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" 選項會新增一個畫素的邊框,當需要區分圖片和背景時,這很有用。以下是在有和沒有邊框的情況下顯示的同一張圖片。

[[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=顯示的影像名稱” 顯示另一個影像。 這是為罕見情況而設計的,在這種情況下,華夏公益教科書軟體將影像縮小到縮圖時效果不佳,並且您想要提供自己的縮圖。 在下面的示例中,雙矩形連結到 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=可愛的女孩頭部,漫畫風格,藍色頭髮,大眼睛,微笑,頭髮下面和周圍是灰色拼圖碎片|拼湊在一起]]


華夏公益教科書