dmax1447

Если вам нужно получить в таком виде существующую ноду то можно использовать например метод outerhtml

// HTML:
// <div id="d"><p>Content</p><p>Further Elaborated</p></div>

d = document.getElementById("d");
console.log(d.outerHTML);

// строка '<div id="d"><p>Content</p><p>Further Elaborated</p></div>'
// выведена в окно консоли

500кб на картинку это очень много,
можно обработать минификаторами, например imageoptim,
или онлайн https://tinyjpg.com/ https://squoosh.app

Есть вариант от RSForm!
c готовыми модулями, плагинами
все легко настраивается без плясок с бубном, мануалом и html c СSS,
дописывать ничего не нужно
вот демо с формами и доступом к админку
demo.rsjoomla.com/administrator/index.php?option=c...