Service Worker кэширует изображения разных размеров в зависимости от разрешения экрана

Я хочу кэшировать "small_image.png", если screen.width мал и "big_image.png" в противном случае. Как я могу это сделать с помощью ServiceWorker?

Код ниже будет вызывать ReferenceError, потому что экран не определен в контексте рабочего рабочего.

self.addEventListener('install', function(e) {
    e.waitUntil(
        caches.open('stackoverflow').then(function(cache) {
            if(screen.width <= 768){
                return cache.addAll(lowResImages);
            }else{
                return cache.addAll(highResImages);
            }
        })
    );
});