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

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

来自陋室
删除的内容 添加的内容
Maintenance script留言 | 贡献
修复格式问题和内容准确性,包括链接格式、语法示例、图片格式分类等
Maintenance script留言 | 贡献
校对修改:修复强调文本前后多余空格、不一致的空格等问题
第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 中的图片,使您的页面内容更加生动和丰富。