画像の挿入：方法とヒント Issue 最新情報については、http://docs.servicenow.com/?context=image-html-editor&version=latestを参照してください。 この記事では、記事またはフォームに画像を挿入するためのヒントを提供します。これにより、すべてのデバイス、UI タイプ、HTML フォームフィールド、およびブラウザーバージョンで、画像の書式設定とサイズ設定に関して同じ結果が得られます。 画像の挿入 画像のコピー/貼り付けを避ける ブラウザーの機能、デバイスタイプ、フォームビュー、およびその他の要因によっては、記事またはフォームへの画像のコピー/貼り付けが期待どおりに機能しない場合があります。フォームに画像を取り込むには、コンテンツに埋め込む前に画像を挿入するか、レコードに添付することをお勧めします。 添付ファイル機能を使用して画像を挿入する ナレッジベース記事に画像を添付ファイルとして挿入するには： KB 記事フォームで、画像を表示するスペースをクリックします。ツールバーで、 画像の挿入/編集 アイコンをクリックします。タイプで、 添付ファイルを選択します。画像で、ドロップダウンリストをクリックします。目的の画像に移動し、画像を選択します。開く をクリックします。保存 をクリックします。画像が添付されています。 インシデント、変更、または問題フォームに添付ファイルとして画像を挿入する フォームの右上隅にある [添付ファイルを管理] ペーパークリップをクリックします。[ファイルを選択] ボタンをクリックしてファイルを表示します。目的の画像またはスクリーンショットファイルを選択し、 開くをクリックします。ダイアログボックスを閉じるには、[閉じる] をクリックします。 Web 画像の最適化 画像をアップロードするときは、最良の結果を得るために小さなファイルサイズを使用します。これにより、複数のプラットフォーム間での互換性 (レスポンシブデザイン) が確保され、ページのパフォーマンスが向上します。コンテンツとスタイルに応じて、推奨される画像サイズは次のとおりです。 150 x 150 ピクセルのサムネイル300×200 ピクセル (中)600 x 600 ピクセル (大)詳細/従来のビューの最大幅は 960pxナレッジポータルの最大幅は 840 ピクセル 高解像度の画像では、非常に多くのピクセル数とバイト数が必要です。「標準的な」Web 解像度は 96 dpi です (以前は 72 dpi まででしたが、ここ数年でより高いピクセル密度の画面が標準になりました)。画像形式が RGB カラーモードであることを確認します。印刷モード (CMYK) は、ほとんどのブラウザーで表示されません。画像は .jpg、.gif、または .png 形式でのみ保存します。pdf、.psd、.tff、.doc などのファイルは、受け入れ可能な Web 画像形式ではありません。 可能な場合は、元のソースファイルを添付します。この方法には、次の利点があります。 画像の品質を向上させる複数のブラウザーで画像が正しくレンダリングされるようにするコピー/貼り付け、破損または無効なリンクによって欠落する画像の数を減らす 大きな画像ファイルのサイズを最適な Web サイズに変更する 可能であれば、大きな画像を最適な Web サイズ にサイズ変更してから、 フォームにアップロードしてください。ほとんどのグラフィックアプリケーションでは、画像のサイズ/品質を編集できます。上記のアプリケーションの詳細な手順については、次のサイトを参照してください サイズ変更、回転、または反転サイズを変更する方法 画像のサイズを変更する方法Windows 10Photoshop では、[Save for Web and Devices] というオプションを使用できます。 注意： 画像のサイズを変更する方法は複数あり、方法は人に異なる場合があります。これを容易にする多くのソフトウェア製品が市場に出回っています。 アップロード後に画像のサイズを変更する場合は、ページの HTML ではなく画像エディターを使用してください。この方法では画像が小さく表示されますが、ページは元のサイズでファイルをダウンロードします。画像設定を調整するには： KB 記事内で、画像を選択します。画像アイコンをクリックして、画像エディターを開きます。目的の高さと幅をピクセル単位で入力します。保存 をクリックします。画像の品質、アスペクト比、および解像度が歪む可能性があるため、アップロード後に画像のサイズを大きくしないでください。 適切な命名規則を使用する 論理的で覚えやすい命名規則を使用します。検索しやすい関連キーワードを含めます。ファイル名には、文字、数字、ハイフン、およびアンダースコアのみを使用してください。その他の文字 (疑問符やアンパサンドなど) は、正しくアップロードされなかったり、予期しない動作を引き起こしたりする可能性があります。 Related Links1 つ以上の画像をアップロード アップロード [docs]記事、インシデント、またはその他のフォームレコードへの画像の挿入 [コミュニティブログ]