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