Skip to main content
A
angular_uniqueness0D4D
Known Participant
April 4, 2019
Answered

User Interface 4K High Quality Icons, Possible?

  • April 4, 2019
  • 1 reply
  • 1478 views

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?

    This topic has been closed for replies.
    Correct answer Trevor:

    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.

    1 reply

    Ten A
    Community Expert
    Ten ACommunity Expert
    Community Expert
    April 5, 2019

    You can make Hi DPI icons.

    Reference: CEP 9.0 HTML Extension Cookbook.md

      A
      angular_uniqueness0D4DAuthor
      Known Participant
      April 5, 2019

      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:
      Trevor:Correct answer
      Legend
      April 5, 2019

      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.

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices