Help:外部图像
- 本文用于介绍萌娘百科中一些特定功能的操作方法；
- 本文仅是一篇论述，不属于方针或指引。如果本指南与相关方针或指引发生冲突或存在不一致的情况，请以方针或指引的条文为准。
这篇帮助文档介绍如何在萌娘百科使用外部图像。对于条目中使用的图像，请优先将其上传到萌娘共享，以内部图像的方式引用。
提醒：使用链接链入的萌娘共享图片不会在Special:链入页面和cm:Special:全域使用情况中出现，这可能导致一些条目使用中的图片被误判断为未使用而被删除。如果内部图片写法不能满足需求，请尝试在使用外链的页面加入被隐藏的图片链接或使用{{链入文件}}以确保内链。
简单语法
简单的使用外部图片，可以直接将图片地址输入或粘贴指条目内（如下文）。
简单显示外部图像
直接在文中插入图片地址，即可显示图片：
https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png
效果如下：
這樣使用的時候在圖片後不要帶有URL參數。
你也可以使用 {{filepath:内部图片文件名}}来把内部图片以外部图像的格式显现，如{{filepath:2010-DEC-13MoeGirlWikiLogo.png}}
效果如下：
使用模板排版外部图片
- 参见：模板:图片外链
带链接的外部图像
[https://zh.moegirl.org.cn/ https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png]
- 注意：格式为 [链接地址(空格)图片地址]
效果如下：
带注释的外部图像
- 主页面：Template:外部图片注释
萌娘百科中有一个模板，可以让编辑者方便地为外部图片加上框架，并且能够对齐浮动。
语法为：{{外部图片注释|图片地址|注释文字|位置（默认为右）|宽度=尺寸（默认为400px）}}
{{外部图片注释|https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png|这是萌娘百科LOGO|左|宽度=150px}}
效果如下：
警告：请勿在外部图片模板中使用站内图片。
外部图像画廊
- 主页面：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
}}
效果如下：
| 这是萌娘百科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 | 将图像定义为客户器端图像映射。 |
- 各属性详细资料请参见：参考资料。
| |||||||||||||||||||||||||||||||||||
参考资料与注释
- HTML <img> 标签
- 更多图像模板参见：分类:图像模板