跳转到内容

帮助:文件

This page is semi-protected.
来自维基教科书,开放的书籍,开放的世界
(重定向自 帮助:上传文件)

诸如图像、音频或视频之类的媒体文件通常为出色的散文提供极佳的补充。就像你上传的任何内容一样,版权状态必须与维基教科书的使用兼容。请参阅 维基教科书:媒体 以了解我们的官方许可限制。

上传文件

通常,使用图像或其他媒体文件的第一步是将其上传维基共享资源。所有符合维基教科书使用资格的文件都上传到维基共享资源,除了合理使用文件,这些文件必须上传到英文维基教科书。许多媒体文件在未经许可的情况下受到版权保护,不能上传到任何一个位置。有关可以上传哪些媒体文件的详细信息,请参阅 维基教科书:媒体。维基共享资源上的文件可用于任何语言版本的任何维基媒体项目。

首选的图像格式是SVGPNGJPEGXCF。首选的音频格式是Ogg(使用 FLACSpeexVorbis 编解码器)和 MIDI。视频必须是使用 Theora 视频编解码器的 Ogg 文件。

在上传之前为媒体文件选择一个好名字,因为你之后无法重命名它。文件上传后,你应该能够阅读并理解其文件页面,该页面描述了文件并让读者以原始大小查看图像。

将文件上传到维基共享资源就像在左侧菜单底部(维基教科书徽标下方)的工具箱中点击“上传文件”一样简单。

如果你打算上传到维基教科书,请按照以下步骤操作。你必须登录拥有上传文件到维基教科书的权限。

  1. 访问本地上传页面
  2. 通过点击“浏览”按钮浏览你电脑上的文件位置。
  3. 如果文件名与存储在你电脑上的文件名不同,请为文件提供一个名称。
  4. 复制并粘贴 {{information}} 模板并填写它
    1. 描述你的文件。
    2. 提供文件来源(最好是URL)。如果你截取了屏幕截图,请说明并指出屏幕截图所代表的软件或网站。
    3. 提供所描绘的受版权保护的作品的创作日期或受版权保护的文件本身的创作日期。如果你上传的是屏幕截图,则此日期将是今天的日期。
    4. 提供作品的作者。如果文件是受版权保护的软件或网站的屏幕截图,请提供版权所有者。
  5. 复制并粘贴 {{non-free use rationale}} 模板并填写它
    1. 将使用文件的页面名称。非自由文件必须通过单独的非自由使用模板为每个使用提供理由。
    2. 所描绘作品或文件本身的版权所有者。
    3. 文件的来源;这将与上面信息模板中的来源匹配。
    4. 为为什么必须使用此非自由文件而不是任何免费许可的替代方案提供理由。
    5. 此文件的目的以及为什么必须将其用于它旨在说明的书籍。
  6. 从菜单中选择正确的非自由媒体类型。这会自动插入一个标签,例如 {{non-free art}} 或 {{non-free stamp}}。

文件页面

当图像、视频或声音剪辑等文件被上传到维基教科书或维基共享资源时,会创建一个相关的文件页面。这些页面的目的是提供有关文件的相关信息,例如作者、创作日期、上传文件的人、可能进行的任何修改、关于文件主题或背景的扩展描述、文件的使用位置以及版权信息。在图像的情况下,文件页面显示图像的高分辨率版本(如果可用)。要查看图像或视频的文件页面,请点击图像本身。对于音频文件,请点击信息图标,,在声音剪辑链接附近。

描述页面包含五个部分

  • 文件本身
  • "文件摘要" - 图像是什么以及关于它的内容以及它的来源。
  • "文件历史" - 当一个新版本的具有相同名称的文件被上传时,现有文件会被替换并可以通过文件历史访问。请参阅页面历史
  • "文件链接" - 嵌入文件的页面列表,无论是直接嵌入还是通过模板嵌入。
  • "元数据"(仅图像) - 有关文件以及用于创建它的设备(相机型号等)的技术信息。

