Как браузер понимает что закэшированная картинка равна запрошенной

Браузер использует HTTP-заголовки для определения, можно ли использовать кэшированную версию изображения:

1. ETag – уникальный идентификатор ресурса. Сервер отправляет его в заголовке ETag, браузер передает в If-None-Match при следующем запросе. Если ETag совпадает, сервер отвечает 304 Not Modified.

2. Last-Modified – дата последнего изменения. Браузер отправляет её в If-Modified-Since. Если ресурс не менялся, сервер возвращает 304.

Пример заголовков:

ETag: "33a64df551425fcc55e4d42a148795d9f25f89d4"
Last-Modified: Tue, 15 Nov 2022 12:45:26 GMT
Cache-Control: max-age=3600

Если Cache-Control: max-age ещё не истек, браузер вообще не делает запрос, используя кэш.