Как менять изображение для background-image на сайте, чтобы браузер его обновлял?

Question

[ak_wi]

Есть сайт, который каждый день обновляет картинку background-image для body. Но новая картинка подтягивается пользователю, только если делаешь обновление кэша браузера. Как сделать так, чтобы картинка автоматически подтягивалась с сервера, а не из кэша

Comments

[d'Ivan]

Как именно происходит обновление изображения? Генерируется каждый раз при рендеринге страницы или одинажды в некоторый период времени?

Answer 1

[doweb]

При каждом обновлении css файла меняйте ему версию.

Было main.css

Станет main.css?v=2

В таком случаем произойдет обновление кэша у польхователя.

Comments

[ak_wi]

А если стиль с background-image задан инлайново?

[doweb]

ak_wi, пропишите в css

[ak_wi]

Konstantin, проблема в том, что вариантов картинки может быть несколько в зависимости от куки пользователя :) Да и тащить весь файл стилей каждый раз из-за картинки так себе идея?

[archelon]

ak_wi, значит, картинку переименовывайте.

[ak_wi]

archelon, image.jpg?v=2 ?) Или типа каждый день выставлять новое имя типа image_24_12_2017.jpeg ?

[Ankhena]

ak_wi, я не поняла, картинка с одним и тем же названием?
Тогда тоже самое добавляйте в конец ?v123 и меняйте

[doweb]

ak_wi, Вариат при помощи .htacces

[ak_wi]

Konstantin, спасибо протестирую

Answer 2

[d'Ivan]

Если менять имя изображения при каждом обновлении, то браузер сам обновит её.

https://css-tricks.com/strategies-for-cache-bustin...
https://developers.google.com/web/fundamentals/per...
https://developer.mozilla.org/en-US/docs/Web/HTTP/...