萌娘百科衷心希望新型冠状病毒肺炎疫情早日结束! | 创建原型类条目前请阅读关于原型类条目收录方针变动的公告
针对音乐条目收录范围的修正案(2021.02.20)正在讨论中,欢迎参与!
  • 你好~!欢迎来到萌娘百科!如果您是第一次来到这里,点这里加入萌娘百科!
  • 欢迎具有翻译能力的同学~有意者请点→Category:需要翻译的条目
  • 如果您在萌娘百科上发现某些内容错误/空缺,请勇于修正/添加!编辑萌娘百科其实很容易!
  • 觉得萌娘百科有趣的话,请推荐给朋友哦~
  • 萌娘百科群119170500欢迎加入,加入时请写明【萌娘百科+自己的ID】~
  • 萌娘百科Discord群组已经建立,请点此加入!

帮助:外部图像

萌娘百科,万物皆可萌的百科全书!转载请标注来源页面的网页链接,并声明引自萌娘百科。内容不可商用。
跳转至: 导航搜索
Commons-emblem-notice.svg
这个页面“Help:外部图像”是萌娘百科的帮助文档
  • 本文用于介绍萌娘百科中一些特定功能的操作方法;
  • 本文仅是一篇论述,不属于方针或指引。如果本指南与相关方针或指引发生冲突或存在不一致的情况,请以方针或指引的条文为准。

本页面是一个关于如何使用外部图像的帮助,如果您需要插入内部图片,请参见: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 将图像定义为客户器端图像映射。

参考资料与注释