打开/关闭搜索
打开/关闭菜单
30
8
13
1694
陋室
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

帮助:图片指南：修订间差异

来自陋室
更多操作
以互动方式浏览历史
←上一编辑下一编辑→
Maintenance script​（留言 | 贡献）
110次编辑
删除的内容 添加的内容
可视化wikitext
Maintenance script​（留言 | 贡献）
110次编辑
修复格式问题和内容准确性，包括链接格式、语法示例、图片格式分类等
Maintenance script​（留言 | 贡献）
110次编辑
校对修改：修复强调文本前后多余空格、不一致的空格等问题
第36行： 第36行：
! 参数类型 || 选项 || 说明与示例
! 参数类型 || 选项 || 说明与示例
|-
|-
| rowspan="3" | '''格式''' || <code>border</code> || 为图片添加边框
| rowspan="3" | '''格式'''|| <code>border</code> || 为图片添加边框
|-
|-
| <code>frameless</code> || 无框显示
| <code>frameless</code> || 无框显示
|-
|-
| <code>thumb</code> 或 <code>thumbnail</code> || '''缩略图''' 格式，自动添加边框并在下方显示标题
| <code>thumb</code> 或 <code>thumbnail</code> ||'''缩略图'''格式，自动添加边框并在下方显示标题
|-
|-
| rowspan="4" | '''尺寸''' || <code>{宽度} px</code> || 按指定宽度缩放（如 <code>300px</code>），高度自动按比例调整
| rowspan="4" |'''尺寸'''|| <code>{宽度} px</code> || 按指定宽度缩放（如 <code>300px</code>），高度自动按比例调整
|-
|-
| <code>x {高度} px</code> || 按指定高度缩放（如 <code>x200px</code>）
| <code>x {高度} px</code> || 按指定高度缩放（如 <code>x200px</code>）
第50行： 第50行：
| <code>upright</code> || 根据用户偏好调整尺寸，适用于高度大于宽度的图片，常与 <code>thumb</code> 联用
| <code>upright</code> || 根据用户偏好调整尺寸，适用于高度大于宽度的图片，常与 <code>thumb</code> 联用
|-
|-
| rowspan="4" | '''对齐''' || <code>left</code> || 图片 '''左浮动'''，文字环绕其右侧
| rowspan="4" |'''对齐'''|| <code>left</code> || 图片'''左浮动'''，文字环绕其右侧
|-
|-
| <code>right</code> || 图片 '''右浮动'''，文字环绕其左侧
| <code>right</code> || 图片 '''右浮动'''，文字环绕其左侧
|-
|-
| <code>center</code> || 图片 '''居中''' 显示，无文字环绕
| <code>center</code> || 图片 '''居中'''显示，无文字环绕
|-
|-
| <code>none</code> || 无特殊对齐
| <code>none</code> || 无特殊对齐
|-
|-
| rowspan="2" | '''链接''' || <code>link=目标</code> || 更改图片点击后的链接目标（页面标题或 URL），例如 <code>link=首页</code> 或 <code>link=https://example.com</code>
| rowspan="2" |'''链接'''|| <code>link=目标</code> || 更改图片点击后的链接目标（页面标题或 URL），例如 <code>link=首页</code> 或 <code>link=https://example.com</code>
|-
|-
| <code>link=</code> || （空值）使图片 '''不可点击'''
| <code>link=</code> || （空值）使图片'''不可点击'''|-
⚫
|'''无障碍'''|| <code>alt=替代文本</code> || 为视觉障碍用户提供'''替代文本'''描述
|-
⚫
| '''无障碍''' || <code>alt=替代文本</code> || 为视觉障碍用户提供 '''替代文本''' 描述
|}
|}


第69行： 第68行：
[[File:Example.jpg|thumb|right|300px|alt=一朵向日葵|向日葵田，摄于夏季。]]
[[File:Example.jpg|thumb|right|300px|alt=一朵向日葵|向日葵田，摄于夏季。]]
</syntaxhighlight>
</syntaxhighlight>
此代码效果：在页面 '''右侧''' 显示一个宽 '''300像素''' 的 '''缩略图'''，并带有 '''替代文本''' 和 '''图片描述'''。
此代码效果：在页面'''右侧'''显示一个宽'''300像素'''的'''缩略图'''，并带有 '''替代文本'''和'''图片描述'''。


