Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The new application icon lacks resolution on HiDPI systems #75287

Open
idmadj opened this issue Jun 11, 2019 · 5 comments
Open

The new application icon lacks resolution on HiDPI systems #75287

idmadj opened this issue Jun 11, 2019 · 5 comments
Assignees
Labels
bug Issue identified by VS Code Team member as probable bug icon-brand VS Code brand icon issues windows VS Code on Windows issues
Milestone

Comments

@idmadj
Copy link

idmadj commented Jun 11, 2019

  • VSCode Version: 1.35.0
  • OS Version: Win 10 Pro x64 1809 build 17763.503

Steps to Reproduce:

  1. Pin VSCode to the Start menu on a HiDPI system (for instance at 3840×2160 resolution with 200% custom scaling);
  2. Open the start menu and observe that the icon appears blurry due to insufficient resolution

The VSCode and VSCode Insider icons appear blurry and suffer from upscaling artefacts:
Untitled

@Tyriar Tyriar added icon-brand VS Code brand icon issues icons-product Issues for in-product icons and removed icon-brand VS Code brand icon issues icons-product Issues for in-product icons labels Jun 11, 2019
@miguelsolorio miguelsolorio added icon-brand VS Code brand icon issues windows VS Code on Windows issues labels Jul 1, 2019
@miguelsolorio
Copy link
Contributor

We added high-resolution version of the logos in the June release (per the Win 10 icon size guidance) so this should be fixed by now. Here's a preview from a HiDPI screen:

image

image

@idmadj
Copy link
Author

idmadj commented Oct 7, 2019

Hey @misolori,
I filed this issue in June. Sounds like the higher res icons may be the reason we're seeing scaling artefacts as Windows is using them now and applying poor downscaling. There's still some significant jaggedness visible on the top picture you posted. To me it looks like nearest-neighbor downscaling + some fuzziness. It's especially apparent on the diagonals. Maybe providing more intermediate icon sizes would help.

Here's a quick mockup of how it looks now (left) vs what it should look like:
vscode_icon

Bottom picture looks great.

@miguelsolorio
Copy link
Contributor

Hmm...let me investigate this some more. Digging into this, it appears that the tile icons are different from the .ico icons, which are the ones that contain the HiDPI icons. Not sure if they support higher resolutions but will take a look.

@miguelsolorio miguelsolorio reopened this Oct 7, 2019
@Hardhik

This comment has been minimized.

@Hardhik

This comment has been minimized.

@miguelsolorio miguelsolorio added the bug Issue identified by VS Code Team member as probable bug label Nov 5, 2020
@miguelsolorio miguelsolorio added this to the Backlog milestone Nov 5, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Issue identified by VS Code Team member as probable bug icon-brand VS Code brand icon issues windows VS Code on Windows issues
Projects
None yet
Development

No branches or pull requests

5 participants