Riferito a: TYPO3 CMS versione 8.7.x con bootstrap

 

immagine di 100x100px troppo piccola per adattarsi alla colonna che la ospita
immagine a 576x576px idonea nella dimensione; occupa il 100% dello spazio disponibile offerto dalla colonna

L'immagine che ho caricato appare più piccola rispetto la colonna che la ospita e pertanto presenta molto spazio a sinistra e destra
L'immagine va caricata a dimensione più elevata. Ad esempio se viene caricata una immagine con dimensione 100px di larghezza e altezza, vedi l'immagine qui a destra, sarà posizionata al centro della colonna nella dimensione originale (100x100px).

Nell'esempio qui a destra, la prima immagine in alto viene centrata sulla colonna e appare molto spaziata perchè è troppo piccola. L'output pertanto è corretto; infatti se l'immagine fosse automaticamente adattata alla colonna, apparirebbe ingrandita e quindi sgranata e sfocata.

L'immagine sottostante invece appare a piena colonna perchè più grande di dimensione (576x576 pixel). 

Soluzione: caricare una immagine con una adeguata dimensione pari o superiore alla colonna nella quale deve apparire; dimensione consigliata: 600px di larghezza o anche maggiore. Nel caso di un carosello a piena pagina l'immagine deve essere larga almeno 1920px.