Efectivamente como ahí indicas en tu ejemplo .. el código lo generas dinámicamente y en consecuencia esa imagen.
Que tantos gráficos podrías generar como opciones? .. Lo que pretendo llegar es a que realmente si ves que el n° de visitas de tus páginas .. el proceso PHP que generas tus recursos del servidor no te dán o ralentizan mucho el proceso, .. a que generes esas imagenes "fijas" y las usas como actualmente llamas a tu proceso PHP con GD para generarlas "al vuelo".
A veces hay que poner en la mesa la "realidad" o asumir ciertas falencias, tomando algún promedio, como por ejemplo en cuanto a las "resoluciones" que los usuarios o público que pueda usar esa aplicación usará. De hecho con estadísticas de visitas de tu sitio ya podrías ver esas tendencias y al menos cubrir esas opciones.
--------------------------------------------------------------
Por el tema de hacer el código más "dinámico" que se pueda reusar .. si tus "variables" son dos: alto/ancho .. que vía javascript obtienes .. pasaselos a ese script Por el URL ..:
background-image: url('pmbg.php?alto='+alto+'%ancho='+ancho);
alto y ancho sería variables de javascript que por otro médio definiras (consulta en el foro de Javascript para más detalles al respecto si no te aclaras con eso).
En tu script PHP .. (ahora sólo uno ..) tomaría esas dos variabels del URL:
Código PHP:
<?php
header('Content-type: image/png');
$alto = $_GET['alto'];
$ancho = $_GET['ancho'];
No sé si es esto lo que realmente preguntabas .. pero sea como sea es una opción para otimizar tu código y no tener así un montón de scripts PHP que hacen casi lo mismo .. y otro montón de código javascript para generar o llamar a ese CSS concreto que a su vez llama a tu script PHP que genera la imagen. Esto por supuesto no optimizará el tiempo de proceso en sí de PHP + GD .. sólo tu código a nivel de entendimiento.
Un saludo,