Immagini
Note:
Immagini, illustrazioni e immagini sono parte integrante del processo volto a rendere l'esperienza web più coinvolgente e informativa. È sufficiente aggiungere immagini ai documenti inserendole o semplicemente copiandole/incollandole dall'origine.
Aggiungi Alt-text alle immagini per rendere il contenuto più accessibile. Entrambi Word e Documentazione di Google e questo è molto utile.
AEM si occupa automaticamente di ridimensionare le immagini alle dimensioni appropriate per il sito web e di convertirle nei formati adatti al browser che consuma.
Si consiglia di inserire le immagini con una larghezza di almeno 2000 pixel, se disponibili, in modo che siano ancora nitide anche con una risoluzione elevata.
La prima immagine su una pagina diventa automaticamente l’immagine utilizzata nei metadati (per applicazioni di messaggistica e social media), a meno che non sia definito diversamente nei metadati.
Menzione speciale per i GDocs: Google riduce le immagini a un massimo di 1600 pixel di larghezza o 1600 di altezza. Questo è ancora sufficiente per la maggior parte dei casi d'uso delle immagini fotografiche, ma per alcune illustrazioni può portare ad artefatti visibili.
Esempio:
Struttura contenuto:
Codice:
Poiché le immagini sono considerate Contenuto predefinito, il loro stile viene applicato al codice CSS del progetto o del blocco. In genere non viene utilizzato alcun codice JavaScript.
Questo codice è incluso in boilerplate, non è necessario copiarlo.