置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

幫助:外部圖像

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋
Commons-emblem-notice.svg
這個頁面「Help:外部圖像」是萌娘百科的幫助文檔
  • 本文用於介紹萌娘百科中一些特定功能的操作方法;
  • 本文僅是一篇論述,不屬於方針或指引。如果本指南與相關方針或指引發生衝突或存在不一致的情況,請以方針或指引的條文為準。

這篇幫助文檔介紹如何在萌娘百科使用外部圖像。對於條目中使用的圖像,請優先將其上傳到萌娘共享,以內部圖像的方式引用。

提醒:使用鏈接鏈入的萌娘共享圖片不會在Special:鏈入頁面cm:Special:全域使用情況中出現,這可能導致一些條目使用中的圖片被誤判斷為未使用而被刪除。如果內部圖片寫法不能滿足需求,請嘗試在使用外鏈的頁面加入被隱藏的圖片鏈接或使用{{鏈入文件}}以確保內鏈。

簡單語法

簡單的使用外部圖片,可以直接將圖片地址輸入或粘貼指條目內(如下文)。

簡單顯示外部圖像

直接在文中插入圖片地址,即可顯示圖片:

https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png

效果如下:

2010-DEC-13MoeGirlWikiLogo.png

這樣使用的時候在圖片後不要帶有URL參數。

Help:魔術字/解析器函數#URL與標題的數據和解析

你也可以使用 {{filepath:內部圖片文件名}}來把內部圖片以外部圖像的格式顯現,如{{filepath:2010-DEC-13MoeGirlWikiLogo.png}}

效果如下:

2010-DEC-13MoeGirlWikiLogo.png

使用模板排版外部圖片

參見:模板:圖片外鏈

帶鏈接的外部圖像

[https://zh.moegirl.org.cn/ https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png]
  • 注意:格式為 [鏈接地址(空格)圖片地址]

效果如下:

2010-DEC-13MoeGirlWikiLogo.png

帶注釋的外部圖像

主頁面:Template:外部圖片注釋

萌娘百科中有一個模板,可以讓編輯者方便地為外部圖片加上框架,並且能夠對齊浮動。

語法為:{{外部圖片注釋|圖片地址|注釋文字|位置(默認為右)|宽度=尺寸(默認為400px)}}

{{外部圖片注釋|https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png|這是萌娘百科LOGO|左|宽度=150px}}

效果如下:

警告:請勿在外部圖片模板中使用站內圖片。

https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png
‌外部圖片
這是萌娘百科LOGO

外部圖像畫廊

主頁面:Template:Gallery

基礎語法:{{Gallery|title=畫廊標題|width=單圖最大寬度|height=單圖最大高度|圖片1地址|圖片1標題|圖片2地址|圖片2標題|……}}

  • 注意:如果沒有標題,僅將文字刪除,不要刪除分隔豎線。
{{Gallery|title=這是萌娘百科LOGO|width=150|height=150
|https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png|這
|https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png|是
|https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png|萌
|https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png|娘
|https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png|百
|https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png|科
|https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png|
|https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png|LOGO
}}

效果如下:

<img />語法

<img />語法可能相對複雜,但使用這個語法可以改變外部圖片大小(簡單語法無法實現)等功能。

基礎格式

<img src="http://vignette2.wikia.nocookie.net/half-life/images/b/bc/Black_Mesa_logo_documents.svg/revision/latest?cb=20100327173831&path-prefix=en" />

效果如下:

這種寫法顯示出來和#簡單顯示外部圖像中的圖片無異。

圖片縮放

實現圖片縮放有兩種方式:定義圖片寬度width屬性)或/和定義圖片高度height屬性)。

使用寬度屬性

如果需要一個寬度為250px的圖片:

<img src="https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="width:250px;" />

效果如下:

使用高度屬性

如果需要一個高度為150px的圖片:

<img src="https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="height:150px;" />

效果如下:

同時使用

同時定義高度和寬度可以實現拉伸圖片的效果。

  • 註:寬度屬性和高度屬性沒有先後順序之差別,即「先寫寬度後寫高度」和「先寫高度後寫寬度」沒有差別。
<img src="https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="height:300px;width:500px;" />

效果如下:

  • 注意1:通常過大的圖片不應該放置在條目正文內,這會不方便讀者瀏覽。大多數圖片的寬度應大約位於100至400像素之間,所以在設定圖片大小時,數值不應超過這個範圍。
  • 注意2:強行放大圖片會使分辨率下降,因為這我們要求圖片變成500像素寬,但圖片的實際大小並沒有500像素寬只有400像素,因此瀏覽器的排版顯示器便要將圖片強制擴大至500像素寬,其顯示效果便會較差了。所以切記永不依照這個方法來放大位圖圖片。

其它屬性

<img />語法還有其它的屬性可以選用:

屬性 描述
src URL 必須使用。規定顯示圖像的URL。
height pixels
%
定義圖像的高度。
width pixels
%
設置圖像的寬度。
alt text 規定圖像的替代文本(當圖片無法顯示時,顯示文本內容)。
title text 鼠標滑過時顯示的文字提示。
longdesc URL 指向包含長的圖像描述文檔的URL。
ismap URL 將圖像定義為服務器端圖像映射。
usemap URL 將圖像定義為客戶器端圖像映射。

參考資料與注釋