跳轉到內容

幫助:檔案

This page is semi-protected.
來自華夏公益教科書,開放世界的開放書籍

諸如圖片、音訊或影片之類的媒體檔案通常是對精彩散文的有力補充。與您上傳的任何內容一樣,版權狀態必須與華夏公益教科書上的使用相容。請參閱 華夏公益教科書:媒體,瞭解我們官方的許可限制。

上傳檔案

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

首選的圖片格式是 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",替代文字 "一隻卡通蜈蚣正在讀書並在筆記型電腦上打字",以及標題 "The Wikipede edits Using Wikibooks." Wikibooks 閱讀者可以點選縮圖,或者點選下面的雙矩形小圖示 ,檢視相應的圖片頁面,該頁面將允許使用者檢視圖片的原始大小。

雖然上面的文字可能為了格式目的而顯示在多行,但實際圖片文字只有一行,因為它使用空格,沒有任何換行符。 "[[" 和第一個 "|" 必須在同一行;如果其他空格和換行符緊挨著 "|" 字元或者在括號內,它們將被忽略。某些圖片語法部分,例如 "alt=",不允許空格或換行符,最簡單的方法是省略不必要的空格和換行符。

替代文字(alt 文字)用於視力障礙讀者。通常,標題或頁面對圖片的描述不足,在這種情況下,你可以寫 alt=captionalt=see adjacent text。如果添加了額外的 alt 文字,它應該是一個簡潔的描述。與 alt 文字不同,標題可以包含 wiki 標記,如 "''[[Using Wikibooks]]''"。標題文字放在圖片下方。

下面是同一個例子,這次是在一些帶顏色的 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=一隻卡通蜈蚣正在讀書並在筆記型電腦上打字.|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.

沒有流動文字

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

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

你也可以使用 "none" 將圖片放置在左邊,沒有文字環繞

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

縮圖大小

通常,縮圖的寬度為 220 pixels (px)。這種寬度被典型讀者使用,他們沒有登入或沒有更改他們的偏好設定。你可以在 My preferences 的 "Appearance:Files" 下為自己設定不同的預設寬度。選項包括 120px、150px、180px、200px、220px、250px 和 300px。任何比首選寬度窄的圖片都將以更窄的寬度顯示。

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

[[File:Amun.svg|thumb|alt=身著古埃及服裝的男人的全身側面像。他的皮膚是紅棕色,頭戴有高高黃色羽毛的頭盔。|The Egyptian god Amun, portrayed before the Amarna period]]
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.
The Egyptian god Amun, portrayed before the Amarna period

*

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=身著古埃及服裝的男人的全身側面像。他的皮膚是紅棕色,頭戴有高高黃色羽毛的頭盔。|The Egyptian god Amun, portrayed before the Amarna period]]
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.
The Egyptian god Amun, portrayed before the Amarna period

*

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=身著古埃及服裝的男人的全身側面像。他的皮膚是紅棕色,頭戴有高高黃色羽毛的頭盔。|The Egyptian god Amun, portrayed before the Amarna period]]
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.
The Egyptian god Amun, portrayed before the Amarna period

*

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=世界地圖。一條棕褐色帶從北非延伸到中國中部;澳大利亞的大部分地區以及南非和美洲西部的部分地區也是棕褐色。深綠色在北半球占主導地位。淺綠色覆蓋赤道附近的大部分陸地。極地地區是白色的,北部邊緣是淺藍色。|Macroclimates of the earth. Tans represent desert, dark greens humid continental, and light green tropical rainforest. Light blue and white represent tundra and ice cap.]]
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.
Macroclimates of the earth. Tans represent desert, dark greens humid continental, and light green tropical rainforest. Light blue and white represent tundra and ice cap.

*

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.
Macroclimates of the earth. Tans represent desert, dark greens humid continental, and light green tropical rainforest. Light blue and white represent tundra and ice cap.
畫素高度

為了指定圖片的精確高度,並讓寬度按比例縮放,請在高度前面加上“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=一隻卡通蜈蚣正在讀書並使用筆記型電腦打字。|維基百科正在編輯“[[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
菲利普·韋特,《Germania》,1834-36 年
Robed woman, standing, holding a sword
菲利普·韋特,《Germania》,1848 年
Monument of robed woman, standing, holding a crown in one hand and a partly sheathed sword in another
約翰內斯·席林,《Germania》,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。


不幸的是,相簿標籤不支援替代文字,因此它生成的頁面無法被視障人士和其他無法看到圖片的讀者訪問。可以使用 {{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=替代文字” 選項覆蓋。標題文字與替代文字一樣,會忽略任何 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}}。標題會自動新增為圖片的標題和替代文字,並且在標題中使用的任何 Wiki 標記都將在標題中正確顯示,但會自動從替代文字和標題文字中剝離。請檢視 此處 的示例。

普通圖片大小

普通圖片預設為圖片的原始尺寸。可以透過顯式大小覆蓋此預設值。例如

[[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=factor” 選項調整預設值。如果你使用縮圖寬度的常見預設值 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]]" 生成一個連結到書籍 法語 的國旗 France

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

此影像地圖示記指定三個區域的標題文字(工具提示)分別是“William J. Bryan”、“Arthur Sewall”和“1896 Democrats”。影像地圖區域的 alt 文字始終與其標題文字相同;影像地圖示記的第一行給出整個影像的 alt 文字。基礎影像的原生尺寸為 3916×1980,座標是在這些尺寸中給出的,而不是在 300px 調整大小中給出的。如 影像地圖文件 中所述,區域可以指定為圓形、矩形和任意多邊形,藍色“i”圖示 可以移動或隱藏。此外,影像可以指定為“thumb”或“frame”,這意味著它以通常的方式具有 alt 文字和標題,並帶有雙矩形圖示 而不是藍色“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=可愛女孩頭部,漫畫風格,藍色頭髮,大眼睛和微笑,頭髮下方和周圍有灰色拼圖碎片|拼湊在一起]]


華夏公益教科書