画像のプレビューが切り取られる

最近のアップデート以降、投稿に画像を埋め込むと、ライトボックスのサムネイルで画像の左右が切り取られてしまいます。そのため、文字が含まれている画像は読みにくくなります。

これは意図した動作ではないと思われます。実際、ここMetaではこのようなことは起こっていません。

フル画像

@FroggyCさん、こんにちは :slight_smile:

おそらく、次のようなファイル設定が原因でしょう。

  • 画像の最大幅: 投稿内の画像のサムネイルの最大幅。これより幅の広い画像はリサイズされ、ライトボックス表示されます。

  • 画像の最大高さ: 投稿内の画像のサムネイルの最大高さ。これより高さのある画像はリサイズされ、ライトボックス表示されます。

  • クロップの最小比率: 背の高い画像をクロップするために使用される比率。幅 / 高さ の結果を入力します。


少し早とちりしたかもしれません。

アップデート前に画像は正しく表示されていましたか?

右クリックして「新しいタブで画像を開く」を選択すると、画像は完全に表示されますか?

設定 → ファイルで、デフォルト値以外の値になっている設定はありますか?

「いいね!」 2

それらの設定はすべてデフォルトです。

画像は開いても切り取られません。


サイトのバックアップを新しいインスタンスに復元しようとしましたが、それでも問題は解決しませんでした。したがって、明らかに設定の問題ですが、正直なところ何が問題なのかわかりません。

これを解決する方法を知っている方はいらっしゃいますか?この問題には本当に困っています。

安全モードでサイトにアクセスして、違いがあるかどうかを確認してみてください。

画像が公開投稿にある場合は、ここにリンクを共有してください。誰かが何が起こっているのか解明できるかもしれません。

「いいね!」 2

こんにちは :waving_hand:

サイトを確認しましたが、サムネイルに影響を与えるカスタム CSS やその他のカスタマイズはないようです。

これは、次のようなサイト設定の誤設定である可能性があります。

しかし、あなたはこう言いました。

ところで、最小クロップ比率 設定のデフォルト値は何ですか?


CDN の誤設定でしょうか?画像を最適化するためにクラウドベースの画像リサイザーを使用している場合(サムネイル)。これはあまり可能性は高くありませんが、これも考えられる理由です。


その他の考えられる理由は、サムネイルを操作できるプラグインです。Simon が提案したように、プラグインが原因であるかどうかを確認するために、セーフモードで新しい画像をアップロードすることもできます。(しかし、私が見た限りでは、そのようなプラグインは使用していません。)もし私が間違っていて、そのようなプラグインを使用している場合、管理画面でプラグインを無効にするだけでは不十分な場合があります。この場合、app.yml からコメントアウト(削除)して、もう一度試す必要があります…

ただし、注意してください。これらのサムネイルはこれらのサイズで調理され、投稿でクロップされます。したがって、何かを変更しても、投稿を再ベイクするか、手動でサイズ変更してシステムに新しいファイルとして認識させ、新しいサムネイルを生成しない限り、既存のサムネイルには影響しません。新しいアップロードでは、これらの変更はページをリロードした後に変更された結果を示すはずです。

「いいね!」 3

セーフモードでサイトを訪問しましたが、問題は解決しませんでした。

また、同じ app.yml を使用して別のサーバーに Discourse をインストールし、サイトを復元して投稿を再ベイクしましたが、何も変わりませんでした。

0.22 です。これは、この問題が発生していない私が管理する別のフォーラムと全く同じ値です。

私の CDN は Amazon AWS の基本的なもので、問題が発生していない別のサイトと同じ設定を使用しています。

残念ながら、それと連携するようなプラグインは使用していません。discourse-topic-previews-sidecar が関係している可能性はありますか?

「いいね!」 1

AWS S3バケットの中を確認しましたが、クロップされたのは最適化されたバージョンの画像のようです。したがって、画像アップロード中に発生している何らかのバグのようです。

試していただけますか?

  1. 元の画像を少し編集します(これにより、Discourse が既存の画像として認識しなくなります。クリップボードから貼り付けた場合はそうではないかもしれませんが)。
  2. セーフモードに移行し、すべて無効にします。
  3. 投稿を作成します。
  4. 画像を貼り付け/アップロードします。
  5. プレビューまたは結果が切り取られているかどうかを確認します。

:thinking:

これは、誰もが問題を特定しようと一生懸命努力しているのに、最終的には皆が「それはとても明白だった」と言うようなケースですね。

season 3 facepalm GIF

「いいね!」 1

私の最後のアップデートを投稿している間に、あなたが書いているのを見ました。AWSバケットでの発見を踏まえると、それらの手順はまだ役立ちますか?

はい、セーフモードで画像を再アップロードすると(スクリーンショットを撮ったので、少し違っていました)、問題が解決します。

これはプラグインが原因ということでしょうか?

「いいね!」 2

サイドカープラグインには実験的な機能が含まれていると思います。

これらの設定を無効にすることはできますか?

「いいね!」 2

それではなく、そのすぐ下にある設定を有効にしていました。

それを無効にすることで問題は解決したようです(少なくとも新しい画像については)。

サイト全体の問題を修正するために、最適化されたすべてのバージョンを再構築する方法はありますか?

uploads:regenerate_missing_optimized という rake タスクがあるのを見ましたが、私の理解では、最適化されたバージョンで欠落しているものだけを再生成するようです。

「いいね!」 1
cd /var/discourse
./launcher enter app
rake posts:rebake
「いいね!」 1

投稿HTMLをマークダウンからリベイクするだけだと思っていました。いずれにしても、試してみます。

しかし、設定が変更されたため、再生成されるべきだと思います。

残念ながら、投稿を再ベイクしても最適化されたバージョンは再生成されませんでした。

optimized/ フォルダをバケットに移動して rake uploads:regenerate_missing_optimized を実行することを検討していますが、すべてを壊してしまうかもしれません。

編集:ああ、しかし、そのタスクは内部ストレージにしか機能しません。S3には機能しません。

最終的に問題のある画像は少数だったので、すべて手動で再アップロードしました。そのため、最も効率的な方法ではありませんでしたが、問題は解決しました。

「いいね!」 1

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.