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|这个连结直接连到标誌的图像页]] 這個連結直接連到標誌的圖像頁

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