画像変換

Fóirは画像のリサイズと変換を行います。画像フィールドは、指定した形式で、名前付きのサイズごとにURLを返し、URLの背後にある画像は、最初にリクエストされたときに生成されます。

名前付きの8つのサイズ

サイズはプリセットで、名前は画像の長辺の幅(ピクセル)に対応します。thumbnail(160)、small(640)、medium(1024)、large(1280)、xlarge(1920)、そして2560、3840、5120のさらに大きな3つの階層です。階層より小さいソースは、その階層に合わせて拡大されません。各バリアントはレンダリングされた幅と高さを報告します。

4つの形式

既定はWebPで、AVIF、JPEG、PNGも使えます。形式はクエリでvariants(format:)を使って選びます。形式はURLの一部で、ブラウザのAcceptヘッダーからは決まらないため、各URLの表現は1つです。データクライアントは、画像の値にWebPとAVIFのセットも載せるため、1回の読み取りでpicture要素を満たせます。

最初のリクエストで生成

APIはサイズと形式ごとにURLを返します。画像はそのURLが最初にリクエストされたときに生成され、以後はCDNのキャッシュから配信されます。指示はFóirが発行するトークンに含まれるため、URLに手で追加した幅や形式のパラメーターは反映されず、Fóirが認識しないクエリには元の画像が返ります。

クロップと焦点

クロップは、パーセンテージで表す長方形で、任意で焦点を指定でき、使われる場所の画像とともに保存されます。アセットライブラリの1つのファイルは、表示される場所ごとに異なるクロップにできます。

プレースホルダー

アップロード時に、Fóirは各画像のblurhashと代表色を計算します。画像フィールドは、URL、寸法、altテキストとともにその両方を返します。

詳細を読む

メディアAPIのリファレンスで、プリセット、形式のオプション、クロップのフィールド、画像フィールドが返す形を一覧しています。