Skip to content

Upgrade all remaining Eclipse Platform Icons to SVG#1998

Merged
HeikoKlare merged 1 commit intoeclipse-platform:masterfrom
Michael5601:Include-SVGs
Jul 17, 2025
Merged

Upgrade all remaining Eclipse Platform Icons to SVG#1998
HeikoKlare merged 1 commit intoeclipse-platform:masterfrom
Michael5601:Include-SVGs

Conversation

@Michael5601
Copy link
Copy Markdown
Contributor

@Michael5601 Michael5601 commented Jun 26, 2025

This PR changes the usage of all remaining PNGs and GIFs in Eclipse Platform to SVG. Currently this is a draft as I also want to include the Eclipse-Logo SVG to Eclipse Platform as soon as this issue is done.

In detail the following changes will be performed:

  1. Include missing SVGs for existing GIFs in bundle org.eclipse.core.tools.resources. All SVGs were either copied from other bundles or created from scratch by myself.
  2. Enabling the image comparison of mutliple SVGs with each other.
  3. Changing the reference of two JFace PNGs in bundle org.eclipse.team.ui to SVG.
  4. Introduce a SVG for the Eclipse Logo in different sizes e.g. eclipse16.svg, eclipse32.svg etc. and changing the references to SVG. This allows better scaling for the window icon in the top left and the icons in the About dialog.

@Michael5601 Michael5601 changed the title All Eclipse Platform Icons Upgraded to SVG Upgrade all remaining Eclipse Platform Icons to SVG Jun 26, 2025
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Jun 26, 2025

Test Results

 1 947 files  ±0   1 947 suites  ±0   1h 32m 39s ⏱️ - 3m 16s
 4 720 tests ±0   4 696 ✅ ±0   24 💤 ±0  0 ❌ ±0 
14 160 runs  ±0  13 993 ✅ ±0  167 💤 ±0  0 ❌ ±0 

Results for commit 6b58999. ± Comparison against base commit 8bedfd8.

♻️ This comment has been updated with latest results.

@HeikoKlare
Copy link
Copy Markdown
Contributor

Currently this is a draft as I also want to include the Eclipse-Logo SVG to Eclipse Platform as soon as this eclipse-platform/eclipse.platform.images#153 is done.

Should be process this PR independent from the Eclipse logo so that we do not depend on how fast we conclude on the logo SVG?

@Michael5601 Michael5601 marked this pull request as ready for review July 15, 2025 09:22
@Michael5601
Copy link
Copy Markdown
Contributor Author

Currently this is a draft as I also want to include the Eclipse-Logo SVG to Eclipse Platform as soon as this eclipse-platform/eclipse.platform.images#153 is done.

Should be process this PR independent from the Eclipse logo so that we do not depend on how fast we conclude on the logo SVG?

The discussion for the eclipse logo is now finished.
I added three different SVGs for the Eclipse logo to this PR with pixel perfect allignment to avoid blurry parts after antialiasing:

  • eclipse16.svg
  • eclipse32.svg
  • eclipse48.svg

@Michael5601
Copy link
Copy Markdown
Contributor Author

Michael5601 commented Jul 15, 2025

Is someone aware of the location of the SVG for the icon "eclipse_lg.png" in the about dialog?
I am pretty sure a SVG exists, so I don't want to create it myself unnecessarily.

image

This icon is probably the last important SVG that is missing in Eclipse Platform/Platform UI after this PR is merged.

@BeckerWdf
Copy link
Copy Markdown
Member

Is someone aware of the location of the SVG for the icon "eclipse_lg.png" in the about dialog? I am pretty sure a SVG exists, so I don't want to create it myself unnecessarily.

image This icon is probably the last important SVG that is missing in Eclipse Platform/Platform UI after this PR is merged.

I think there is no SVG for this. I think these icons are created by the eclipse marketing team (together with the splash screen). See for example https://gitlab.eclipse.org/eclipsefdn/helpdesk/-/issues/5332 and https://gitlab.eclipse.org/eclipsefdn/helpdesk/-/issues/3963

@Michael5601
Copy link
Copy Markdown
Contributor Author

