Obraz responsywny to grafika, która automatycznie dostosowuje się do rozdzielczości i wielkości ekranu użytkownika. W praktyce oznacza to wykorzystanie atrybutów HTML takich jak srcset i sizes lub technik CSS. Dzięki temu obrazy są optymalizowane pod kątem urządzeń mobilnych, co poprawia szybkość ładowania stron i doświadczenie użytkownika. Responsywne obrazy wspierają także lepsze wyniki SEO, ponieważ Google promuje strony przyjazne dla urządzeń mobilnych.