Advertisement
Help icon.png   コンテンツ → ヘルプ:画像マークアップ

 ここでは、記事に画像を表示させる方法について記載しています。尚、画像掲載はMediaWiki1.2(2004年3月リリース)によって実装された機能です。尚、画像表示構文は下位互換性があるので、昔の構文を利用した表示方法でも最新のMediaWikiソフトウェアで表示できます。しかしながら、記事のプレゼンテーションの美しさを際立たせるために様々な付加機能が加えられています。

基本的な構文

Moon.jpg
 画像を表示させる基本的な構文は以下の通りです。
[[Image:画像ファイル名|表示スタイルオプション|キャプション挿入語句]]

利用可能な表示様式

 以下は、表示スタイルオプションに加える表示スタイルです。

thumbnail, thumb 
基本的な画像表示スタイルに、キャプション挿入語句の長さにあわせて画像サイズを自動で調整させるためのオプションです。自動的にフレームに囲まれたサムネイル形式で表示されます。記載例としては[[Image:Moon.jpg|thumbnail|月]]となります。
frame 
この表示オプションでは、画像ファイル上の表示サイズでそのまま表示されます。尚、画像はフレームに囲まれて表示されます。
right 
thumbスタイルの画像表示をページの右端に配置することができます。
left 
thumbスタイルの画像表示をページの左端に配置することができます。
none 
フレームなしの画像を表示させます。尚、画像サイズは画像ファイルの表示サイズでそのまま表示されます。
数値px 
数値の部分に任意の数字を入力することで、好みのサイズの画像で表示させることができます。尚、単位はピクセル(px)です。

 パイプ“|”で表示スタイルオプションとキャプション挿入語句を区切ります。尚、キャプション語句は省略することもできますが、何の説明もない画像表示は行わないでください。

画像のアップロードの方法

画像を記事に使う場合には、単にその名前(「画像」の部分を含む)を二重大括弧で囲めばいいだけです。

[[画像:USS Enterprise-D, These Are the Voyages.jpg]]と書くと、このようになります。
USS Enterprise-D, These Are the Voyages.jpg

ふたつのパイプの間にピクセル単位でサイズをいれると、大きさの変更ができます。

[[画像:USS Enterprise-D, These Are the Voyages.jpg|50px|]]と書くと、このようになります。 USS Enterprise-D, These Are the Voyages.jpg

同じように、"thumb"と加えることで、画像のサムネイルを生成できます。パイプが変数の前にある場合は、特に加えることはありません。

[[画像:USS Enterprise-D, These Are the Voyages.jpg|50px|thumb|]]と書くと、このようになります。 USS Enterprise-D, These Are the Voyages.jpg
これらは、自動でページの右側に整形されます。"left"、"center"と加えることで、これを変更できます。これを

[[画像:USS Enterprise-D, These Are the Voyages.jpg|50px|thumb|left|]] と書くと、このようになります。 USS Enterprise-D, These Are the Voyages.jpg
最後のパイプの後に何かを加えると、代用のテキストか、キャプションになります。

[[画像:USS Enterprise-D, These Are the Voyages.jpg|50px|thumb|left|Alt]]と書くと、このようになります。 USS Enterprise-D, These Are the Voyages.jpg
ページに表示せずに、ファイルにリンクだけを貼るには、画像:の代わりに"Media:"を使います。

[[Media:USS Enterprise-D, These Are the Voyages.jpg]]と書くと、このようになります。Media:USS Enterprise-D, These Are the Voyages.jpg
画像ページにリンクを貼るには、"画像"の前にコロンをいれます。

[[:画像:USS Enterprise-D, These Are the Voyages.jpg]] と書くと、このようになります。画像:USS Enterprise-D, These Are the Voyages.jpg
最後に、 <gallery>タグを使って画像のギャラリーを作る方法です。


<gallery>
画像:USS Enterprise-D, These Are the Voyages.jpg|1
画像:USS Enterprise-D, These Are the Voyages.jpg|2
画像:USS Enterprise-D, These Are the Voyages.jpg|3
</gallery> と書くと、このようになります。


画像のアップロード及び使用に関する細かい注意事項

  1. まず最初に、適切な名前をファイルに与えます。画像をアップロードした後にファイル名の改名はできませんので注意してください。万が一間違ってしまった場合には、管理者へ削除申請を出してください。また、ファイル名には必ず画像形式の拡張子を付けてください。
  2. 英文字の大文字小文字は区別されますので、使い分けに注意してください。enterpriseとENTERPRISEは別々のファイルと認識されます。
  3. 既存のファイルの画像だけを置き換えるには、既存のファイル名と全く同じファイル名でアップロードしてください。
  4. なお、サポートしている各種形式は以下の通りです。:
  • 画像: jpeg、gif、png、svg
  • 音声: ogg
  • 動画: なし

※1ファイルあたり2.0メガバイトのサイズ限界があります。

関連項目