皆さん、こんにちは!
いくつかの注目の投稿があり、そこでの画像の表示がかなり悪いのですが:
画質を損なわずに画像のサイズを変更する方法はありますか?
念のため、フォーラムはこちらです:https://community.elfsight.com/
よろしくお願いします!
皆さん、こんにちは!
いくつかの注目の投稿があり、そこでの画像の表示がかなり悪いのですが:
画質を損なわずに画像のサイズを変更する方法はありますか?
念のため、フォーラムはこちらです:https://community.elfsight.com/
よろしくお願いします!
それはFeatured Cards componentからですか?もしそうなら、@manuelさんが手伝えるかもしれませんか?
はい、それがコンポーネントのようです。ただし、Featured Tilesコンポーネントをベースにしており、画像のリサイズに関してはコードを変更していないと思います。Topic List Thumbnailsコンポーネントでも、ぼやけたプレビューが時々表示されます。@david は、プレビューがぼやけないように画像を最適化する方法についてアドバイスがあるかもしれませんか?
ここでサイズ定義を更新する必要があります。
そして、ここで必要な解像度のリストを更新するために計算を行ってください。
最も簡単なアプローチは、コード内で可能な限り大きいサイズ(おそらく500x500、および1.5倍と2倍のバリアントを含む)でコンポーネントを定義し、ブラウザが表示時にそれらを縮小するようにすることでしょう。
Davidさん、ヒントをありがとうございます!コンポーネントについてはこれでかなり明確になりました。いずれにせよ、ブラウザが実際に何をしているのか、つまり、スケーリングされたサムネイルを選択して最終的なレイアウトサイズにリサイズしているのかをもう少し理解する必要がありそうです。前述したように、トピックリストのサムネイルでも画像がぼやけて見え、ブラウザによって結果がわずかに異なります。おそらく、テーマコードでサイズ調整を行っているためでしょう。