Dovrei aggiungere altezza e larghezza al tag img src?

Sì. L'aggiunta degli attributi height e width al tuo tag HTML IMG SRC consente al browser di sapere quanto spazio lasciare per un'immagine. Senza questi valori, il browser non restituisce un'immagine finché non viene caricata l'immagine, il che significa che qualsiasi cosa intorno all'immagine viene regolata dopo il caricamento dell'immagine.

Come visto nell'esempio precedente, le prime tre pagine mostrano un caricamento della pagina che non specifica le dimensioni dell'immagine. Mentre le pagine si caricano, il testo che circonda le immagini viene regolato per adattarsi all'immagine. Tuttavia, con le dimensioni dell'immagine specificate, come mostrato nelle prossime tre pagine, il browser sa quanto spazio allocare. Pertanto, il testo rimane nella stessa posizione in cui vengono caricate le immagini.

Se disponi di una connessione Internet veloce, potresti non notare questo processo di caricamento. Tuttavia, per le persone con connessioni lente, la navigazione su un telefono o il caricamento del sito lento, se non si specificano le dimensioni dell'immagine, è ancora più difficile per questi visitatori.

Di seguito è riportato un esempio di come un tag IMG dovrebbe apparire nel codice HTML con l'altezza e la larghezza specificate nel codice.