CDN Immagini: differenze tra le versioni
Nessun oggetto della modifica |
|||
| Riga 16: | Riga 16: | ||
<tr> | <tr> | ||
<td>Larghezza</td> | <td>Larghezza</td> | ||
<td>tr | <td>tr=w-200</td> | ||
<td>Mantiene aspect ratio</td> | <td>Mantiene aspect ratio</td> | ||
<td>[https://ik.imagekit.io/lqdylxu3pwj/immaginiprodotti/poltroncine/medium/293-poltroncine-69366-m-1.jpg?tr=w-200 https://ik.imagekit.io/lqdylxu3pwj/immaginiprodotti/poltroncine/medium/293-poltroncine-69366-m-1.jpg?tr=w-200]</td> | <td>[https://ik.imagekit.io/lqdylxu3pwj/immaginiprodotti/poltroncine/medium/293-poltroncine-69366-m-1.jpg?tr=w-200 https://ik.imagekit.io/lqdylxu3pwj/immaginiprodotti/poltroncine/medium/293-poltroncine-69366-m-1.jpg?tr=w-200]</td> | ||
| Riga 22: | Riga 22: | ||
<tr> | <tr> | ||
<td>Altezza</td> | <td>Altezza</td> | ||
<td>tr | <td>tr=h-200</td> | ||
<td>Mantiene aspect ratio</td> | <td>Mantiene aspect ratio</td> | ||
<td>[https://ik.imagekit.io/lqdylxu3pwj/immaginiprodotti/poltroncine/medium/293-poltroncine-69366-m-1.jpg?tr=w-200 https://ik.imagekit.io/lqdylxu3pwj/immaginiprodotti/poltroncine/medium/293-poltroncine-69366-m-1.jpg?tr=w-200]</td> | <td>[https://ik.imagekit.io/lqdylxu3pwj/immaginiprodotti/poltroncine/medium/293-poltroncine-69366-m-1.jpg?tr=w-200 https://ik.imagekit.io/lqdylxu3pwj/immaginiprodotti/poltroncine/medium/293-poltroncine-69366-m-1.jpg?tr=w-200]</td> | ||
Versione delle 11:04, 29 lug 2021
Stiamo testando ImageKit.io.
Con 49$ al mese, che significa circa 510€ all'anno, abbiamo la possibilità di mantenere anche il dominio attualmente associato alle immagini immagini.designbest.com
Esiste la possibilità di lasciare che sia ImageKit a fornire l'immagine responsive giusta, qui la documentazione.
Se non specificato, ImageKit elimina i metadata dall'immagine.
| Trasformazione | Comando | Descrizione | Esempio |
|---|---|---|---|
| Larghezza | tr=w-200 | Mantiene aspect ratio | https://ik.imagekit.io/lqdylxu3pwj/immaginiprodotti/poltroncine/medium/293-poltroncine-69366-m-1.jpg?tr=w-200 |
| Altezza | tr=h-200 | Mantiene aspect ratio | https://ik.imagekit.io/lqdylxu3pwj/immaginiprodotti/poltroncine/medium/293-poltroncine-69366-m-1.jpg?tr=w-200 |
| Aspect ratio | tr=ar-16-9&tr=w-200 | Sempre in combinazione con width o height | https://ik.imagekit.io/lqdylxu3pwj/immaginiprodotti/poltroncine/medium/293-poltroncine-69366-m-1.jpg?tr=ar-16-9&tr=w-200 |
Cropping
Specificando sia la larghezza che l'altezza bisogna decidere quale metodo di cropping dell'immagine adottare.
Pad resize crop strategy - (cm-pad_resize)
Non si tocca l'aspect ratio dell'immagine, ma si aggiunge del padding all'immagine.
?tr=h-300&tr=w-400&tr=cm-pad_resize&tr=bg-F3F3F3
Formato
Format - (f)
formati disponibili: auto ,jpg , jpeg , webp, avif and png
Utility
Analizzatore performance immagini
Operazioni pre-CDN Deliver
Prima di partire con la CDN deliver ci sarebbero da compiere delle operazioni preparatorie (ampio digiuno, svuotamento intestinale con clistere, depilazione zona interessata)
- Per tutti i progetti, eliminare riferimenti a imgs.wm4pr.com sostituendo immagini.designbest.com/tp
imgs.wm4pr.com => immagini.designbest.com/tp
- Designbest, Trovaprodotti, Area Statistiche
- Le Stored Procedure
- Spostare tutte le risorse statiche del progetto sotto immagini.designbest.com/assets/wm e immagini.designbest.com/assets/tp
- Creare un dominio
img.designbest.comche punti allo stesso sito diimmagini.designbest.com - Nel pannello di Imagekit.io, sotto external storage settare come *origin* il dominio
img.designbest.com
