Sim, é possível gerar um png
a partir de uma div e também é possível baixar uma imagem da sua div.
Caso sua imagem seja em PNG, basta utilizar essa forma (com js puro).
// Botãod de Download
var btn = document.querySelector("button");
// Captura o elemento de imagem
var img = document.querySelector(".fundo");
// Adiciona o evento para baixar a imagem.
btn.addEventListener("click", function(){
// Cria um elemento <a> e define o href a ele
var anchor = document.createElement("a");
anchor.setAttribute("href", img.src);
anchor.setAttribute("download", true);
// Adiciona esse <a> no body do documento
document.body.append(anchor);
// Aciona o evento click
anchor.click();
// Remove o <a> do body
document.body.removeChild(anchor);
})
<div>
<img src='http://www.epica.nl/epica_tss_fb_share.png' class='fundo' width="300" />
</div>
<button>Download</button>
Gerar o download png a partir de uma div?
Como foi supracitado, para gerar um png
a partir de uma div, utilize o html2canvas.