画像フィールドのサムネイルサイズを調整するには？

Ragicの画像アップロードフィールドは、セルにサムネイルを表示します。データベース設計者は、「サムネイル表示ロジック」や「画像表示サイズ」などの高度な設定オプションを通じて、サムネイルの表示方法を決定することができます。

「サムネイル表示ロジック」とは、主に「サムネイルをセルの高さに対応させるかどうか」と「セルの高さに影響を与えたくない場合のサムネイルの表示方法」のことです。 サムネイルはセルスペースに配置されるため、通常、サムネイルは本来設計されたセルスペースよりも大きくなります。 この場合、システムのデフォルトモードでは、セルの列の高さをわずかに調整し、この列の高さの元の比率に従ってサムネイルを表示します。

さらに、高度な設定で他の2つのロジックを選択することができます：サムネイルを直接セルのスペースに押し込む（"画像をセルのサイズに縮小する "に選択）、または画像を直接セルにはみ出させる（"画像サイズを固定 "に選択）。

したがって、デフォルトのモードを含め、合計3つのロジックから選択できる

サムネイル表示ロジック決定後、サムネイル表示ロジックがデフォルトまたは画像サイズを固定の場合、必要に応じて「サムネイルサイズ」。を追加設定できます。 (「画像をセルのサイズに縮小する」を選択した場合、サムネイルのサイズは保存セルを基準とするため、サムネイルのサイズをカスタマイズできません)。

デフォルトでは、画像フィールドのサムネイルサイズが画像の高さに基づいており、それ以外の設定がなく、元の画像が小さすぎたり、フィールドの幅が狭すぎたりしない場合、サムネイルサイズは、デフォルトのサムネイルロジックや「画像サイズを固定」にかかわらず、「高さ＝120px、幅は元の画像に比例する」となります。

サムネイルを大きくしたい場合は、画像フィールドの詳細設定にある「最大幅」と「最大高さ」に希望の値を入力することで、サムネイルの幅と高さを調整できます。

注意点としては、最大高さ／最大幅に入力された数値は、必ずしもサムネイルのサイズと等しくなるわけではなく（あくまで「最大でこの値と等しくなる」）、実際にはサムネイルのロジック、元画像のスケール、セルの幅などに応じて調整され、真の高さ／幅が決定されるということです。

デフォルトでは、フィールドデザインの幅は、設定された最大幅と最大高さの範囲内で比例して表示されます（フィールドデザインの幅の設定は、最大幅の設定よりも優先されます）。"画像サイズを固定 "が選択されている場合、画像は、セルボックスの境界線を気にすることなく、直接、"最大幅"と "最大高さ "の制限に従って比例して表示されます。

例えば、500×500の写真が23×150の画像アップロード フィールドにアップロードされた場合、高さ/幅の最大値を調整しないと、サムネイル ロジックがデフォルトであろうと「画像サイズを固定」であろうと、サムネイル サイズは120×120になります。

デフォルトのサムネイルロジックが「最大高さ/最大幅」の「500,500」である場合、サムネイルサイズは150×150になります（フィールドデザインのセル幅設定が、最大幅の設定よりも優先され、均等な比率で表示されるため）。「画像サイズを固定」に選択すると、サムネイルサイズは500×500になります（列幅の問題に影響されません）。

もう一つだけ注意すべきことがある：

このフィールドの画像は "サムネイル "なので、"最大高さ "と "最大幅 "をどんなに大きく設定されたても、最大サイズがオリジナル画像を超えることはありません（元画像を拡大することはありません）、したがって列の高さは120px未満になる可能性があります。例えば、アップロードされた画像が50×50の場合、サムネイルも50×50になります。