Graphics and images, when used correctly, enhance the meaning and depth of the content within the IEEE digital presence.
This page contains the style guide for the use of graphics and images within the IEEE digital presence.
Formats and types of graphics
- GIF: solid colored images, line art, clip art, 256 colors maximum, supports transparency images
- JPEG: photographs, continuous tone images, gradients, does not support transparency
- PNG: bitmapped image format that employs lossless data compression and supports transparency
There are a variety of software packages available to assist you in compressing your graphics for use on the digital platform, including DrPic.com and Paint.net. These programs will compress both JPEGs and GIFs.
The name of the graphic will appear in the URL of the page. For this reason, the same naming guidelines apply to graphics and supporting files as to pages.
The user may reference the URL of the graphic to help understand the meaning of the image. It is important to appropriately describe the image through the file name, but at the same time ensure that the name is concise enough so as to not lengthen the URL unnecessarily.
Alternate text is a phrase applied to a graphic and read aloud by screen readers.
Icons should be consistent in their behavior, positioning, and design and should reinforce commonly used metaphors.
When developing a new template or header for an IEEE digital site, the the IEEE Master Brand Standards within the IEEE Visual Identity Guidelines (PDF, 3.11 MB) must be followed, including the following.
Incorrect usage of the IEEE Master Brand are detrimental to the IEEE brand: must not be incorporated into background or wallpaper treatments; must not have any modifications or distortions applied (e.g. drop shadow).
The following are examples of correct and incorrect usage of the letters I-E-E-E and the IEEE Master Brand in a name or title:
Do not use GIF animation except in very special circumstances (i.e., instructional purposes) with the Digital Innovations Team's permission.
A light-colored background must be used to ensure content readability. Background graphics and watermarks must be avoided.