帮助:图片指南:修订间差异
来自陋室
更多操作
删除的内容 添加的内容
小 更新 |
Maintenance script(留言 | 贡献) 修复格式问题和内容准确性,包括链接格式、语法示例、图片格式分类等 |
||
| 第6行: | 第6行: | ||
=== 上传步骤 === |
=== 上传步骤 === |
||
# ''' |
# '''访问上传页面''':在页面左侧的 "工具箱" 中,点击 "[[Special:Upload|上传文件]]" 链接。 |
||
# ''' |
# '''选择文件''':点击 "浏览" 按钮(不同浏览器中此按钮名称可能不同),在您的计算机上选择要上传的图片文件。 |
||
# ''' |
# '''填写文件信息''': |
||
''' |
'''目标文件名''':为文件取一个'''有描述性'''的名字(例如:<code>Sunflower_field.jpg</code> 而非 <code>IMG_001.jpg</code>),上传后'''无法更改'''。 |
||
''' |
'''摘要''':提供文件的详细描述,包括'''图片来源、作者、版权状态'''等信息。 |
||
''' |
'''许可协议''':选择合适的许可协议。 |
||
# '''上传文件''':点击 "上传文件" 按钮。如果文件较大,上传可能需要一些时间。 |
|||
=== 上传前注意事项 === |
=== 上传前注意事项 === |
||
* 确保图片为 ''' |
* 确保图片为 '''最终格式''',并确认其呈现效果符合预期。 |
||
* 使用 ''' |
* 使用 '''描述性强的文件名''',便于后续查找和管理。 |
||
* 确认您拥有图片的版权或上传许可,并 ''' |
* 确认您拥有图片的版权或上传许可,并 '''在摘要中明确说明来源'''。 |
||
== 🖋️ 在页面中插入图片 == |
== 🖋️ 在页面中插入图片 == |
||
| 第26行: | 第26行: | ||
显示图像的基本语法是: |
显示图像的基本语法是: |
||
<syntaxhighlight lang="wikitext"> |
<syntaxhighlight lang="wikitext"> |
||
[[File: |
[[File:文件名.ext|选项|标题]] |
||
</syntaxhighlight> |
</syntaxhighlight> |
||
| 第36行: | 第36行: | ||
! 参数类型 || 选项 || 说明与示例 |
! 参数类型 || 选项 || 说明与示例 |
||
|- |
|- |
||
| rowspan="3" | ''' |
| 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" | ''' |
| 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" | ''' |
| 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" | ''' |
| rowspan="2" | '''链接''' || <code>link=目标</code> || 更改图片点击后的链接目标(页面标题或 URL),例如 <code>link=首页</code> 或 <code>link=https://example.com</code> |
||
|- |
|- |
||
| <code>link=</code> || (空值)使图片 ''' |
| <code>link=</code> || (空值)使图片 '''不可点击''' |
||
|- |
|- |
||
| ''' |
| '''无障碍''' || <code>alt=替代文本</code> || 为视觉障碍用户提供 '''替代文本''' 描述 |
||
|} |
|} |
||
=== 完整示例 === |
=== 完整示例 === |
||
<syntaxhighlight lang="wikitext"> |
<syntaxhighlight lang="wikitext"> |
||
[[File:Example.jpg|thumb|right|300px|alt |
[[File:Example.jpg|thumb|right|300px|alt=一朵向日葵|向日葵田,摄于夏季。]] |
||
</syntaxhighlight> |
</syntaxhighlight> |
||
此代码效果:在页面 ''' |
此代码效果:在页面 '''右侧''' 显示一个宽 '''300像素''' 的 '''缩略图''',并带有 '''替代文本''' 和 '''图片描述'''。 |
||
== 🎞️ 创建图片画廊 == |
== 🎞️ 创建图片画廊 == |
||
| 第77行: | 第77行: | ||
<syntaxhighlight lang="wikitext"> |
<syntaxhighlight lang="wikitext"> |
||
<gallery> |
<gallery> |
||
File:Example1.jpg |
File:Example1.jpg|图1说明 |
||
File:Example2.jpg |
File:Example2.jpg|图2说明 |
||
File:Example3.jpg |
File:Example3.jpg|图3说明,说明中可包含 [[链接]]。 |
||
</gallery> |
</gallery> |
||
</syntaxhighlight> |
</syntaxhighlight> |
||
''' |
'''注意''':画廊内的图片只需写 <code>File:</code> 和文件名,无需双方括号,图片说明可选。 |
||
== 📄 文件描述页与管理 == |
== 📄 文件描述页与管理 == |
||
每个上传的文件都有一个对应的 "文件描述页",页面名称为 <code>File: |
每个上传的文件都有一个对应的 "文件描述页",页面名称为 <code>File:文件名</code>。 |
||
=== 文件描述页内容 === |
=== 文件描述页内容 === |
||
文件描述页包含: |
文件描述页包含: |
||
* ''' |
* '''图片预览''' 及分辨率信息。 |
||
* 文件描述页的 '''wikitext |
* 文件描述页的 '''wikitext内容'''。 |
||
* ''' |
* '''文件历史''':记录所有上传版本。 |
||
* ''' |
* '''文件用途''':列出所有使用该文件的页面。 |
||
* ''' |
* '''元数据''':如图片的 EXIF 信息。 |
||
=== 管理图片 === |
=== 管理图片 === |
||
* ''' |
* '''编辑描述页''':您可以编辑文件描述页,以更新图片的描述、来源或分类信息。请注意,这 '''不会修改图片文件本身'''。 |
||
* ''' |
* '''更新图片''':要替换图片文件,请到 "文件历史" 部分上传新版本。 |
||
* ''' |
* '''分类图片''':在文件描述页(或上传时的摘要)中添加分类标签,例如 <code><nowiki>[[Category:植物图片]]</nowiki></code>,以便于管理。 |
||
== ✅ 支持的图片格式 == |
== ✅ 支持的图片格式 == |
||
| 第109行: | 第109行: | ||
* <code>.gif</code>:支持简单动画的位图图像。 |
* <code>.gif</code>:支持简单动画的位图图像。 |
||
* <code>.webp</code>:支持有损和无损压缩的新型格式,压缩率较高。 |
* <code>.webp</code>:支持有损和无损压缩的新型格式,压缩率较高。 |
||
| ⚫ | |||
其他可能支持的格式(可能需要额外配置)包括: |
其他可能支持的格式(可能需要额外配置)包括: |
||
| ⚫ | |||
* <code>.tiff</code>:标签图像文件格式,常用于高分辨率照片。 |
* <code>.tiff</code>:标签图像文件格式,常用于高分辨率照片。 |
||
| 第117行: | 第117行: | ||
=== 特殊页面 === |
=== 特殊页面 === |
||
通过 "[[Special: |
通过 "[[Special:Specialpages|特殊页面]]" (在 "工具" 中)可以访问以下有用的页面: |
||
* ''' 新文件 ''':查看最新上传的文件。 |
* ''' 新文件 ''':查看最新上传的文件。 |
||
* ''' 文件列表 ''':列出所有已上传的文件。 |
* ''' 文件列表 ''':列出所有已上传的文件。 |
||
| 第123行: | 第123行: | ||
=== 管理员配置 === |
=== 管理员配置 === |
||
* ''' |
* '''文件上传开关与限制''':站点管理员需要在 <code>LocalSettings.php</code> 中配置文件上传功能,并可设置文件 '''大小限制''' 和 '''允许的文件类型'''。 |
||
* ''' |
* '''图形库''':如需服务器端图像大小调整等功能,需要配置如 GD2 或 ImageMagick 等图形库。 |
||
== ⚠️ 重要注意事项 == |
== ⚠️ 重要注意事项 == |
||
* ''' |
* '''版权问题''':确保您上传的图片 '''没有版权争议''',遵守相关法律法规。明确说明图片来源和授权方式。 |
||
* ''' |
* '''文件命名''':使用 '''描述性强的文件名''',避免使用泛泛或无意义的名称(如 <code>image1.jpg</code>)。 |
||
* ''' |
* '''图片优化''':在上传前,考虑 '''压缩图片''' 以减少文件大小,提高页面加载速度。 |
||
* ''' |
* '''替代文本''':为图片提供有意义的 <code>alt</code> 文本,以提升 '''无障碍访问''' 体验。 |
||
== 🚀 进阶技巧 == |
== 🚀 进阶技巧 == |
||
| 第137行: | 第137行: | ||
* 使用可视化编辑器插入和编辑图片通常更简单,特别是对于不熟悉语法的用户。 |
* 使用可视化编辑器插入和编辑图片通常更简单,特别是对于不熟悉语法的用户。 |
||
* 通过 <code>link</code> 参数可以将图片链接到其他页面或外部网站,创造更丰富的交互体验。 |
* 通过 <code>link</code> 参数可以将图片链接到其他页面或外部网站,创造更丰富的交互体验。 |
||
* 利用 ''' |
* 利用 '''分类''' 功能可以高效地组织和管理大量图片。 |
||
通过以上指南,您可以有效地上传、使用和管理 MediaWiki 中的图片,使您的页面内容更加生动和丰富。 |
通过以上指南,您可以有效地上传、使用和管理 MediaWiki 中的图片,使您的页面内容更加生动和丰富。 |
||
| 第143行: | 第143行: | ||
== 📖 参阅 == |
== 📖 参阅 == |
||
* [[Help: |
* [[Help:快速指南]] |
||
* [[Help: |
* [[Help:编辑页面]] |
||
| ⚫ | |||
* [[Help: 格式化文本]] |
|||
| ⚫ | |||
2025年12月26日 (五) 19:41的版本
本指南将帮助您在 MediaWiki 中上传、插入和管理图片,以丰富页面内容并提升读者的阅读体验。
📤 上传图片
在将图片插入页面之前,您需要先将其上传到 Wiki 服务器。
上传步骤
- 访问上传页面:在页面左侧的 "工具箱" 中,点击 "上传文件" 链接。
- 选择文件:点击 "浏览" 按钮(不同浏览器中此按钮名称可能不同),在您的计算机上选择要上传的图片文件。
- 填写文件信息:
目标文件名:为文件取一个有描述性的名字(例如:Sunflower_field.jpg而非IMG_001.jpg),上传后无法更改。 摘要:提供文件的详细描述,包括图片来源、作者、版权状态等信息。 许可协议:选择合适的许可协议。
- 上传文件:点击 "上传文件" 按钮。如果文件较大,上传可能需要一些时间。
上传前注意事项
- 确保图片为 最终格式,并确认其呈现效果符合预期。
- 使用 描述性强的文件名,便于后续查找和管理。
- 确认您拥有图片的版权或上传许可,并 在摘要中明确说明来源。
🖋️ 在页面中插入图片
上传图片后,您可以在页面中使用 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 中的图片,使您的页面内容更加生动和丰富。