Help:图像

出自 MBA智库百科(https://wiki.mbalib.com/)

这是一篇指导如何在MBA智库百科的条目中使用维基格式来插入图片的指南。

如果您需要知道如何上传图像,或者怎样为条目选择适合的图像,请参照图像使用守则

请注意,在为一篇条目添加图像前,您需要编辑图像描述页来解释图像的来源,并清楚地说明图像的版权信息。我们强烈建议您使用图像版权标志中的标记。

在本文中,所有例子都将采用MBA智库百科的标志来完成。

目录

无格式图片

下列命令可插入无格式图片:

[[Image:Logo.gif|{{SITENAME}}标志]]

这样插入的图片和原始上传图片大小一样。图片放置的位置是任意的,并且文本不会浮动(环绕四周)。例如:

MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科标志 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。

请注意图片在何处将文本分成两块是取决于标记的放置位置的。

指定位置

现在,例如我们需要 (a)文本浮动(环绕四周)于图片,或 (b)指定图片放置的位置(左、右、嵌入等)。要做到这一点,只需添加如下定位语句。

例1 - 右对齐,浮动

[[Image:Logo.gif|right|{{SITENAME}}标志]]

MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。

MBA智库百科标志

MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。


例2 - 右对齐,浮动,带标题

[[Image:Logo.gif|frame|right|{{SITENAME}}标志]]

MBA智库百科标志
MBA智库百科标志

MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。


例3 - 左对齐,浮动

[[Image:Logo.gif|left|{{SITENAME}}标志]]

MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。

MBA智库百科标志

MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。


例4 - 不浮动

[[Image:Logo.gif|none|{{SITENAME}}标志]]

MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。

MBA智库百科标志

MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。

使用框架,添加标题

图片常常需要一个标题来进行描述,这时就需要使用框架将它们框起来。 [[Image:Logo.gif|frame|此图為{{SITENAME}}标志]] MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。

此图為MBA智库百科标志
此图為MBA智库百科标志

MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。


调整大小

当图片太大的时候,我们可能希望在条目中只显示一幅相应的较小的图。当制作小图时,必须包含一个框架,因此常常也包含着标题。

维基格式支持自动调整大小;换言之,当贡献者上传了某一大小的图片后,当其他人查看条目时,图片会自动调整为指定的大小。例如,我们需要图片宽100像素: [[Image:Logo.gif|100px|{{SITENAME}}标志]] MBA智库百科标志

在典型的支持图片的浏览器中,若用户将鼠标移至图片上,将显示“100px”的提示字样;而在文本浏览器中,“100px”会在图片的位置显示出来。我们可以通过指定交替文本来改变它,如下:

[[Image:Logo.gif|100px|{{SITENAME}}标志]] MBA智库百科标志

如果要使之变成500像素宽: [[Image:Logo.gif|500px|{{SITENAME}}标志]] MBA智库百科标志

如你所见,图片并没有放到到500像素。这是因为维基软件将未使用框架的图片限制在原始大小以内。换句话说,无法将其放大,除非它们在框架中。这也是我们下面将要解决的。

缩略图

缩略图会将图片框起来,并在右下角显示一个放大的标记。这是一个让用户知道一个尺寸更大的版本的好方法。缩略图也让我们可以指定图片的标题。

[[Image:Logo.gif|thumb|{{SITENAME}}标志]] MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。

MBA智库百科标志
放大
MBA智库百科标志

MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。

结合不同选项

好了,前面的命令都很不错。不过如果不将它们结合起来使用,其实是没有太大用处的。现在,我们有一幅图片需要进行浮动、右对齐、缩略图、调整为100像素宽、并有一个标题。这时只需要将前面的参数一块用上就可以了。参数的顺序通常无所谓,但须保证图片名是第一个参数,而标题只能在最后一个

[[Image:Logo.gif|thumb|100px|right|{{SITENAME}}标志]] MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。

MBA智库百科标志
放大
MBA智库百科标志

MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。


避免图像“堆积”

许多用户进行图像浮动时常碰到一个问题,就是多幅图片有时会水平地“堆积”在一起,对于大型图片尤其如此。“最佳”的解决方法是,添加更多的文本,但有时这是不可能的。本节将介绍一些解决办法。

MBA智库百科标志
放大
MBA智库百科标志

MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。

MBA智库百科标志
放大
MBA智库百科标志


联合对齐相似图片

经常会有两幅从逻辑上讲需要归于一组的相似图片。为做到这一点,需要加入一些html标记:

  <div style="float:right;width:315px;">
  [[image:Logo.gif|none|thumb|300px|{{SITENAME}}标志]]

  [[Image:Logo.gif|right|thumb|200px|{{SITENAME}}标志]]
  </div>
MBA智库百科标志
放大
MBA智库百科标志


MBA智库百科标志
放大
MBA智库百科标志

MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。

MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。

MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。MBA智库百科。


有时候也可以水平对齐两幅图像:

MBA智库百科标志
放大
MBA智库百科标志
MBA智库百科标志
放大
MBA智库百科标志

不过,这应当较少采用,因为对使用较窄的浏览器窗口者有可能导致图片超过屏幕的右边缘。

实现这个效果的方法是利用表格标记

{|
|-
| [[image:Logo.gif|none|thumb|300px|{{SITENAME}}标志]] ||[[image:Logo.gif|none|thumb|300px|{{SITENAME}}标志]]
|}

另一种避免过宽的办法是,将两幅图都左对齐,直接进行堆积。

MBA智库百科标志
放大
MBA智库百科标志
MBA智库百科标志
放大
MBA智库百科标志


[[image:Logo.gif|left|thumb|300px|{{SITENAME}}标志]]
[[image:Logo.gif|left|thumb|300px|{{SITENAME}}标志]]
<br style="clear:both;">
这条命令
<br style="clear:both;">
是为了防止后面的文字直接显示在图片旁。

左右交替浮动

或许最简便的方式便是采用左右交替浮动的方法了——这种方式使得两幅图片不会互相干扰,更不会迭加在一起。

MBA智库百科标志
放大
MBA智库百科标志
MBA智库百科标志
放大
MBA智库百科标志

MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。


强迫换行

最后的手段是强迫瀏览器加一空白行,令所有文字和图片都在第一幅图片之下出现。但图片旁的文字之下可能会出现唐突的空白。记住,用户的瀏览器、显示屏解像度、预设的文字大小、瀏览器上工具列的数目等不同设定,都可能影响文本如何浮动和环绕图片。因此,不要為了令页面在你的电脑上看来美观而强行改变页面设计。只有在必须的情况下才把页面“劈开”。可以的话,让页面根据逻辑排列即可。

   <br style="clear:both;">
MBA智库百科标志
放大
MBA智库百科标志

MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。


MBA智库百科标志
放大
MBA智库百科标志

MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。 MBA智库百科,专注于经济管理领域的百科全书。


图片集

维基标记语言和层叠样式表(CSS)

要在图片集展示一系列图片,一个简单的方法是使用维基标记语言和层迭样式表(CSS):让所有图片靠左浮动,并在其后清除靠左浮动的设定,以免图片在图片集以后的内容中出现。


[[Image:Logo.gif|128px|thumb|left|{{SITENAME}}标志1]]
[[Image:Logo.gif|128px|thumb|left|{{SITENAME}}标志2]]
[[Image:Logo.gif|128px|thumb|left|{{SITENAME}}标志3]]
[[Image:Logo.gif|128px|thumb|left|{{SITENAME}}标志4]]
[[Image:Logo.gif|128px|thumb|left|{{SITENAME}}标志5]]
[[Image:Logo.gif|128px|thumb|left|{{SITENAME}}标志6]]
<br style="clear: left"/>

好处:简单、图片会根据画面大小换行。

MBA智库百科标志1
放大
MBA智库百科标志1
MBA智库百科标志2
放大
MBA智库百科标志2
MBA智库百科标志3
放大
MBA智库百科标志3
MBA智库百科标志4
放大
MBA智库百科标志4
MBA智库百科标志5
放大
MBA智库百科标志5
MBA智库百科标志6
放大
MBA智库百科标志6


新的维基平台 <gallery>标记

新的维基软体平台支持 <gallery>标记,是建立图片集的简便方法:


<gallery>
Image:Logo.gif|{{SITENAME}}标志
Image:Logo.gif|{{SITENAME}}标志
Image:Logo.gif|{{SITENAME}}标志
Image:Logo.gif|{{SITENAME}}标志
Image:Logo.gif|{{SITENAME}}标志
Image:Logo.gif|{{SITENAME}}标志
Image:Logo.gif|{{SITENAME}}标志
Image:Logo.gif|{{SITENAME}}标志
</gallery>

好处:简单方便、图片之间没有浪费空间。

坏处:图片不会根据画面大小换行、不能设定图片大小(希望下一个版本可以改善这些不便之处)。


链接到图片但不显示

假如你想链接到图片但不显示的话,有两个方法可以做到。

[[Media:Logo.gif]]

Media:Logo.gif

请注意那是 "media" 而非 "image"。当按下该链接,瀏览器会自动开啟链接的图片。你亦可以改变显示的文字。 [[Media:Logo.gif|这是{{SITENAME}}标志]] 这是MBA智库百科标志

若要连到图像页(包含何人、何时上载及版权资讯等资料),而非直接连到图像,你可以这样写: [[:Image:Logo.gif]] Image:Logo.gif

这图片跟本指南第一个图片的唯一分别是,我在"image"之前加了一个冒号 (:)。

如上所述,我可以随意改动链接的文字。 [[:Image:Logo.gif|这个连结直接连到标誌的图像页]] 这个连结直接连到标誌的图像页

以上内容根据网友推荐自动排序生成