Техника, которую вы ищете, называется CSS-спрайтами (запомните это имя при следующем разговоре).
Хотя то, что вы запрашиваете (дайте им ваш код, верните тот же код с примененными спрайтами), это слишком много, некоторые онлайн-генераторы подходят близко - они автоматически вычисляют наиболее оптимальный размещение изображения и дать вам CSS, необходимый для этого. Поиск в Google Sprite Generator возвращает несколько очень хороших, таких как http://spritegen.website -performance.org / .
Вы должны заметить, что эти генераторы не идеальны, и для статических сайтов вам придется делать это каждый раз, когда вы хотите настроить графику на сайте.