Как объединить несколько изображений на странице в одно?
Соединить изображения можно либо через canvas, либо используя какие-то библиотеки, на нём основанные.
Для начала почитайте про canvas, в любом случае пригодится.
Смотреть в сторону canvas, объединить можно примерно так.var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var imageObj1 = new Image();
var imageObj2 = new Image();
imageObj1.src = "1.png"
imageObj1.onload = function() {
   ctx.drawImage(imageObj1, 0, 0, 328, 526);
   imageObj2.src = "2.png";
   imageObj2.onload = function() {
      ctx.drawImage(imageObj2, 15, 85, 300, 300);
      var img = c.toDataURL("image/png");
      document.write('<img src="' + img + '" width="328" height="526"/>');
   }
};