問題の内容
記事やコミュニティの投稿内の画像は、元の画像よりも読みにくく表示されます。これがアプリケーションのスクリーンショットである場合、テキストが判読できない可能性があります。写真の場合、鮮明度は理想的ではありません。
条件
- 新しいWebブラウザのタブまたはフル解像度で画像を表示すると、画像は正常に表示され、読みやすくなります。
- 問題はヘルプセンターにのみ表示されます。
解決のステップ
通常、この問題はすべての状況で同じように見えますが、発生する理由はいくつかあります。
CSSが画像のサイズを変更しています
画像にはさまざまなサイズがありますが、通常、ヘルプセンターでは、画像の配置場所によって境界線が決められます。たとえば、ヘルプセンターの記事本文のほとんどの幅は700ピクセルです。2000ピクセル幅の画像を追加すると、Webブラウザは狭い記事本文に収まるようにしなければならないため、画像が歪む可能性があります。
これを修正するには、CSSを調整して画像を大きくするか、相対位置のサイズに近い解像度で保存します。上の例では、画像を幅700ピクセルの解像度で保存すると、画像がより適切に表現されます。さらに、写真編集ソフトウェアで高さを適切な新しいサイズに変更します。
width属性を使用して記事（<img src="[image URL]" width="500px"/>）でサイズを変更することに成功しました。画像エディタを使用して、8ビットカラーファイルを作成します。または、ブラウザによる画像の表示に影響を与えるimage-renderingなどの、より実験的なCSSプロパティーもあります。カスタムCSSはZendesk Zendeskカスタマーサポートの範囲外ですが、これらのプロパティを使用すれば役に立つ場合があります。
ブラウザのズームレベルが100%より大きい値に設定されている
ブラウザでズームツールを使用していて、別のWebサイトに移動すると、そのズーム設定が保持され、ズームされたままになることがあります。これにより、画像の表示に問題が生じることがあります。ブラウザは、CSSを考慮したうえで画像の表示方法を決めるだけでなく、別のズーム設定で画像の表示方法を決めるからです。画像の外観を復元するには、ブラウザで100%ズームに戻ります。
翻訳に関する免責事項：この記事は、お客様の利便性のために自動翻訳ソフ トウェアによって翻訳されたものです。Zendeskでは、翻訳の正確さを期すために相応の努力を払っておりますが、翻訳の正確性につ いては保証いたしません。
翻訳された記事の内容の正確性に関して疑問が生じた場合は、正式版である英語の記事 を参照してください。