== 🎞️ 创建图片画廊 ==
== 🎞️ 创建图片画廊 ==
第91行： 第90行：
=== 文件描述页内容 ===
=== 文件描述页内容 ===
文件描述页包含：
文件描述页包含：
* '''图片预览''' 及分辨率信息。
* '''图片预览'''及分辨率信息。
* 文件描述页的 '''wikitext内容'''。
* 文件描述页的'''wikitext内容'''。
* '''文件历史'''：记录所有上传版本。
* '''文件历史'''：记录所有上传版本。
* '''文件用途'''：列出所有使用该文件的页面。
* '''文件用途'''：列出所有使用该文件的页面。
第118行： 第117行：
=== 特殊页面 ===
=== 特殊页面 ===
通过 "[[Special:Specialpages|特殊页面]]" （在 "工具" 中）可以访问以下有用的页面：
通过 "[[Special:Specialpages|特殊页面]]" （在 "工具" 中）可以访问以下有用的页面：
* ''' 新文件 '''：查看最新上传的文件。
* '''新文件'''：查看最新上传的文件。
* ''' 文件列表 '''：列出所有已上传的文件。
* '''文件列表'''：列出所有已上传的文件。
* ''' 未使用文件 '''：查找未被任何页面引用的文件，这些文件可能是清理的候选。
* '''未使用文件'''：查找未被任何页面引用的文件，这些文件可能是清理的候选。


=== 管理员配置 ===
=== 管理员配置 ===
* '''文件上传开关与限制'''：站点管理员需要在 <code>LocalSettings.php</code> 中配置文件上传功能，并可设置文件 '''大小限制''' 和 '''允许的文件类型'''。
* '''文件上传开关与限制'''：站点管理员需要在 <code>LocalSettings.php</code> 中配置文件上传功能，并可设置文件 '''大小限制'''和'''允许的文件类型'''。
* '''图形库'''：如需服务器端图像大小调整等功能，需要配置如 GD2 或 ImageMagick 等图形库。
* '''图形库'''：如需服务器端图像大小调整等功能，需要配置如 GD2 或 ImageMagick 等图形库。


第130行： 第129行：
* '''版权问题'''：确保您上传的图片 '''没有版权争议'''，遵守相关法律法规。明确说明图片来源和授权方式。
* '''版权问题'''：确保您上传的图片 '''没有版权争议'''，遵守相关法律法规。明确说明图片来源和授权方式。
* '''文件命名'''：使用 '''描述性强的文件名'''，避免使用泛泛或无意义的名称（如 <code>image1.jpg</code>）。
* '''文件命名'''：使用 '''描述性强的文件名'''，避免使用泛泛或无意义的名称（如 <code>image1.jpg</code>）。
* '''图片优化'''：在上传前，考虑 '''压缩图片''' 以减少文件大小，提高页面加载速度。
* '''图片优化'''：在上传前，考虑 '''压缩图片'''以减少文件大小，提高页面加载速度。
* '''替代文本'''：为图片提供有意义的 <code>alt</code> 文本，以提升 '''无障碍访问''' 体验。
*'''替代文本'''：为图片提供有意义的 <code>alt</code> 文本，以提升 '''无障碍访问'''体验。


== 🚀 进阶技巧 ==
== 🚀 进阶技巧 ==
第137行： 第136行：
* 使用可视化编辑器插入和编辑图片通常更简单，特别是对于不熟悉语法的用户。
* 使用可视化编辑器插入和编辑图片通常更简单，特别是对于不熟悉语法的用户。
* 通过 <code>link</code> 参数可以将图片链接到其他页面或外部网站，创造更丰富的交互体验。
* 通过 <code>link</code> 参数可以将图片链接到其他页面或外部网站，创造更丰富的交互体验。
* 利用 '''分类''' 功能可以高效地组织和管理大量图片。
* 利用'''分类''' 功能可以高效地组织和管理大量图片。


