Trasformazioni delle immagini
Fóir ridimensiona e converte le tue immagini. Un campo image restituisce un URL per ogni dimensione con nome nel formato che chiedi, e l'immagine dietro un URL viene prodotta la prima volta che viene richiesta.
Otto dimensioni con nome
Le dimensioni sono preset, chiamati con la larghezza in pixel del lato lungo dell'immagine: thumbnail (160), small (640), medium (1024), large (1280), xlarge (1920) e tre livelli più grandi a 2560, 3840 e 5120. Una sorgente più piccola di un livello non viene ingrandita per adattarvisi, e ogni variante riporta la larghezza e l'altezza con cui è stata renderizzata.
Quattro formati
WebP è il predefinito, e sono disponibili AVIF, JPEG e PNG. Ne scegli uno nella query con variants(format:). Il formato fa parte dell'URL e non viene negoziato dall'header Accept del browser, quindi ogni URL ha una sola rappresentazione. Il client dati mette inoltre sul valore dell'immagine i set WebP e AVIF, e una sola lettura può riempire un elemento picture.
Renderizzata alla prima richiesta
L'API consegna un URL per ogni dimensione e formato. L'immagine viene prodotta la prima volta che il suo URL viene richiesto e poi servita dalla cache della CDN. Le istruzioni viaggiano in un token emesso da Fóir, quindi i parametri di larghezza e formato aggiunti a mano a un URL non vengono rispettati, e una query che Fóir non riconosce restituisce l'immagine originale.
Ritagli e punti focali
Un ritaglio è un rettangolo in percentuali con un punto focale facoltativo, memorizzato con l'immagine nel punto in cui è usata. Un file della libreria di asset può essere ritagliato in modo diverso in ogni punto in cui compare.
Placeholder
Al caricamento Fóir calcola un blurhash e un colore dominante per ogni immagine. Un campo image li restituisce entrambi insieme all'URL, alle dimensioni e al testo alternativo.
Leggi i dettagli
Il riferimento all'API media elenca i preset, le opzioni di formato, i campi di ritaglio e la forma restituita da un campo image.