Immagini

`image`

Le immagini sono tra le entità più utilizzate in Hydra, sono impiegate in diversi contesti:

Nei page element come contenuto di pagina o banner
Come favicon per i siti
Come contentuti per un logo
Come icone per le localizzazioni

Un'entità immagine rappresenta il rigerimento ad un file di solito salvato tramite il servizio di storage del backend. L'entità immagine contiene:

{
    "id": ...,
    "alt": "A nice sunset", //come HTML alt,
    "hash": "...", //identifica l'immagine nello storage
    "width": 1024,
    "height": 768,   //dimensioni in pixel
    "size": 54320, //dimensione in byte

    //preview a bassa risoluzione dell'immagine
    "blurPreviewBase64": "data:image/webp;...",
    "format": "png" //formato
}

Questi valori sono calcolati dall'image processor all'inserimento. L'inserimento di un immagine può essere fatto inserendo un data url, contenente il file in base64, direttamente nel campo url del json della richiesta (vedi caricamento immagini).

//site
{
    "id": "...",
    "name": "acme.com",
    ...,
    "favicon": {
        "url": "data:image/png;...",
        "alt": "acme logo"
    }
}

Gli url in base64 sono intercettati da un middleware definito a livello Presentation, che si occupa di caricare l'immagine e sostituire l'oggetto image incompleto con uno contenente tutti i metadati (size, height, width, ecc.).

Immagini

image​

`image`