Buongiorno a tutti

in un file html ho queste impostazioni style


#div40 { background-image: url(off.png); }
#div42 { background-image: url(off.png); }
#div44 { background-image: url(off.png); }
#div46 { background-image: url(off.png); }
#div48 { background-image: url(off.png); }

vorrei ridurre le richieste http caricando le immagini in base64, riesco a farlo cambiando queste linee con

#div40 { background-image: url('data:image/png;base64,*******************'); }
#div42 { background-image: url('data:image/png;base64,*******************'); }
#div44 { background-image: url('data:image/png;base64,*******************'); }
#div46 { background-image: url('data:image/png;base64,*******************'); }
#div48 { background-image: url('data:image/png;base64,*******************'); }

ma sono obbligato a ripetere 5 volte lo stesso testo codificato, come carico quei 10.000 caratteri in una stringa e la richiamo ogni volta che mi serve nella pagina html?

grazie a tutti

saluti