跳转到内容

帮助:文件

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=可爱女孩头部,漫画风格,蓝色头发,大眼睛和微笑,头发下方和周围有灰色拼图碎片|拼凑在一起]]


华夏公益教科书