跳转到内容

帮助:文件

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

图像、音频或视频等媒体文件通常可以很好地补充精彩的散文。与您上传的任何内容一样,版权状态必须与维基教科书上的使用兼容。有关我们官方许可限制的详细信息,请参阅 维基教科书:媒体

上传文件

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

首选的图像格式为 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.|The Wikipede edits ''[[Using Wikibooks]]''.]]
A cartoon centipede reads books and types on a laptop.
维基百科正在编辑使用维基教科书

上面的文本给出了图像文件名“Wikipedesketch.png”,图像类型“thumb”和对齐方式“left”,替代文本“A cartoon centipede reads books and types on a laptop.”,以及标题“维基百科正在编辑使用维基教科书”。维基教科书读者可以点击缩略图,或点击下面的小型双矩形图标 ,以查看相应的文件页面,该页面将允许用户以原始尺寸查看图像。

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

备用文本(alt 文本)是为视障读者准备的。通常,标题或页面会不充分地描述图像,在这种情况下,您可以写alt=标题alt=参见相邻文本。如果添加了额外的 alt 文本,它应该是一个简洁的描述。与 alt 文本不同,标题可以包含像“''[[Using Wikibooks]]''”这样的 wiki 标记。标题文本放在图片下方。

以下是一样的例子,这次是在一些彩色的lorem ipsum虚拟文本中,其中星号 (*) 显示图像语法出现在文本中的位置

[[File:Wikipedesketch.png|thumb|left|alt=A cartoon centipede reads books and types on a laptop.|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.


在右边

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

[[File:Wikipedesketch.png|thumb|alt=一只卡通蜈蚣阅读书籍并在笔记本电脑上打字。|The Wikipede 编辑 ''[[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 编辑 ''[[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 编辑 ''[[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 像素(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”选项可以帮助解决这个问题,它通知 Wikibooks 布局系统图像应该比平时更窄

[[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 像素的宽度向他们显示图片,这更有可能在他们的显示器上运行良好。

像素数通常比纵横比更适合显示图片组合,其中一些图片具有已知且有限的尺寸,以及显示旨在与文本组合的小图标。

原生尺寸

将“thumb” 替换为“frame” 会导致图像以其原生尺寸显示,即它最初上传时的尺寸。例如

[[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
菲利普·魏特,《日耳曼尼亚》,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 标签帮助 和以下内容)

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


不幸的是,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=替代文本” 选项覆盖。标题文本与替代文本一样,会忽略任何维基标记。

普通图片可以放置在页面的任何位置,并且充当文本中的一个大字符,因此附近文本不会围绕它浮动或换行。例如

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}}。标题将自动添加为图片的标题和替代文本,并且在标题中使用的任何维基标记都将正确显示在标题中,但将自动从替代文本和标题文本中剥离。请参见 此处 的示例。

普通图片尺寸

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

[[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]]” 生成一个旗帜 法国,链接到书籍 法国

要链接到外部网站,请在链接选项中指定其 URL 以及一个合适的标题。 例如,“[[File:Flag of Belgium.svg|20px|link=http://www.belgium.be/en/|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>

此图像地图标记指定三个区域的标题文本(工具提示)分别为“威廉·J·布莱恩”、“亚瑟·塞沃尔”和“1896 年民主党”。 图像地图区域的替代文本始终与其标题文本相同;整个图像的替代文本在图像地图标记的第一行给出。 基础图像的本机尺寸为 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 软件将图片缩略图时效果不佳,您想提供自己的缩略图。在以下示例中,双矩形链接到 文件:Anime stub.svg 但显示的图片是 文件: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=可爱女孩的头部,漫画风格,蓝色头发,大眼睛和微笑,头发下方和周围有灰色拼图碎片|拼凑起来]]


华夏公益教科书