画像の挿入:方法とヒント Issue この記事では、記事やフォームに画像を挿入するためのヒントを紹介します。これにより、すべてのデバイス、UI タイプ、HTML フォームフィールド、ブラウザーのバージョンで、画像のフォーマットとサイズに関して同じ結果が得られます。 画像の挿入 画像のコピー/貼り付けは避けてください。 ブラウザーの機能、デバイスタイプ、フォームビュー、およびその他の要因によっては、画像をコピーして記事またはフォームに貼り付けても、期待どおりに動作しない場合があります。フォームに画像を取り込むには、画像を挿入するか、レコードに添付してからコンテンツに埋め込むことをお勧めします。 ナレッジベース記事に添付ファイルとして画像を挿入します。 KB 記事フォームで、画像を表示するスペースをクリックします。ツールバーで、 画像の挿入/編集 アイコンをクリックします画像がまだアップロードされていない場合: [アップロード] をクリックします[ Browse for an image] をクリックするか 画像をドラッグアンドドロップしてください 画像がすでにアップロードされている場合: 一般で、画像リストをクリックします。埋め込む画像を選択します。 [保存] をクリックします。 画像を添付ファイルとしてフォームに挿入します。 フォームの右上隅にある 添付ファイルの管理 ペーパークリップをクリックします。ファイルを選択ボタンをクリックしてファイルを表示します。目的の画像またはスクリーンショットファイルを選択し、[開く]をクリックします。閉じるをクリックしてダイアログ ボックスを閉じます。 画像の更新 フォームの右上隅にある 添付ファイルの管理 ペーパークリップをクリックします。削除する画像の横にあるチェックボックスをクリックします。削除をクリックします。閉じるをクリックします。上記の手順に従って、更新されたイメージを追加します。 その他のヒント ウェブ画像の最適化 画像をアップロードするときは、ファイルサイズを小さくすると最良の結果が得られます。これにより、複数のプラットフォーム間での互換性が確保され (レスポンシブデザイン)、ページのパフォーマンスが向上します。コンテンツとスタイルに応じて、推奨される画像サイズは次のとおりです。 150×150 ピクセルのサムネイル300×200ピクセルミディアム600×600 ピクセル (大)詳細/レガシービューの最大幅 960 pxナレッジポータルの最大幅は 840 ピクセル 高解像度の画像には、非常に多くのピクセル数とバイト数が必要です。「標準」の Web 解像度は 96 dpi です (以前は ~72 dpi でしたが、ここ数年はピクセル密度の高い画面が標準になっています)。画像形式がRGBカラーモードであることを確認してください。印刷モード(CMYK)は、ほとんどのブラウザーではレンダリングされません。.jpg、.gif、または.png形式でのみ画像を保存します。pdf、.psd、.tff、.doc などのファイルは、受け入れられない Web 画像形式です。 可能であれば、元のソースファイルを添付してください。この方法には、次の利点があります。 画像の品質を向上させます。画像が複数のブラウザーで正しくレンダリングされるようにします。コピー/貼り付けによる画像の欠落、または壊れたリンクや無効なリンクの数を減らします。 大きな画像ファイルを最適なウェブサイズにリサイズ 可能な場合は、大きな画像をフォームにアップロードする 前 に最適な Web サイズにサイズ変更してください。ほとんどのグラフィックアプリケーションでは、画像のサイズ/品質を編集できます。上記のアプリケーションの詳細な手順については、次のサイトを確認してください。 するMacの「プレビュー」でイメージのサイズを変更する/回転する/反転するWindows10で画像のサイズを変更する方法例えば、Photoshop では Web およびデバイス用に保存 というオプションを使用できます。 注意: いつものように、画像のサイズを変更する方法は複数あり、マイレージは異なる場合があります。市場には、これを簡単にできる多くのソフトウェア製品があります。 アップロード 後 のサイズを変更する場合は、ページのHTMLではなく画像エディタを使用します。この方法では画像の表示が小さくなりますが、ページはファイルを元のサイズでダウンロードします。画像設定を調整するには: 画像を選択します。画像アイコンをクリックして、画像エディターを開きます。希望の高さと幅をピクセル単位で入力します。 [保存] をクリックします。アップロード後に画像のサイズを大きく変更すると、画像の品質、アスペクト比、解像度が歪む可能性があるため、避けてください。 適切な命名規則を使用 論理的で覚えやすい命名規則を使用します。検索しやすい関連キーワードを含めます。ファイル名には、文字、数字、ハイフン、アンダースコアのみを使用してください。その他の文字 (疑問符やアンパサンドなど) は、正しくアップロードされなかったり、予期しない動作を引き起こしたりする可能性があります。 画像に代替 (alt) テキストを追加 画像を選択します。境界線と角を強調表示することで、選択されていることを示します。右クリックして Image...代替説明フィールドに代替テキストを追加します。[保存] をクリックします。 最適な代替テキストを書くには、対象者と画像の目的を考慮してください。代替テキストの説明は、特にナレッジ記事またはフォームのコンテキストで意味のあるものでなければなりません。代替説明内の代替テキストは、画像の内容と目的をユーザーに知らせる必要があります。それ自体が意味のある代替テキストを使用することが重要です。アクセシビリティのために、スクリーンリーダーは画像の代替テキストを読み上げるため、画像の目的をできるだけ適切に説明していることを確認してください。Related Links詳細については、以下を参照してください。 ナレッジ記事への画像の挿入データベースへの画像の保存