Фон для параллакса

Есть несколько вариантов:

1. Взять все уникальные звезды, сделать из них спрайт и создать блок, в который добавить рандомно блоки с фоновым изображением из этих самых звезд. Псевдокод будет таким:

.parallax {
  position: relative;
}
.parallax__star {
  position: absolute;
  background: url(images/stars.png);
}
.parallax__star--2 {
  top: 0;
  left: 50%;
  background-position: 100% 0;
}
.parallax__star--3 {
  top: 50%;
  left: 50%;
  background-position: 0 100%;
}
.parallax__star--4 {
  top: 80;
  left: 20%;
  background-position: 100% 100%;
}

<div class="parallax">
  <div class="parallax__star parallax__star--1"></div>
  <div class="parallax__star parallax__star--2"></div>
  <div class="parallax__star parallax__star--3"></div>
  <div class="parallax__star parallax__star--4"></div>
</div>

2. Сделать то же самое, но собрать SVG-спрайт.

3. Если эти варианты точно не подходят (что маловероятно), то хотя бы оптимизировать графику через, например, TinyPNG. Но оптимизировать графику надо в любом случае, даже для первых двух вариантов.