I think there is no SVG for this. I think these icons are created by the eclipse marketing team (together with the splash screen). See for example https://gitlab.eclipse.org/eclipsefdn/helpdesk/-/issues/5332 and https://gitlab.eclipse.org/eclipsefdn/helpdesk/-/issues/3963

Thanks for this info! I don't see a reason why they don't provide vector graphics. I am pretty sure a graphics designer creates the screens in a vector based graphics programm like it's industry standard. Maybe this should be considered in upcoming releases.

@laeubi
Copy link
Copy Markdown
Contributor

laeubi commented Jul 16, 2025

@Michael5601 while this probably works, it seems a bit questionable to me, such graphics usually requires a very dense set of effects (some might be rendered) and we then need to make sure the jsvg support all these with good quality.

@Michael5601
Copy link
Copy Markdown
Contributor Author

I understand your concern and I agree that JSVG needs to rasterize them properly so it would be necessary to implement a check in the design process.

Overall I think it depends on the current design process if vector graphics can be used. If the galaxy pictures in the background are created from scratch rather then being downloaded and reused, they could also be directly created as vector graphics. This level of complexity should be possible with vector graphics, even though I don't know how other programs handle the creation and scaling of such pictures.

Right now the splash screen or about dialog can appear blurry if upscaled, especially if only one size is used (as done with the image eclipse_lg.png in the about dialog).

@merks
Copy link
Copy Markdown
Contributor

merks commented Jul 16, 2025

I would suggest we simply ask. Even for something like this page, I would have preferred an SVG over a huge png:

https://www.eclipse.org/setups/notification/release/

That pages uses this (huge version of splash) which was an image in that issue:

https://gitlab.eclipse.org/-/project/23/uploads/9abeb07d647dba625b25efc6b2b6eb01/EclipseIDE-SplashScreen2025-2000x800.png

This suggests that likely the source was an SVG...

@Michael5601
Copy link
Copy Markdown
Contributor Author

I would suggest we simply ask. Even for something like this page, I would have preferred an SVG over a huge png:

https://www.eclipse.org/setups/notification/release/

That pages uses this (huge version of splash) which was an image in that issue:

https://gitlab.eclipse.org/-/project/23/uploads/9abeb07d647dba625b25efc6b2b6eb01/EclipseIDE-SplashScreen2025-2000x800.png

This suggests that likely the source was an SVG...

The huge image is kinda blurry which is why I think no SVG exists and it was simply upscaled. A comment from Holger Voormann in this thread implies that imageupscaler.com was used. But of course asking would be best. :)

@BeckerWdf
Copy link
Copy Markdown
Member

But of course asking would be best. :)

Yes I agree. Let's ask and try if we can get better here. But maybe this should not hold back this PR from being merged.

@laeubi
Copy link
Copy Markdown
Contributor

laeubi commented Jul 16, 2025

Sure an SVG is nice, but from an IP point of view there is a difference in giving out a rendered version (binary) or "the source". One might even use Fonts not installed on the system or images not allowed to give away "as is" (e.g. backgrounds of commercial sold images) and so on.

So this should really be communicated early if SVG is mandatory and what features are acceptable to use in such case.

@vogella
Copy link
Copy Markdown
Contributor

vogella commented Jul 16, 2025

FYI - eclipse.platform repo got new gif files, see for example org.eclipse.terminal.view.ui

@BeckerWdf
Copy link
Copy Markdown
Member

org.eclipse.terminal.view.ui

we should not use GIFs any more.

@Michael5601
Copy link
Copy Markdown
Contributor Author

FYI - eclipse.platform repo got new gif files, see for example org.eclipse.terminal.view.ui

afaik the new bundle was created by @jonahgraham. I thought the GIFs were only work-in-progress and eventually SVGs would be added. Can you tell if this is planned?

If not, I can add org.eclipse.terminal.view.ui to the Missing SVG Files.

@merks
Copy link
Copy Markdown
Contributor

merks commented Jul 16, 2025

FYI @laeubi

I think we could definitely use help converting gifs to svg for all the migrated terminal stuff. So yes, please help! ❤️

@laeubi
Copy link
Copy Markdown
Contributor

laeubi commented Jul 16, 2025

I have not further checked these but don't see a reason to not replace them with proper svg.

@Michael5601
Copy link
Copy Markdown
Contributor Author