通过以上指南，您可以有效地上传、使用和管理 MediaWiki 中的图片，使您的页面内容更加生动和丰富。
通过以上指南，您可以有效地上传、使用和管理 MediaWiki 中的图片，使您的页面内容更加生动和丰富。

2025年12月26日 (五) 20:08的版本

本指南将帮助您在 MediaWiki 中上传、插入和管理图片，以丰富页面内容并提升读者的阅读体验。

📤 上传图片

在将图片插入页面之前，您需要先将其上传到 Wiki 服务器。

上传步骤

  1. 访问上传页面：在页面左侧的 "工具箱" 中，点击 "上传文件" 链接。
  2. 选择文件：点击 "浏览" 按钮（不同浏览器中此按钮名称可能不同），在您的计算机上选择要上传的图片文件。
  3. 填写文件信息：
 目标文件名：为文件取一个有描述性的名字（例如：Sunflower_field.jpg 而非 IMG_001.jpg），上传后无法更改。
 摘要：提供文件的详细描述，包括图片来源、作者、版权状态等信息。
 许可协议：选择合适的许可协议。
  1. 上传文件：点击 "上传文件" 按钮。如果文件较大，上传可能需要一些时间。

上传前注意事项

  • 确保图片为 最终格式，并确认其呈现效果符合预期。
  • 使用 描述性强的文件名，便于后续查找和管理。
  • 确认您拥有图片的版权或上传许可，并 在摘要中明确说明来源。

🖋️ 在页面中插入图片

上传图片后，您可以在页面中使用 Wikitext 语法或可视化编辑器插入它。

基本语法

显示图像的基本语法是： 

[[File:文件名.ext|选项|标题]]

常用选项与参数详解

以下选项可按任意顺序组合，用管道符号 | 分隔：

参数类型 选项 说明与示例
格式 border 为图片添加边框
frameless 无框显示
thumb 或 thumbnail 缩略图格式，自动添加边框并在下方显示标题
尺寸 {宽度} px 按指定宽度缩放（如 300px），高度自动按比例调整
x {高度} px 按指定高度缩放（如 x200px）
{宽度} x {高度} px 同时指定宽高（如 300x200px）
upright 根据用户偏好调整尺寸，适用于高度大于宽度的图片，常与 thumb 联用
对齐 left 图片左浮动，文字环绕其右侧
right 图片 右浮动，文字环绕其左侧
center 图片 居中显示，无文字环绕
none 无特殊对齐
链接 link=目标 更改图片点击后的链接目标（页面标题或 URL），例如 link=首页 或 link=https://example.com
link= - 无障碍 alt=替代文本 为视觉障碍用户提供替代文本描述

完整示例

[[File:Example.jpg|thumb|right|300px|alt=一朵向日葵|向日葵田，摄于夏季。]]

此代码效果：在页面右侧显示一个宽300像素的缩略图，并带有 替代文本和图片描述。

🎞️ 创建图片画廊

要在一个区域集中展示多张图片，可以使用 <gallery> 标签。 

<gallery>
File:Example1.jpg|图1说明
File:Example2.jpg|图2说明
File:Example3.jpg|图3说明，说明中可包含 [[链接]]。
</gallery>

注意：画廊内的图片只需写 File: 和文件名，无需双方括号，图片说明可选。

📄 文件描述页与管理

每个上传的文件都有一个对应的 "文件描述页"，页面名称为 File:文件名。

文件描述页内容

文件描述页包含：

  • 图片预览及分辨率信息。
  • 文件描述页的wikitext内容。
  • 文件历史：记录所有上传版本。
  • 文件用途：列出所有使用该文件的页面。
  • 元数据：如图片的 EXIF 信息。

管理图片

  • 编辑描述页：您可以编辑文件描述页，以更新图片的描述、来源或分类信息。请注意，这 不会修改图片文件本身。
  • 更新图片：要替换图片文件，请到 "文件历史" 部分上传新版本。
  • 分类图片：在文件描述页（或上传时的摘要）中添加分类标签，例如 [[Category:植物图片]]，以便于管理。

