跳转到内容

帮助:文件

This page is semi-protected.
来自维基教科书,开放世界中的开放书籍
(从 Wikibooks:FILE 重定向)

图像、音频或视频等媒体文件通常为精彩的散文提供极好的补充。与您上传的任何内容一样,版权状态必须与在维基教科书中的使用兼容。请参阅 Wikibooks:Media,了解我们官方的许可限制。

上传文件

通常,使用图像或其他媒体文件的 第一步 是将其 上传维基共享资源。所有符合维基教科书使用条件的文件都上传到维基共享资源,除了 合理使用 文件,它们必须 上传 到英文维基教科书。许多媒体文件受版权保护,未经许可不得重新分发,因此不能上传到任何一个地方。有关哪些媒体文件可以上传的详细信息,请参阅 Wikibooks:Media。维基共享资源上的文件可供任何语言版本的任何 维基媒体 项目使用。

首选的图像格式是 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”,备用文本“一只卡通蜈蚣阅读书籍并在笔记本电脑上打字。”,标题为“维基佩德编辑了“使用维基教科书”。维基教科书读者可以点击缩略图或它下面的双矩形图标 ,以查看相应的文件页面,该页面将让用户看到原始尺寸的图像。

虽然上面的文本可能会为了格式化而出现在多行中,但实际的图像文本位于一行上,因为它使用空格,没有换行符。“[[”和第一个“|”必须在同一行上;其他空格和换行符如果位于“|”字符旁边或方括号内部,则会被忽略。图像语法的某些部分,例如“alt=”,不允许空格或换行符,最简单的方法是省略不必要的空格和换行符。

替代文字(alt 文字)是为视障读者准备的。通常标题或页面会对图像进行不充分的描述,在这种情况下,您可以写上 **alt=标题** 或 **alt=参见相邻文本**。如果添加了额外的 alt 文字,它应该是一个简洁的描述。与 alt 文字不同,标题可以包含像 "''[[使用维基教科书]]''" 这样的维基标记。标题文本放在图片下方。

以下是同一个示例,这次是在一些彩色的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=一只卡通蜈蚣在阅读书籍并在笔记本电脑上打字。|维基人正在编辑 ''[[使用维基教科书]]''。]]
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=一只卡通蜈蚣在阅读书籍并在笔记本电脑上打字。|维基人正在编辑 ''[[使用维基教科书]]''。]]
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=一只卡通蜈蚣在阅读书籍并在笔记本电脑上打字。|维基人正在编辑 ''[[使用维基教科书]]''。]]
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像素 (px)。此宽度由典型的读者使用,他们没有登录或没有更改他们的偏好。您可以在 "外观:文件" 下的 我的偏好 中为自己设置不同的默认宽度。选项有 120px、150px、180px、200px、220px、250px 和 300px。任何比首选宽度窄的图片都会以更窄的宽度显示。

默认行为可能会使高瘦的图片显得太大。例如

[[File:Amun.svg|thumb|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.

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" 选项可以通过告知维基教科书布局系统图像应该比平时更窄来帮助解决这个问题

[[File:Amun.svg|thumb|upright|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.

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=穿着古埃及服装的男性全身侧面肖像。他皮肤呈红棕色,戴着一顶带有高耸黄色羽饰的头盔。|阿蒙神,描绘于阿玛尔纳时期之前]]
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.

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=世界地图。一条棕褐色的带状区域从北非延伸到中国中部;澳大利亚的大部分地区以及南非和美洲西部的部分地区也是棕褐色的。深绿色占据着北半球。浅绿色覆盖着赤道附近的许多陆地。极地地区为白色,北部边缘为浅蓝色。|地球上的大气候。棕褐色代表沙漠,深绿色代表湿润大陆性气候,浅绿色代表热带雨林。浅蓝色和白色代表苔原和冰盖。]]
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.
地球上的大气候。棕褐色代表沙漠,深绿色代表湿润大陆性气候,浅绿色代表热带雨林。浅蓝色和白色代表苔原和冰盖。

*

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.
地球上的大气候。棕褐色代表沙漠,深绿色代表湿润大陆性气候,浅绿色代表热带雨林。浅蓝色和白色代表苔原和冰盖。
像素高度

要指定图片的确切高度,并让宽度按比例缩放,请在高度前加上 "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=一只卡通蜈蚣正在阅读书籍并在笔记本电脑上打字。|维基百科编辑了 ''[[使用维基教科书]]''。]]
A cartoon centipede reads books and types on a laptop.
维基佩德编辑了“使用维基教科书”。

全景图

不应将非常大的图片直接放入书籍中,因为它们会导致某些浏览器环境出现问题。宽度超过 550 像素左右的图像通常最好被视为全景图,可以使用 {{宽图像}} 模板创建。例如

