ファイルと画像の表示

Confluence にファイルをアップロードすると、ページ上でサムネイルかリンクのいずれかとして表示できます。

ページでのファイルの表示方法を制御することができます。利用可能なオプションはファイルのタイプによって異なります。 

ファイルをアップロードするには「添付ファイルを追加」スペース権限が必要です。この権限がないと、編集ツールバーの関連オプションは表示されません。


ご利用のサイトのページでは、新しいエディターまたは従来のエディターが使用される場合があります。このページでは両方のエディターの使用方法をご説明します。

次のリンクを使用して、ご利用のエディタの詳細情報のセクションに移動できます。

 

ページで使用しているエディターの確認

エディターのツールバーの違いを見れば、ページでどのエディターが使用されているかがわかります。

  • 新しいエディター: トップ メニューに [公開…] ボタンまたは [更新] ボタンと [閉じる] ボタン、さらに絵文字アイコンが含まれます

  • 従来のエディター:以前のバージョンのテキストカラー ピッカーとページの書式設定があります

新しいエディタ
ConfluenceCloud_NewEditor_Toolbar
従来のエディタ
画像は、レガシー エディターのツールバーと新しいエディターのツールバーを差別化する独自のツールをハイライトしています。

新しいエディタ

このセクションでは、新しいエディタを使用してファイルや画像を表示する方法の詳細について説明します。

ページにファイル、画像、動画を挿入する

画像と動画

ファイルや画像をページに挿入すると、それは添付ファイルとして追加されます。

編集中に画像や動画をページに挿入するには、次の手順に従います。

  • ページにファイルを直接ドラッグする

  • メイン ツールバーから [画像、動画、またはファイルを追加] ボタンを選択します。

  • /images または /files を入力して、[画像、動画、またはファイル] を選択します。

画像または動画の挿入後、次のことを実行できます。

  • 両側にあるハンドルをドラッグしてサイズを変更します。

  • ツールバーに値を入力して、幅または高さをピクセル単位で設定します。

アップロードした画像や動画を選択すると、フローティング ツールバーが表示されます。このツールバーでは、次のことを実行できます。 

選択した画像とフローティング メディア ツールバー
  • キャプションを追加 — 画像または動画に関する詳細を追加します。テキストのサイズと配置は変更できませんが、他の書式を適用できます。

  • 枠線のオプション — 枠線を追加して、色やサイズを変更します。

  • 画像の位置合わせ — ページ上での画像や動画の位置合わせの方法とテキストを画像や動画の周りに配置する方法を決定します。

  • Inline (images only) (インライン (画像のみ)) — 画像や動画をテキスト内に表示します。

  • 元のサイズ (画像のみ) — 画像を別のブロック要素として表示します。

  • 幅と高さ — 画像や動画の幅または高さを設定します。

  • コメントの追加/表示 — 画像や動画にコメントを追加または表示します。

  • リンク (画像のみ) — Confluence ページまたは外部 URL へのリンクを追加します。

  • プレビュー (画像のみ) — 編集中に画像をフルサイズでプレビューします。

  • Edit alt text (代替テキストを編集) — 画像や動画と併せて表示される、全ユーザー向けの補足テキストを追加します。代替テキストを使用すると、画像や動画にコンテキストや意図を追加できるため、あらゆるユーザーが画像や動画をより良く理解できるようサポートするのに非常に役立ちます。

ページから画像を削除した場合、画像を追加し直すには再度アップロードする必要があります。新しいエディターの添付ファイル ビューからは画像を追加できません。

ファイル

ページにファイルを挿入すると、インライン タイルまたはサムネイルとして表示されます。フローティング ツールバーでは、次のような制御を行えます。

フローティング ファイル ツールバーで選択したファイル
  • ビューを変更 — ファイルをインラインまたはサムネイルで表示します。

  • プレビュー — ファイルをビューアー モードで開きます。

  • ダウンロード — ファイルをパソコンまたはデバイスにダウンロードします。

ページからファイルを削除する

ページの編集中にファイルを削除する方法はいくつかあります。

  • 画像のフローティング ツールバーで アイコンを選択する

  • ファイルを選択して、[X] アイコンを選択するか Delete キーを押す

エディタでファイルまたは画像を削除しても、添付ファイルは削除されません。 

ファイルをページから完全に削除するには、次の手順を実行します。

  • ページの表示中に [•••] > [添付ファイル] の順に移動して [削除] を選択します。

"読み込みに失敗しました" プレースホルダーが表示された場合、対象のページ (または別のページ) から添付ファイルが削除されています。

従来のエディタ

このセクションでは、従来のエディターによってファイルや画像を表示する方法の詳細について説明します。

ページにファイルや画像を挿入する

ページへのファイルの挿入方法は複数あります。

  • エディター ツールバーから [挿入] > [ファイル] に進み、アップロード済みファイルのいずれかを選択します。

  • ファイルを直接エディターにドラッグすることで、1 ステップでファイルをアップロードして挿入できます。

  • !」と入力し、オートコンプリートのドロップダウンから添付ファイルを選択します。

ファイルがページにサムネイルとして表示されます。サイズを変更したり、リンクとして表示したりするには、サムネイルをタップします。 

別のページに添付されたファイルを挿入する

ファイル名を確認済みの場合、同じ Confluence サイトの他のページに添付されたファイルを表示できます。

これは、従来のエディターでのみ可能です。新しいエディターはこの機能をサポートしていません。詳細については「Confluence Cloud エディターのロードマップ」をご参照ください。

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

  1. [挿入] > [ファイル] に進み、[他のページの検索] を選択します。

  2. ファイル名を入力します。

  3. 検索するスペースを、現在のスペースまたは [すべてのスペース] から選択し、[検索] を選択します。

  4. 検索結果からファイルを選択し、[挿入] を選択します。

