User Interface 4K High Quality Icons, Possible?

[angular_uniqueness0D4D]

Hi there, last year I created a photoshop extension. This year I bought a new 4K monitor and I realised that the UI Icons of the extension are not looking so pretty as the old HD monitor. Is there a way to scale the icons and look better in extreme resolutions?

[Ten A]

You can make Hi DPI icons.

Reference: CEP 9.0 HTML Extension Cookbook.md

[angular_uniqueness0D4D]

Thank you for your answer! That solves one part of my question about the main extension icon. Can I use the same idea for the inner icons (example some buttons) in the extension? I tried with the above trick but doesn't fix the issue.

[Trevor: · Accepted solution]

You just either use RGBs that are double size and set the width to to size you want or use SVGs.

Let's say you want an image 100x100px you make the rgb 200x200 and set width to 100.

<img scr="my200x200.png" style="width:100px">

You can use css classes too.

[angular_uniqueness0D4D]

SVG files looks like the perfect solution for that! Thank you both!