{{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.

对齐

通常有两个图片在逻辑上应该分组在一起。{{多图像}} 模板是实现此目的的一种方法。例如

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
菲利普·魏特,《日耳曼尼亚》,1834–36
Robed woman, standing, holding a sword
菲利普·魏特,《日耳曼尼亚》,1848
Monument of robed woman, standing, holding a crown in one hand and a partly sheathed sword in another
约翰内斯·席林,《日耳曼尼亚》,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。


不幸的是,图库标签不支持替代文本,因此它会生成无法被视力障碍者和其他无法看到图片的读者访问的页面。可以使用 {{图库}} 模板来克服此问题

{{#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}}}}} }}

强制换行

作为最后的手段,可以使用 {{清除}} 强制浏览器插入换行符,使所有文本和图片都显示在第一张图片的底部下方。这会导致相当不美观的间隙,尤其是在伴随的文本中。请记住,文本会根据用户选择的浏览器、屏幕分辨率、默认字体大小、辅助功能选项、工具栏和侧边栏(如即时消息窗格)的数量等因素而以不同的方式流动和换行。不要仅仅为了让页面在你的显示器上看起来漂亮而强制执行页面设计。只有在绝对必要时才进行修改。在尽可能的情况下,只需使用最简单的逻辑页面流。

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 文本默认为空,但普通图片的 alt 文本默认为其标题文本(如果已提供)或图片的文件名(如果未提供);此默认值可以使用显式的 "alt=Alt 文本" 选项覆盖。标题文本与 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.
  • 注意:要实现带有标题的普通图片,可以使用 {{带有标题的普通图片}}。标题会自动添加为图片的标题和 alt 文本,并且用于其中的任何维基标记都会在标题中正确显示,但会自动从 alt 和标题文本中删除。请查看 此处 的示例。

普通图片大小

普通图片默认为图片的原生尺寸。可以使用显式尺寸覆盖此默认值。例如

[[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=因子" 选项调整默认值。如果你使用 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]]”会生成一个链接到书籍“French”的旗帜 France

要链接到外部网站,请在链接选项中指定其 URL 以及一个适当的标题。例如,“[[File:Flag of Belgium.svg|20px|link=http://www.belgium.be/en/|Belgium government portal]]”会生成一个链接到比利时政府英文门户网站的旗帜 Belgium government portal

纯装饰性图片不会传达任何信息,并且点击它不会执行任何操作,可以使用空替代属性来指定。例如,“[[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

您可以使用 图片地图 将图片的不同部分链接到不同的位置。例如,在右侧的图片中,点击大致对应于左侧肖像的圆圈会将读者带到“William Jennings Bryan”,点击右侧肖像会带到“Arthur 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”。图片地图区域的替代文本始终与其标题文本相同;整个图片的替代文本在图片地图标记的第一行给出。底层图片的原始尺寸为 3916×1980,坐标以这些尺寸给出,而不是 300px 调整大小。如 图片地图文档 中所述,区域可以指定为圆形、矩形和任意多边形,蓝色“i”图标 可以移动或隐藏。此外,图片可以指定为“thumb”或“frame”,这意味着它具有替代文本和标题,并使用双矩形图标 而不是蓝色“i”图标

不显示链接

假设您想链接到图片但不显示它。您可以将读者带到图片页面,该页面会告诉他们谁上传了图片、何时上传、版权状态等。

[[:File:Wikipedesketch.png]]
File:Wikipedesketch.png

您可以根据需要更改链接的文字。

[[:File:Wikipedesketch.png|一只卡通蜈蚣正在读书并在笔记本电脑上打字。]]
一只卡通蜈蚣正在阅读书籍并在笔记本电脑上打字。

点击链接后,图片会以合理的大小与其他文本信息一起显示。用户可以点击生成的中等大小的图片,以查看全尺寸最高分辨率的图片。

您也可以将用户直接发送到图片

[[Media:Wikipedesketch.png]]
Media:Wikipedesketch.png

这表示“Media:”而不是“File:”。当用户点击链接时,浏览器会直接跳转到图片。与之前一样,您可以更改文本,使其显示任何您想要的文字。

[[Media:Wikipedesketch.png|一只卡通蜈蚣正在读书并在笔记本电脑上打字。]]
一只卡通蜈蚣正在阅读书籍并在笔记本电脑上打字。

如果图片很大,这可能会很麻烦,因为用户点击链接后会显示全尺寸图片。

最后,您可以从缩略图的小双矩形图标 链接到一个图像,但使用“|thumb=显示的图像名称” 显示另一个图像。 这是为罕见情况而设计的,在这种情况下,维基教科书软件将图像缩小到缩略图时效果不佳,并且您想要提供自己的缩略图。 在下面的示例中,双矩形链接到 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=可爱的女孩头部,漫画风格,蓝色头发,大眼睛,微笑,头发下面和周围是灰色拼图碎片|拼凑在一起]]


华夏公益教科书