Создать общее изображение из png и jpg
 

<div id="ss" style="background:url(img/<?=$nazwa?>/<?=$krok?>.jpg); background-size:cover; background-position: right bottom; ">			

<img src="<?=$b?>.png" width="auto" height = "<?=$_GET[h]?>" alt="альтернативный текст" id="cat">	
			
</div>

у меня есть блок который фоном которого является изображение jpg
в этом блоке есть img формата .png
положение img регулируется скриптом

var cat=document.getElementById('cat');

	var x = <?php echo $x; ?>;
	//alert(x);
	var y = <?php echo $y; ?>;
	
	var h = <?php echo $h; ?>;
	
	var wid = <?php echo $wid; ?>;
	//alert(y);
	cat.style.position = 'fixed';
	cat.style.left = x + 	-wid +'px';
	cat.style.top = y + 	-h +'px';

подскажите как сохранить комбинацию изображений в новый .jpg фаил

Сохранить где? Если на сервере, то достаточно передать координаты наложенного изображения (надо полагать оно движется над фоном), и на сервере сделать наложение.

Координаты уже переделаны, мне нужно сохранить на сервере .jpg уже с наложенным изображением

И в чем проблема? Изображения уже на сервере, новые координаты на сервер сложно передать? О GD ничего не известно?