✅ 支持的图片格式

MediaWiki 默认支持以下图片格式：

  • .jpg 或 .jpeg：适用于照片等有损压缩的位图图像。
  • .png："便携式网络图形" 格式的位图图像，支持无损压缩和透明背景。
  • .gif：支持简单动画的位图图像。
  • .webp：支持有损和无损压缩的新型格式，压缩率较高。
  • .svg：可缩放矢量图形格式。

其他可能支持的格式（可能需要额外配置）包括：

  • .tiff：标签图像文件格式，常用于高分辨率照片。

🛠️ 图片管理与维护

特殊页面

通过 "特殊页面" （在 "工具" 中）可以访问以下有用的页面：

  • 新文件：查看最新上传的文件。
  • 文件列表：列出所有已上传的文件。
  • 未使用文件：查找未被任何页面引用的文件，这些文件可能是清理的候选。

管理员配置

  • 文件上传开关与限制：站点管理员需要在 LocalSettings.php 中配置文件上传功能，并可设置文件 大小限制和允许的文件类型。
  • 图形库：如需服务器端图像大小调整等功能，需要配置如 GD2 或 ImageMagick 等图形库。

⚠️ 重要注意事项

  • 版权问题：确保您上传的图片 没有版权争议，遵守相关法律法规。明确说明图片来源和授权方式。
  • 文件命名：使用 描述性强的文件名，避免使用泛泛或无意义的名称（如 image1.jpg）。
  • 图片优化：在上传前，考虑 压缩图片以减少文件大小，提高页面加载速度。
  • 替代文本：为图片提供有意义的 alt 文本，以提升 无障碍访问体验。

🚀 进阶技巧

  • 使用可视化编辑器插入和编辑图片通常更简单，特别是对于不熟悉语法的用户。
  • 通过 link 参数可以将图片链接到其他页面或外部网站，创造更丰富的交互体验。
  • 利用分类 功能可以高效地组织和管理大量图片。

通过以上指南，您可以有效地上传、使用和管理 MediaWiki 中的图片，使您的页面内容更加生动和丰富。

📖 参阅

站点帮助文档
阅读 移动优化
编辑 维基化 · 快速指南 · 编辑页面 · 图片指南 · 编辑摘要 · 编辑冲突
高级编辑 站点分类 · 站点模板 · 模板编写指南 · 模板样式 · 解析函数
协作 历史与回退 · 保护页面
个人定制 定制消息 · Gadget
管理 学习指南 · 怎样的页面才会被计算为"文章页" · MediaWiki 安装 · 需要配置的格式

Template:站点帮助文档 | 查看 | 编辑 | 讨论 | 文档 | 样式



检索自“https://learn.houjue.digital/index.php?title=帮助:图片指南&oldid=1563”
最后修改时间
此页面最后编辑于2025年12月26日 (星期五) 20:08。
著作权

陋室的全部文字提供于 知识共享署名-非商业性使用-相同方式共享 4.0 协议国际版 条款之下，附加条款亦可能适用。请参阅我们的使用条款和隐私政策，使用陋室即视为同意上述条款的约束。

陋室上提及的所有公司名称、产品名称、服务名称和标识均为其各自所有者的商标或注册商标。使用这些商标仅为了识别和说明之目的，并不意味着任何形式的认可或关联。陋室与上述公司及其商标没有任何关系或隶属。

Microsoft®是Microsoft Corporation(微软公司)的商标，Google®是Google LLC的注册商标，Apple®是Apple Inc.(苹果公司)的商标。 Wikipedia®和维基百科标志是维基媒体基金会的注册商标；维基™是维基媒体基金会的商标。维基媒体基金会是按美国国内税收法501(c)(3)登记的非营利慈善机构。 所有其他商标和标识均为其各自所有者的财产。未经相应商标所有者的明确书面同意，不得以任何方式使用这些商标。