画像ファイルを web から挿入する

画像を Confluence ページに添付することなく、Web ページからリモートで表示させることができます。画像が表示されている Web ページではなく画像自体の URL が必要になります。この操作は画像ファイルでのみ利用でき、他のタイプのファイル (ドキュメントなど) では使用できません。 

Web ページの画像を表示する方法

  1. [挿入] > [ファイル] を選択し、[ウェブサイトからの画像] を選択します。

  2. 画像の URL (例: http://atlassian.wpengine.netdna-cdn.com/wp-content/uploads/AtlassianBushRegeneration-12January2012-083-trunc.jpg) を入力します。

  3. [プレビュー] を選択し、URL と画像が適切であることを確認します。

  4. [挿入] をタップします。

ページからファイルを削除する 

エディターでファイルまたは画像を削除しても、添付ファイルは削除されません。ページから添付ファイルを完全に削除するには、ページの表示中に [•••] > [添付ファイル] の順に移動します。

"不明な添付ファイル" プレースホルダーが表示された場合、対象のページ (または別のページ) から添付ファイルが削除されています。

ファイルのプレビュー

ファイルをプレビューするには、ページの表示中に画像、サムネイル、またはリンクをクリックします。

ページに表示されているファイル (Web から取得される画像を含む) や、ページに添付されているが表示されていないファイルをプレビューすることができます。

プレビューでは次の操作を行えます。

  • 画像ファイルをダウンロードする。

  • 新しいバージョンをアップロードする (添付ファイルのみ)。

  • ファイルにコメントを追加する。

  • ブラウザ幅に合わせて画像を拡大、縮小する

  • [次へ] [戻る] ボタンを使用してスライドショーのように表示する。

  • ページに添付された他のファイルを見る、またはサムネイルをクリックしてそのファイルのプレビューを確認する。

  • フル スクリーンのプレゼンテーションモードに切り替える。

Office ファイル、PDF、音声、ビデオ、多くの画像タイプなどを含む、さまざまなファイルをプレビューできます。

上記の画像は、画像プレビューで行える操作を示しています。

  1. 他のファイルを参照: 同じページに添付されている他のファイルを参照します。

  2. このファイルを管理: ファイルをダウンロードし、新しいバージョンをアップロード、またはチームと共有します。

  3. コメントを追加: プレビューにピンをドラッグしてコメントを追加します。

ページにファイルの一覧を表示する

ページにあるファイルの一覧をさまざまな方法で表示できます。以下の方法が可能です。

また、ファイル リスト ブループリントによって、ファイルのリストをアップロード、表示、管理できます。 

表示可能なファイル タイプ

このセクションでは、Confluence Cloud ページで表示できるファイルのタイプについて説明します。アップロードできるすべてのファイル タイプのリストについては、利用できるファイル タイプとサイズをご確認ください。

Office ファイルと PDF ファイル

ページにファイルを挿入することで、便利なドキュメント、スプレッドシート、プレゼンテーション、およびチームで利用可能な他のファイルを作成できます。 

すべてのファイル タイプと同様に、ファイルをリンクやサムネイルとして挿入することができます。サムネイルを使用すると、読者がファイルの内容をプレビューすることができます。サムネイルのサイズを変更したりボーダーを追加して他のページからオフセットすることができます。

Office ファイルまたは PDF を表示するには、リンクまたはプレビューのサムネイルをクリックします (Excel、Word または PowerPoint がインストールされている必要はありません)。プレビューを開くと、ファイルをダウンロードしてオフラインで表示できます。 

他のファイル タイプと同様に、Confluence で Office と PDF の各ファイルを表示したり、コメントしてチームで話し合ったりできます。

画像ファイル

ページの編集中に、画像を選択し、画像のプロパティを表示します。このパネルでは、表示サイズの設定、ボーダーの追加、Confluence や他 URL への画像のリンク設定を行うことができます。 

画像プロパティ パネルでは、以下の操作を行えます。

  • 画像の幅を入力する

  • 画像用の 3 つのプリセット サイズのいずれかを選択するか、元のサイズに設定する

  • 画像の周囲にボーダーを追加する

  • 画像にページまたは URL へのリンクを設定する

  • 画像の上にカーソルを合わせたときに表示されるタイトルを追加する ([プロパティ] > [タイトル])

  • スクリーン リーダーで画像が表示されないときに使用される代替テキストを追加する ([プロパティ] > [タイトル])

表示可能なイメージ ファイル:

File Type

拡張子

メディア タイプ

Microsoft Windows Bitmap

.bmp

image

Dicom

.dcm

image

Graphics Interchange Format

.gif、

image

High Efficiency Image File Format

.heif、.heic

image

JPEG

.jpg、.jpeg

image

Portable Network Graphics

.png

image

Photoshop

.psd

image

Tagged Image File Format

.tif、.tiff

image

マルチメディア ファイル

ファイル プレビューでは、音声および動画ファイルもサポートされます。添付された音声および動画ファイルの再生には HTML5 を使用します。したがって、プレビューでユーザーが再生できるファイル タイプは、ブラウザがサポートしている音声および動画のフォーマットに依存します。

すべてのファイル タイプと同様に、音声または動画ファイルを挿入する際、サムネイルまたはページ上のリンクとして表示することを選択できます。

また、マルチメディア マクロによって音声および動画ファイルを埋め込む (ページ内で再生する) こともできます。 

ウィジェット コネクター マクロによって、オンラインの動画 (YouTube や Vimeo などのビデオ) を表示できます。

その他のヘルプ