Czy należy dodać wysokość i szerokość do znacznika img src?

Tak. Dodanie atrybutów height i width do znacznika HTML IMG SRC pozwala przeglądarce wiedzieć, ile miejsca pozostało na zdjęcie. Bez tych wartości przeglądarka nie daje obrazu, dopóki obraz nie zostanie załadowany, co oznacza, że ​​wszystko, co otacza obraz, jest korygowane po załadowaniu obrazu.

Jak widać w powyższym przykładzie, pierwsze trzy strony pokazują ładowanie strony, które nie określa wymiarów obrazu. W miarę ładowania stron tekst otaczający obrazy jest dostosowywany do obrazu. Jednak przy określonych wymiarach obrazu, jak pokazano na następnych trzech stronach, przeglądarka wie, ile miejsca do przydzielenia. Dlatego tekst pozostaje w tym samym miejscu, co załadowane obrazy.

Jeśli masz szybkie połączenie internetowe, możesz nie zauważyć tego procesu ładowania. Jednak dla osób z powolnymi połączeniami, przeglądaniem na telefonie lub powolnym ładowaniem witryny, jeśli nie określisz rozmiaru obrazu, będzie to jeszcze trudniejsze dla tych użytkowników.

Poniżej znajduje się przykład, jak znacznik IMG powinien wyglądać w kodzie HTML o wysokości i szerokości określonej w kodzie.