Skip to main content

Notice: this Wiki will be going read only early in 2024 and edits will no longer be possible. Please see: https://gitlab.eclipse.org/eclipsefdn/helpdesk/-/wikis/Wiki-shutdown-plan for the plan.

Jump to: navigation, search

Difference between revisions of "Platform-releng/Updating Branding"

m (Use common pallet)
(26 intermediate revisions by 3 users not shown)
Line 4: Line 4:
  
 
The splash screen used for both the Eclipse SDK and Eclipse Platform Runtime is located in the bundle org.eclipse.platform ([http://git.eclipse.org/c/platform/eclipse.platform.git/tree/platform/org.eclipse.platform see in Git repository]). It is a single file called splash.bmp (a 452x302 bitmap). The same directory in the source tree contains some PhotoShop source files that can be used to update the splash. Typically each year the splash needs updating with the current year in the copyright statement, and the name of the [[Simultaneous Release]].
 
The splash screen used for both the Eclipse SDK and Eclipse Platform Runtime is located in the bundle org.eclipse.platform ([http://git.eclipse.org/c/platform/eclipse.platform.git/tree/platform/org.eclipse.platform see in Git repository]). It is a single file called splash.bmp (a 452x302 bitmap). The same directory in the source tree contains some PhotoShop source files that can be used to update the splash. Typically each year the splash needs updating with the current year in the copyright statement, and the name of the [[Simultaneous Release]].
 +
 +
In the same org.eclipse.platform bundle, the plugin.xml file contains properties specifying the font color and position of progress messages that are overlayed on the splash screen during startup. These properties might need changing if there are significant changes to the splash screen layout. See properties startupForegroundColor, startupMessageRect, and startupProgressRect
  
 
= Icons =
 
= Icons =
Line 22: Line 24:
 
16,22,24,32,48
 
16,22,24,32,48
  
 +
''Note:'' Besides the "normal" icon, a 16x16 Gif is needed where the Eclipse icon has a border around it. This is used inside the IDE at various places (see below)
  
 
How these sizes and formats will be further prepared for delivery depends on platform:
 
How these sizes and formats will be further prepared for delivery depends on platform:
Line 27: Line 30:
 
Windows
 
Windows
 
ICO file containing:
 
ICO file containing:
32 bit PNG: 16x16, 24x24, 32x32, 48x48, 64x64 and 256x256
+
* 32 bit PNG: 16x16, 24x24, 32x32, 48x48, 64x64 and 256x256
8 bit GIF: 16, 24, 32, 48  
+
* 8 bit GIF: 16, 24, 32, 48  
4 bit GIF: 16, 24, 32, 48  
+
* 4 bit GIF: 16, 24, 32, 48  
 
+
* Only a 32-bit copy of the 256x256 pixel image should be included, and only the 256x256 pixel image should be
ICO design for 32-bit (alpha included) + 8-bit + 4-bit (dithered down
+
automatically—pixel poke only most critical). Only a 32-bit copy of the 256x256
+
pixel image should be included, and only the 256x256 pixel image should be
+
 
compressed to keep the file size down. Note that the sizes (24x24 and 64x64) are included for "classic" mode on XP.
 
compressed to keep the file size down. Note that the sizes (24x24 and 64x64) are included for "classic" mode on XP.
  
Line 42: Line 42:
 
Linux
 
Linux
 
XPM file containing a single resolution. Currently 256x256.
 
XPM file containing a single resolution. Currently 256x256.
 +
 +
== Icon locations ==
 +
 +
=== Feature icons for about dialog  ===
 +
 +
*Every feature with a branding plugin contains a copy of the 32-bit PNG file. The file name is specified in about.ini, but is usually called eclipse32.png.<br>''Note:'' The About dialog groups the features by their icons. To do this, it compares the file content and not the name!
 +
*The primary product features (org.eclipse.platform and org.eclipse.sdk), also contain a larger 116x164 pixel image for the about dialog called eclipse_lg.gif.
 +
 +
=== Window images ===
 +
 +
The images that appear in the upper left hand corner of each window are specified by the product branding plugin (org.eclipse.platform and org.eclipse.sdk in our case). A variety of sizes and formats are given, and SWT has an algorithm to select the most appropriate image for a given platform. We currently provide:
 +
 +
* 32x32 GIF image (eclipse32.gif)
 +
* 48x48 GIF image (eclipse48.gif)
 +
* 32x32 PNG image (eclipse32.png)
 +
* 48x48 PNG image (eclipse48.png)
 +
* 256x256 PNG image (eclipse256.png)
 +
 +
Typically you can just replace the existing files with new files of the same name. If you need to add additional sizes, they are listed in plugin.xml, in the property "windowImages".
 +
 +
=== Launcher (Desktop) icons ===
 +
 +
==== Windows ====
 +
On Windows, the '''eclipse.ico''' icon is embedded in the eclipse.exe executable. This is done by the launcher build. The icon file (which itself contains 6 or so icons of various sizes), is placed in [http://git.eclipse.org/c/equinox/rt.equinox.framework.git/tree/features/org.eclipse.equinox.executable.feature/library/win32/ this Git location]. A launcher build must then be run to build a new executable with the embedded icon. Most build systems can "replace" those icons during a custom build, as long as replacements are "same shape" as what is in original, embedded ICO resource.
 +
 +
===== Use common pallet =====
 +
 +
As mentioned in {{bug|433094#c3}} for icons that will, or might, require a "reduced pallet" (say, 256 colors only) then all those icons must use the same pallet, in an ICO file. Hence it is important to create them with this in mind (i.e. with exact same pallet), otherwise, heavy distortions may occur as "ICO creation" tools try to adjust them to all fit in the same pallet. Ideally, even if original images require more than 256 colors, the "main" 256 colors will all be common.
 +
 +
==== Others ====
 +
 +
On other platforms, the icon is just included as a separate file (or, files) in the launcher installable unit. The icons just need to be dropped into appropriate Git location(s), and then are packaged by the rest of the build. Note: currently, some icons are duplicated, either literally or by "copy-resources" during the build to the 'tychobuilder' product definitions. We probably only need them in the product definitions area, not the executable feature area (except, for Windows, since that is built into executable), but still need to investigate pros and cons of that approach. See {{bug|427428}}.
 +
 +
===== MacOSX =====
 +
 +
The '''Eclipse.icns''' file goes in subdirector of the 'Eclipse.app', such as this in [http://git.eclipse.org/c/equinox/rt.equinox.framework.git/tree/features/org.eclipse.equinox.executable.feature/bin/cocoa/macosx/x86/Eclipse.app/Contents/Resources/ this Git location].
 +
 +
===== Linux =====
 +
 +
The '''icon.xpm''' icon file goes under the architecture directory for Linux, such as in [http://git.eclipse.org/c/equinox/rt.equinox.framework.git/tree/features/org.eclipse.equinox.executable.feature/bin/gtk/linux/x86_64 this Git location].
 +
 +
===== Solaris =====
 +
 +
For Solaris, there are 4 sizes of pixmap icons, '''Eclipse.l.pm''', '''Eclipse.m.pm''', '''Eclipse.s.pm''', and '''Eclipse.t.pm''' that go under the architecture directory for Solaris, such as in [http://git.eclipse.org/c/equinox/rt.equinox.framework.git/tree/features/org.eclipse.equinox.executable.feature/bin/gtk/solaris/x86 this Git Location].
 +
 +
=== Icon in IDE  ===
 +
 +
The IDE itself uses a 16x16 Gif variant of the Eclipse icon which has a border of space around it, e.g. in the Product wizard or for the Eclipse launch configuration:
 +
*/org.eclipse.help.ui/icons/etool16/eclipse.gif (probably not used)
 +
*/org.eclipse.pde.api.tools.ui/icons/full/obj16/eclipse_profile.gif
 +
*/org.eclipse.pde.ui/icons/etool16/eclipse_launcher.gif
 +
*/org.eclipse.pde.ui/icons/obj16/eclipse.gif
  
 
== References ==
 
== References ==
Line 53: Line 105:
 
* [http://developer.apple.com/library/mac/#documentation/UserExperience/Conceptual/AppleHIGuidelines/IconsImages/IconsImages.html#//apple_ref/doc/uid/20000967-TP6 Mac reference]
 
* [http://developer.apple.com/library/mac/#documentation/UserExperience/Conceptual/AppleHIGuidelines/IconsImages/IconsImages.html#//apple_ref/doc/uid/20000967-TP6 Mac reference]
 
* https://bugzilla.mozilla.org/show_bug.cgi?id=495250
 
* https://bugzilla.mozilla.org/show_bug.cgi?id=495250
 +
* {{bug|341645}} - master bug for updating graphics in Juno release
 
* http://developer.gnome.org/hig-book/stable/icons-types.html.en#application_icons
 
* http://developer.gnome.org/hig-book/stable/icons-types.html.en#application_icons
 
* http://tango.freedesktop.org/Tango_Icon_Theme_Guidelines#Sizes
 
* http://tango.freedesktop.org/Tango_Icon_Theme_Guidelines#Sizes
 +
* [http://docs.oracle.com/cd/E19683-01/806-7492/creatingicons-20497/index.html Solaris Desktop Icons] Such as 'Eclipse.l.pm', 'Eclipse.m.pm', etc.
 +
* Good [http://www.visualpharm.com/articles/icon_sizes.html summary of icon sizes] for many popular platforms and devices.
  
 
= Other branding elements =
 
= Other branding elements =
  
 +
== Welcome page ==
 +
 +
The welcome page has branding that may need updating if there is a major theme change.
 +
 +
== Version Numbers ==
 +
 +
Most "versions" displayed for feature or bundles are determined by the version of the feature (in feature.xml) or bundle (in MANIFEST.MF).
 +
 +
One exception is the "version" in the main "about box". For Eclipse 4.4 (Luna release) this says "Version: Luna (4.4)" and, for example, would be expected to be "Luna SR1 (4.4.1)" for first maintenance release. The "train name", is set in the parent pom, via the property "releaseName", for example, <nowiki><releaseName>Luna</releaseName></nowiki>.
 +
 +
The version in the about box is determined by a property defined in the .product file, such as for sdk.product:
 +
<pre>
 +
<nowiki>
 +
<property name="eclipse.buildId" value="${unqualifiedVersion}.${buildQualifier}" />
 +
</nowiki>
 +
</pre>
 +
The "unqualifiedVersion" part of that value, is artifact ID of the maven artifact for the product, as defined in the product's pom.xml file.
 +
 +
== Copyright blurbs ==
 +
 +
The copyright statement comes from two sources. First are the about.properties file, for any "root feature".
 +
 +
But, the copyright in the main "about box" comes from the plugin.properties of the branding bundle for the product.
 +
 +
Note: we intentionally, currently do not use the copyright symbol ('\u00A9', or '©') since it is not part of every code page in every language. See {{bug|427514#c19}} or [http://en.wikipedia.org/wiki/Copyright_symbol#Digital_representation other sources].
  
 
[[Category:Eclipse_Platform_Releng| ]]
 
[[Category:Eclipse_Platform_Releng| ]]

Revision as of 00:15, 20 April 2014

This page contains information on updating the Eclipse SDK branding elements (icon, splash screen, etc).

Splash screen

The splash screen used for both the Eclipse SDK and Eclipse Platform Runtime is located in the bundle org.eclipse.platform (see in Git repository). It is a single file called splash.bmp (a 452x302 bitmap). The same directory in the source tree contains some PhotoShop source files that can be used to update the splash. Typically each year the splash needs updating with the current year in the copyright statement, and the name of the Simultaneous Release.

In the same org.eclipse.platform bundle, the plugin.xml file contains properties specifying the font color and position of progress messages that are overlayed on the splash screen during startup. These properties might need changing if there are significant changes to the splash screen layout. See properties startupForegroundColor, startupMessageRect, and startupProgressRect

Icons

The icons for the Eclipse SDK are rarely updated, but when they do change, it is a significant process. Icons have to be prepared in various sizes and formats for different platforms. They have to be inserted into the build in various places.

Icon sizes and formats

The following sizes and formats are needed, as a starting point:

Png - 32 bit: (all sizes) 16, 22, 24, 32, 48, 64, 128, 256, 512, 1024

Gif - 8 bit / 256 colors 16, 22, 24, 32, 48

4 bit / 16 colors 16,22,24,32,48

Note: Besides the "normal" icon, a 16x16 Gif is needed where the Eclipse icon has a border around it. This is used inside the IDE at various places (see below)

How these sizes and formats will be further prepared for delivery depends on platform:

Windows ICO file containing:

  • 32 bit PNG: 16x16, 24x24, 32x32, 48x48, 64x64 and 256x256
  • 8 bit GIF: 16, 24, 32, 48
  • 4 bit GIF: 16, 24, 32, 48
  • Only a 32-bit copy of the 256x256 pixel image should be included, and only the 256x256 pixel image should be

compressed to keep the file size down. Note that the sizes (24x24 and 64x64) are included for "classic" mode on XP.

MAC ICNS file format containing 1024x1024, 512x512, 256x256, 128x128, 32x32, 16x16, original format is PNG

Linux XPM file containing a single resolution. Currently 256x256.

Icon locations

Feature icons for about dialog

  • Every feature with a branding plugin contains a copy of the 32-bit PNG file. The file name is specified in about.ini, but is usually called eclipse32.png.
    Note: The About dialog groups the features by their icons. To do this, it compares the file content and not the name!
  • The primary product features (org.eclipse.platform and org.eclipse.sdk), also contain a larger 116x164 pixel image for the about dialog called eclipse_lg.gif.

Window images

The images that appear in the upper left hand corner of each window are specified by the product branding plugin (org.eclipse.platform and org.eclipse.sdk in our case). A variety of sizes and formats are given, and SWT has an algorithm to select the most appropriate image for a given platform. We currently provide:

  • 32x32 GIF image (eclipse32.gif)
  • 48x48 GIF image (eclipse48.gif)
  • 32x32 PNG image (eclipse32.png)
  • 48x48 PNG image (eclipse48.png)
  • 256x256 PNG image (eclipse256.png)

Typically you can just replace the existing files with new files of the same name. If you need to add additional sizes, they are listed in plugin.xml, in the property "windowImages".

Launcher (Desktop) icons

Windows

On Windows, the eclipse.ico icon is embedded in the eclipse.exe executable. This is done by the launcher build. The icon file (which itself contains 6 or so icons of various sizes), is placed in this Git location. A launcher build must then be run to build a new executable with the embedded icon. Most build systems can "replace" those icons during a custom build, as long as replacements are "same shape" as what is in original, embedded ICO resource.

Use common pallet

As mentioned in bug 433094#c3 for icons that will, or might, require a "reduced pallet" (say, 256 colors only) then all those icons must use the same pallet, in an ICO file. Hence it is important to create them with this in mind (i.e. with exact same pallet), otherwise, heavy distortions may occur as "ICO creation" tools try to adjust them to all fit in the same pallet. Ideally, even if original images require more than 256 colors, the "main" 256 colors will all be common.

Others

On other platforms, the icon is just included as a separate file (or, files) in the launcher installable unit. The icons just need to be dropped into appropriate Git location(s), and then are packaged by the rest of the build. Note: currently, some icons are duplicated, either literally or by "copy-resources" during the build to the 'tychobuilder' product definitions. We probably only need them in the product definitions area, not the executable feature area (except, for Windows, since that is built into executable), but still need to investigate pros and cons of that approach. See bug 427428.

MacOSX

The Eclipse.icns file goes in subdirector of the 'Eclipse.app', such as this in this Git location.

Linux

The icon.xpm icon file goes under the architecture directory for Linux, such as in this Git location.

Solaris

For Solaris, there are 4 sizes of pixmap icons, Eclipse.l.pm, Eclipse.m.pm, Eclipse.s.pm, and Eclipse.t.pm that go under the architecture directory for Solaris, such as in this Git Location.

Icon in IDE

The IDE itself uses a 16x16 Gif variant of the Eclipse icon which has a border of space around it, e.g. in the Product wizard or for the Eclipse launch configuration:

  • /org.eclipse.help.ui/icons/etool16/eclipse.gif (probably not used)
  • /org.eclipse.pde.api.tools.ui/icons/full/obj16/eclipse_profile.gif
  • /org.eclipse.pde.ui/icons/etool16/eclipse_launcher.gif
  • /org.eclipse.pde.ui/icons/obj16/eclipse.gif

References

(1) SWG User Interface Branding - Application Icon, Icon Creation: http://stwweb1.torolab.ibm.com/uibranding/rational/appl_icon_creation.html - for Windows only, does not include latest larger size 256

Other branding elements

Welcome page

The welcome page has branding that may need updating if there is a major theme change.

Version Numbers

Most "versions" displayed for feature or bundles are determined by the version of the feature (in feature.xml) or bundle (in MANIFEST.MF).

One exception is the "version" in the main "about box". For Eclipse 4.4 (Luna release) this says "Version: Luna (4.4)" and, for example, would be expected to be "Luna SR1 (4.4.1)" for first maintenance release. The "train name", is set in the parent pom, via the property "releaseName", for example, <releaseName>Luna</releaseName>.

The version in the about box is determined by a property defined in the .product file, such as for sdk.product:


 <property name="eclipse.buildId" value="${unqualifiedVersion}.${buildQualifier}" />

The "unqualifiedVersion" part of that value, is artifact ID of the maven artifact for the product, as defined in the product's pom.xml file.

Copyright blurbs

The copyright statement comes from two sources. First are the about.properties file, for any "root feature".

But, the copyright in the main "about box" comes from the plugin.properties of the branding bundle for the product.

Note: we intentionally, currently do not use the copyright symbol ('\u00A9', or '©') since it is not part of every code page in every language. See bug 427514#c19 or other sources.

Back to the top