Seesaa Wiki 簡単記法リファレンス - 画像表示
画像の表示は、「&ref(画像のURL)」または「#ref(画像のURL)」という形式で画像のURLを囲みます。

GIF(拡張子 .gif)、JPEG(拡張子 .jpg)、PNG(拡張子 .png)形式の画像であれば、「&ref(画像のURL)」または「#ref(画像のURL)」で囲まなくても、画像が表示されますが、画像のサイズ指定ができません。
画像のサイズ指定を行なう場合は、「&ref(画像のURL)」または「#ref(画像のURL)」で画像のURLを囲んでください。

画像のサイズ指定は、「&ref(画像のURL,横幅,縦幅)」という形式でピクセル数でのサイズを指定と%による指定が可能です。
画像幅を100%に指定すると画像幅をコンテンツ幅に合わせて伸縮させることができます。

画像表示
記法名記法説明
画像表示1&ref(画像のURL)画像を表示します
画像表示2#ref(画像のURL)画像を表示します
画像表示3.jpg .gif .png の拡張子のURL画像を表示します
画像サイズ指定
記法名記法説明
画像サイズ指定&ref(画像のURL,横幅,縦幅)画像サイズを指定します
名称記法説明
Align(left)&ref(画像のURL,left)画像を左に表示します
Align(right)&ref(画像のURL,right)画像を右に表示します
titleとaltを設定
名称記法説明
title,alt設定&ref(画像のURL){テキスト}画像にtitle,alt属性を設定します

画像を表示する1

「&ref(画像のURL)」で画像を表示することができます。
記法名記法説明
画像表示1&ref(画像のURL)画像を表示します

サンプル

&ref(https://image02.seesaawiki.jp/t/e/tag_guide/154e0277fe074738.gif)

表示例




画像を表示する2

「#ref(画像のURL)」で画像を表示することができます。
記法名記法説明
画像表示2#ref(画像のURL)画像を表示します

サンプル

#ref(https://image02.seesaawiki.jp/t/e/tag_guide/154e0277fe074738.gif)

表示例




画像を表示する3

GIF(拡張子 .gif)、JPEG(拡張子 .jpg)、PNG(拡張子 .png)形式の画像であれば、「&ref(画像のURL)」または「#ref(画像のURL)」で囲まなくても、画像が表示されます。ただし、画像のサイズ指定ができません。
画像のサイズ指定を行なう場合は、「&ref(画像のURL)」または「#ref(画像のURL)」で画像のURLを囲んでください。
記法名記法説明
画像表示3.jpg .gif .png の拡張子のURL画像を表示します

サンプル

https://image02.seesaawiki.jp/t/e/tag_guide/154e0277fe074738.gif

表示例




画像サイズを指定する

「&ref(画像のURL,横幅,縦幅)」で、指定したサイズの画像を表示することができます。
横幅と縦幅はピクセル数で指定してください。
画像サイズを縦幅のみで指定する場合は、横幅を空白にし縦幅のみ指定してください。
記法名記法説明
画像サイズ指定&ref(画像のURL,横幅,縦幅)画像サイズを指定します
画像サイズ指定(縦幅のみ)&ref(画像のURL,,縦幅)画像サイズを縦幅で指定します
画像サイズ指定(%指定)&ref(画像のURL,100%)画像サイズを%で指定します

サンプル1 横幅を指定

&ref(https://image02.seesaawiki.jp/t/e/tag_guide/154e0277fe074738.gif,300)

表示例



サンプル2 横幅と縦幅を指定

&ref(https://image02.seesaawiki.jp/t/e/tag_guide/154e0277fe074738.gif,450,105)

表示例



サンプル3 縦幅のみで指定

&ref(https://image02.seesaawiki.jp/t/e/tag_guide/154e0277fe074738.gif,,200)

表示例



サンプル4 %で指定

&ref(https://image02.seesaawiki.jp/t/e/tag_guide/154e0277fe074738.gif,100%)

表示例




画像を左に表示する

「&ref(画像のURL,left)」で画像を表示することができます。
記法名記法説明
Align(left)&ref(画像のURL,left)画像を左に表示します

サンプル

&ref(https://image02.seesaawiki.jp/t/e/tag_guide/154e0277fe074738.gif,left)文字をいれるとこうなりますよ。

表示例

文字をいれるとこうなりますよ。




画像を右に表示する

「&ref(画像のURL,right)」で画像を表示することができます。
記法名記法説明
Align(right)&ref(画像のURL,right)画像を右に表示します

サンプル

&ref(https://image02.seesaawiki.jp/t/e/tag_guide/154e0277fe074738.gif,right)文字をいれるとこうなりますよ。

表示例

文字をいれるとこうなりますよ。




titleとaltを設定

「&ref(画像のURL){テキスト}」で画像にtitleとalt属性を設定することができます。
名称記法説明
title,alt設定&ref(画像のURL){テキスト}画像にtitle,alt属性を設定します

サンプル

&ref(https://image02.seesaawiki.jp/t/e/tag_guide/154e0277fe074738.gif){タイトルを設定します。マウスカーソルをあてるとポップアップ表示します。}

表示例

タイトルを設定します。マウスカーソルをあてるとポップアップ表示します。