Moet ik de hoogte en breedte toevoegen aan de img src-tag?

Ja. Door de kenmerken height en width aan uw IMG SRC HTML-tag toe te voegen, weet de browser hoeveel ruimte er moet worden overgelaten voor een afbeelding. Zonder deze waarden geeft de browser een afbeelding zonder spatie totdat de afbeelding is geladen, wat betekent dat alles rondom de afbeelding wordt aangepast nadat de afbeelding is geladen.

Zoals u in het bovenstaande voorbeeld kunt zien, worden op de eerste drie pagina's pagina's geladen die de afbeeldingsdimensies niet specificeren. Terwijl de pagina's worden geladen, wordt de tekst rondom de afbeeldingen aangepast aan de afbeelding. Met de opgegeven afmetingen van de afbeelding, zoals weergegeven op de volgende drie pagina's, weet de browser echter hoeveel ruimte moet worden toegewezen. Daarom blijft de tekst op dezelfde plaats staan ​​als waarop de afbeeldingen worden geladen.

Als u een snelle internetverbinding heeft, merkt u dit laadproces mogelijk niet. Voor mensen met trage verbindingen, bladeren op een telefoon of als uw site langzaam wordt geladen als u de afbeeldingsformaten niet opgeeft, maakt u het voor deze bezoekers nog moeilijker.

Hieronder ziet u een voorbeeld van hoe een IMG-tag eruit moet zien in uw HTML-code met de hoogte en breedte die in de code zijn opgegeven.