以下是不同类型文件的示例页面

使用文件

本节解释了如何使用维基文本将图片插入维基教科书页面。它描述了用于指定位置、屏幕阅读器替代文本、标题、大小和链接的选项,并包含关于全景图和避免图像堆积的建议。无论文件来自维基教科书还是维基共享资源,都使用相同的语法。

缩略图

典型图片可以使用一行 "[[File:...|thumb|...]]" 插入,如下所示。使用 "thumb" 会生成缩略图,它的大小通常与原始图像不同。几个选项可以影响缩略图的位置和大小。

在左侧

默认情况下,缩略图会浮动到页面的右侧,文本会围绕它流动。但是,本页右侧较高的“维基教科书帮助”框可能会与右侧浮动的图片发生冲突,因此我们的第一个示例指定了“left”,你可以看到下面生成的图片的样子

[[File:Wikipedesketch.png|thumb|left|alt=一只卡通蜈蚣正在看书并在笔记本电脑上打字。|维基佩德正在编辑 ''[[Using Wikibooks]]''。]]
A cartoon centipede reads books and types on a laptop.
维基佩德正在编辑使用维基教科书

上面的文本给出了图像文件名“Wikipedesketch.png”,图像类型“thumb”和对齐方式“left”,替代文本“一只卡通蜈蚣正在看书并在笔记本电脑上打字。”,以及标题“维基佩德正在编辑使用维基教科书。”。维基教科书读者可以点击缩略图或点击下面的双矩形小图标 ,以查看相应的文件页面,这将允许用户以原始大小查看图像。

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

替代文字(alt 文字)是为视障读者准备的。通常,标题或页面对图像的描述不足,在这种情况下,您可以写 **alt=caption** 或 **alt=see adjacent text**。如果添加了额外的 alt 文字,它应该是一个简洁的描述。与 alt 文字不同,标题可以包含像“`''[[使用维基教科书]]''`”这样的维基标记。标题文字放在图片下方。

这里再次展示相同的示例,这次是在一些彩色的 lorem ipsum 虚拟文字中,其中星号 (*) 显示图像语法在文本中出现的位置。

[[File:Wikipedesketch.png|thumb|left|alt=一只卡通蜈蚣正在看书并在笔记本电脑上打字。|维基佩德正在编辑 ''[[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.


在右边

缩略图的默认位置在右边。

[[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}} 模板创建。例如

{{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
菲利普·魏特,《日耳曼尼亚》,1834-1836 年
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-1883 年

还有其他创建画廊的方法。一种简单的方法是使用编辑文本框上方 编辑工具栏 中的 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 标签帮助 以及以下完整参数列表)

<gallery caption="Sample gallery" widths="180px" heights="120px" perrow="3">
File:Wiki.png|Caption text.
[...]
</gallery>
  • 图片之间用换行符隔开。
  • 标题是可选的。
  • 注意,除了标题中的链接之外,没有其他括号。
  • 默认宽度和高度为 120 像素。


不幸的是,gallery 标签不支持替代文本,因此它会生成对视障人士和其他无法看到图片的读者来说不可访问的页面。可以使用 {{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 文本默认为空,但普通图片的 alt 文本默认为其标题文本(如果存在),否则默认为图片的文件名;此默认值可以使用显式 "alt=替代文本" 选项覆盖。标题文本与 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}}。标题会自动添加为图片的标题和 alt 文本,并且对其使用的任何 wiki 标记都会在标题中正确显示,但会自动从 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" 选项会添加一个 1 像素边框,这在区分图片和背景很重要时非常有用。以下是同一张图片,分别带和不带边框。

[[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=显示的图片名称" 来显示另一张图片。 这是为那些极少数情况下 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=可爱的女孩头像,漫画风格,蓝色的头发,大眼睛和微笑,头发下方和周围是灰色的拼图碎片|拼凑起来]]


华夏公益教科书