# Setting the width of an image in a HTML5 template

**URL:** <https://casparcgforum.org/t/setting-the-width-of-an-image-in-a-html5-template/4185>\
**Category:** General\
**Created:** [May 5, 2021, 12:38pm UTC](https://casparcgforum.org/t/setting-the-width-of-an-image-in-a-html5-template/4185 "2021-05-05T12:38:13Z")\
**Posts on this page:** 1\
**Showing post:** 24

<div class="post-metadata">

**Author:** ![andyw](https://casparcgforum.org/letter_avatar_proxy/v4/letter/a/f05b48/32.png) [@andyw](https://casparcgforum.org/u/andyw)\
**Post date:** [May 7, 2021, 2:21pm UTC](https://casparcgforum.org/t/setting-the-width-of-an-image-in-a-html5-template/4185/24 "2021-05-07T14:21:44Z")

</div>

As well as the console.log diagnostic tool you can also use an instance of Chrome running on the Caspar server that links into the running CasparCG templates.

The following link shows a post from hreinnbeck with very clear guidance on how to connect the Chrome to CasparCG. Once you open the template you have access to the console, console log, all error reports, timing data etc, and an ability to inspect objects and variables.

> [@HTML Remote Debugging: document.registerElement](https://casparcgforum.org/t/html-remote-debugging-document-registerelement/2765/2):
>
> Not sure about that but I’d recommend: Go to chrome://inspect/#devices Check Discover network targets Click Configure and add 127.0.0.1:8081 In a few seconds you should get the running templates listed on the page. Then you can use the latest Chrome DevTools instead of the one in Chromium. Update: document.registerElement was part of web components v0 and deprecated (so it’s used in the old Devtools in Chromium but no longer supported in Chrome). You could use an older version of Chrome i…

---

_[View the full topic](https://casparcgforum.org/t/setting-the-width-of-an-image-in-a-html5-template/4185)._
