A kép width és height attribútumát HTML szinten meg kell adni minden img tagnél kötelezően a 2026-os ajánlás szerint. A böngésző az értékekből automatikusan kiszámolja az aspect ratio-t, és pontos helyet foglal a layouton, mielőtt a kép letöltődne. Ez a megoldás közvetlenül megakadályozza a CLS romlást minden eszközön és minden felbontáson. A reszponzív design közben a CSS-ben max-width: 100% és height: auto értékek tartják a méretarányt rugalmasnak a viewporton. A 2026-os ajánlás explicit dimenziókat ad meg minden képnél, beleértve a srcset elemeit is részletesen. Az automatikus tömörítő rendszerek a feltöltés pillanatában lekérdezhetik a méretet. A CSS aspect-ratio property modern alternatíva.
Tours Blog
