ソースを表示する

You can display an image on a Confluence page when:

The image is attached to the page.
The image is attached to another page in the same Confluence site, even if in another space.
The image is on a remote web page.

Once the image is displayed on the page, you can:

Move the image to a new position on the page by dragging or cut and paste.
Change how the image appears on the page.
Add a title and alt text for the image.
Link from an image to another page.

Displaying an image attached to the page

There are several methods for attaching image files to a page.
Once you have attached an image to a page, there are different methods for choosing where on the page the image should appear:

Using the 'Insert Image' dialog

Once an image is attached to the page, you can edit the page to choose where the image should appear.

On this page:

関連ページ

To position an attached image on the page:

ページの編集中に、画像を表示したい場所にカーソルを合わせます。
Choose Insert > Image and choose the Attached Images tab.
Select the required image and choose Insert (or just double-click the image).

Using autocomplete

Once an image is attached to the page, you can use autocomplete while editing the page to choose where the image should appear.

To position an attached image on the page:

ページの編集中に、画像を表示したい場所にカーソルを合わせます。
Trigger the autocomplete function by typing '!'.
Choose the image from the list that appears.

Using drag-and-drop

Depending on the browser you are using, you can attach and position an image in one step. While you are editing a page, simply drag-and-drop an image file on to the page. The image is attached to the page and is placed at the current cursor position.

Displaying an image attached to a different page

You can display an image that is attached to a different page of the same Confluence site, as long as you know the name of the image. This approach can make it easier to manage and reuse your images by allowing you to keep them all in the same place.

他のページに添付された画像を表示する方法

ページの編集中に、画像を表示したい場所にカーソルを合わせます。
Choose Insert > Image and choose the Search tab.
画像名を入力します。
検索するスペースを、現在のスペースまたはすべてのスペースから選択し、検索を選択します。
検索結果から必要な画像を選択し、挿入を選択します。

Alternatively, you can cut and paste the image from another page (the image will still only be attached to the original page).

Displaying an image from a remote web page

You can display an image from a remote web page on your Confluence page, without needing to attach it to your page. You need to know the URL for the image, not for the web page it appears on. Note that you should have permission to use that image on your page.

Web ページの画像を表示するには：

ページの編集中に、画像を表示したい場所にカーソルを合わせます。
Choose Insert > Image and choose From the Web.
Type in the URL for the image. An example is: http://atlassian.wpengine.netdna-cdn.com/wp-content/uploads/AtlassianBushRegeneration-12January2012-083-trunc.jpg
[プレビュー] を選択し、URL と画像が適切であることを確認します。
[挿入] を選択します。

Alternatively, you can simply cut and paste the image from a web page.

Controlling the image appearance

ページの編集中に、画像を選択し、画像のプロパティを開きます。表示サイズの設定、ボーダーと効果の追加、他のページへのリンクの設定を行います。

To set the size of the image, do one of the following:

Choose one of the size 'preset' buttons (the image width in pixels is displayed to the left).
Choose the image size text and enter a new image width in pixels (you can specify a size between 16px and 900px).

Images are displayed as thumbnails.

To add a border to the image:

Choose Border in the image properties panel.

To add a hyperlink to the image:

Choose Link in the image properties panel.

To align an image:

Select the image and choose the paragraph alignment buttons on the editor toolbar.
If you choose the left or right alignment, the text will wrap around the image. The text does not wrap for centre alignment.

To add effects to an image:

Choose Properties > Effects in the image properties panel.
Select an effect and choose Save.

Note: The Instant Camera effect only works with Latin character languages, due to a lack of handwriting style fonts in multi-byte languages.

To add a caption to an image:

画像プロパティから効果を選択し、インスタントカメライメージ効果を選択します。
ページを保存します。
Choose Tools > Attachments to go to the 'Attachments' view of the page.
画像ファイル横のプロパティを選択します。
添付ファイルにコメントを追加します。コメント欄に入力した文字が画像キャプションとして表示されます。

コメントは新しいバージョンの画像をアップロードする度に再入力する必要があります。

Screenshot: The image properties panel beneath an image

Screenshot: Examples of image border effects

Setting other image attributes

You can add a title and alt text to your image in the image properties panel. The image title displays when the user hovers over the image or views the full size image. The alt text is used by screen readers and when the image cannot be shown.

To add a title and alt text:

Choose Properties > Title in the image properties panel.
Enter a title and alt text and choose Save.

Other attributes can also be set by using the Insert > Wiki Markup function from the editor toolbar, then using the syntax described in Confluence Wiki Markup.

Displaying a gallery of images

See the Gallery Macro.