FYI @laeubi

I think we could definitely use help converting gifs to svg for all the migrated terminal stuff. So yes, please help! ❤️

I will soon work full-time on different projects apart from eclipse and additionally I want to contribute open-source to the modern icon pack initiative that I started. In the past months I tried to contribute as many SVGs for existing icons as I can to the Eclipse projects and in the end I restricted it to Eclipse Platform and Platform UI for time reasons.
With this current PR the goal would be fullfilled apart from the new org.eclipse.terminal.view.ui.

For the other projects I tried to document all missing SVGs in this issue.

Additionally I plan to contribute a best practice/tutorial on how to create SVGs for Eclipse soon, as some people stated on the Eclipse Community Day that this would be helpful.

@Michael5601
Copy link
Copy Markdown
Contributor Author

I split the changes for the Eclipse Logo into the following draft as further discussion is needed.

The stripes in the middle of the Eclipse Logo need to be alligned pixel perfect and must be 1.0px in height as proposed. This stands in conflict with the stripes being in the middle of the icon at (y = 5.5px). To find the best solution without hindering the progress of this PR I created a new draft for the Eclipse Logo.

Copy link
Copy Markdown
Contributor

@HeikoKlare HeikoKlare left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you, @Michael5601! The icons and changes look overall good to me.
Just one remark/question: the classes.svg icon looks like an icon that is to be used for composition. There is space to the right/bottom, where, e.g. in the package explorer additional overlay icons are placed. The original classes.gif in the affected bundle does not have such a space (as it was probably not used within an icon composition). So should/could we adapt the SVG to fill the whole icon size or does it make sense to keep the proposed version of the icon?

@Michael5601
Copy link
Copy Markdown
Contributor Author

Michael5601 commented Jul 17, 2025

Thank you, @Michael5601! The icons and changes look overall good to me. Just one remark/question: the classes.svg icon looks like an icon that is to be used for composition. There is space to the right/bottom, where, e.g. in the package explorer additional overlay icons are placed. The original classes.gif in the affected bundle does not have such a space (as it was probably not used within an icon composition). So should/could we adapt the SVG to fill the whole icon size or does it make sense to keep the proposed version of the icon?

I copied the classes.svg from another bundle where it was probably used as a composition base as you explained. It is possible to change the icon to fill in the whole view area.

But for consistency reasons I propose to change the classes.svg to look similar to the classes.gif, which is also not centered in the middle and does not fill the whole view area.
image

This is the end result that is now part of this PR:
image

This commit changes the usage of all remaining PNGs and GIFs in Eclipse Platform to SVG. In detail the following changes were performed:

1. Include missing SVGs for existing GIFs in bundle `org.eclipse.core.tools.resources`. All SVGs were either copied from other bundles or created from scratch by myself.
2. Enabling the image comparison of mutliple SVGs with each other.
3. Changing the reference of two JFace PNGs in bundle `org.eclipse.team.ui` to SVG.
Copy link
Copy Markdown
Contributor

@HeikoKlare HeikoKlare left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The updated classes.svg looks fine, thank you!

@HeikoKlare HeikoKlare merged commit db9c3e7 into eclipse-platform:master Jul 17, 2025
18 checks passed
@Michael5601 Michael5601 deleted the Include-SVGs branch July 17, 2025 14:23
@jonahgraham
Copy link
Copy Markdown
Contributor

afaik the new bundle was created by @jonahgraham. I thought the GIFs were only work-in-progress and eventually SVGs would be added. Can you tell if this is planned?

@laeubi is handling the migration of terminal work from CDT project to Platform. The gifs in terminal have been around for a very long time as the terminal bundles keep bouncing between projects, hopefully the platform is the best long term place. Your work on making svgs are greatly appreciated!

@HeikoKlare
Copy link
Copy Markdown
Contributor

The gifs in terminal have been around for a very long time as the terminal bundles keep bouncing between projects, hopefully the platform is the best long term place. Your work on making svgs are greatly appreciated!

Replacement with SVGs is already done 🙂

@merks
Copy link
Copy Markdown
Contributor

merks commented Jul 23, 2025

When I see all the people involved making this better, I too like @jonahgraham am truly impressed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants