Image Aspect Ratio

Un'immagine renderizzata risulta distorta se presentata con un aspect ratio diverso da quello naturale.

Accessibility

Perché l'aspect ratio naturale deve corrispondere alle dimensioni di visualizzazione delle immagini

Un'immagine renderizzata può risultare distorta se viene presentata con un rapporto di aspetto nettamente diverso da quello naturale (cioè da quello del file di origine). L'esperienza dell'utente in questo caso sarà ovviamente negativa.

Come viene visualizzata la verifica dell'aspect ratio dell'immagine da SeoChecker

Se la dimensione renderizzata di un'immagine risulta differente (parliamo di più di qualche pixel) dalla dimensione prevista quando viene renderizzata con il suo rapporto naturale, SeoChecker lo segnalerà.

Un rapporto d'aspetto dell'immagine non corretto può essere causato da:

• un'immagine impostata su un'altezza e una larghezza in percentuale rispetto a un contenitore di dimensioni variabili;
• un'immagine impostata su valori espliciti di altezza e larghezza diversi dalle dimensioni dell'immagine originale.

Come posso essere sicuro che sia impostato il corretto aspect ratio?

Ci sono tre modi:

• nell'HTML, verificare gli attributi width e height attributes dell'immagine
• have a look at the CSS that influences the aspect ratio of the image 
• utilizzare un CDN per le immagini