ヘルプセンターの画像がぼやけたり、ゆがんで見える

問題の内容

記事やコミュニティ投稿内の画像 は、元の記事よりも読みやすく表示されません。アプリケーションのスクリーンショットの場合、テキストが判読できない可能性があります。写真の場合、鮮明度は理想的とは言えません。

条件

• 新しいWebブラウザタブまたはフル解像度で画像を見ると、画像は普通に見え、読みやすく見えます。
• この問題はヘルプセンターでのみ発生します。

解決方法の手順

この問題は通常、どのような状況でも同じように見えますが、いくつかの理由が考えられます。

CSSが画像のサイズを変更しています

画像のサイズはさまざまですが、通常、ヘルプセンターでは、画像の配置場所によって境界が決まります。たとえば、ヘルプセンターのほとんどの記事本文の幅は約700pxです。幅2000ピクセルの画像が追加された場合、Webブラウザがその画像を幅の狭い記事の本文に合わせる必要があるため、画像が歪む可能性があります。

これを解決するには、CSSを調整して画像を大きくするか、画像の相対位置のサイズに近い解像度で画像を保存します。上記の例では、画像を幅700ピクセルの解像度で保存すると、画像がより忠実に表現されます。さらに、写真編集ソフトウェアで、適切な新しいサイズに高さを調整します。

ヒント：一部の社内チームは、画像を8ビットカラーに圧縮してダウンロードを高速化し、画像サイズを変更しないことに成功しました。 width 属性を使用して記事のサイズを設定します（）。画像エディタを使用して8ビットカラーファイルを作成します。

または、以下のような実験的なCSSプロパティがあります。 image-rendering ブラウザでの画像の表示に影響します。カスタムCSSはZendeskのZendeskカスタマーサポートの範囲外ですが、これらのプロパティを使用するとうまくいく場合があります。

ブラウザのズームレベルが100％より大きい値に設定されている

ブラウザでズームツールを使用しているときに別のWebサイトに移動すると、そのズーム設定が維持され、ズームしたままになることがあります。これは、画像の表示に問題を引き起こす可能性があります。ブラウザは、CSSを考慮した後の画像の外観と、別のズーム設定での画像の外観の両方を決定するためです。画像の外観を復元するには、ブラウザのズームを100％に戻します。

翻訳に関する免責事項：この記事は、お客様の利便性のために自動翻訳ソフトウェアによって翻訳されたものです。Zendeskでは、翻訳の正確さを期すために相応の努力を払っておりますが、翻訳の正確性については保証いたしません。

翻訳された記事の内容の正確性に関して疑問が生じた場合は、正式版である英語の記事を参照してください。