Contents
  1. Before you start
  2. Step-by-step instructions
  3. Check the output
  4. Common problems and next steps

Before you start

This guide is for comparing EA logo versions as a viewer or designer: noticing what changed in the mark, letterforms, silhouette, and contrast. It does not require image-editing software. For a closer look at small details, use your browser zoom or a simple image viewer, and keep the original file format in mind because heavily compressed screenshots can blur thin letter strokes.

Do not treat a redesign as automatically better or worse. A useful comparison checks the same practical points across versions: recognition at small sizes, legibility of the initials, spacing between letters, and whether the mark still works in one color.

Step-by-step instructions

1) Place the old and new versions side by side at the same display width so neither gets an advantage from being shown larger.

2) Look first at the basic identity: the EA initials, the shape around them, and whether the mark reads as one compact emblem or as separate pieces.

3) Compare the silhouette. Reduce both images until they are roughly the size of a browser tab icon and note which version still holds together.

4) Check letter spacing and stroke weight. Tight gaps or very thin cuts can close up or disappear at small sizes, especially when a logo is placed on a busy background.

5) Switch both versions to one color, such as black on white and white on black. This shows whether the contrast comes from the design itself or only from the original palette.

6) Compare the wordmark separately from the emblem where the logo includes both. Some changes affect the initials, while others are mostly type changes.

7) For platform-specific use, check how the mark appears as a small avatar or menu icon, not only in large screenshots.

Check the output

A more readable version should still be recognizable as the same brand. Look for a clear EA reading at a small size, enough space between letters, and a stable outline when the color is removed. If the new mark relies on a delicate effect or a two-tone blend, test it in a grayscale screenshot because that effect may not survive every placement.

Keep format limits in mind. A low-resolution screenshot may make the old and new versions look equally rough, while an SVG or high-resolution PNG will preserve the difference much better.

Common problems and next steps

If the new logo seems harder to recognize, the problem may not be the symbol itself. Check the spacing around it, the minimum size used in your layout, and whether the background color reduces contrast.

When tracking down old versions, compare only clear source images. Forum avatars, scaled thumbnails, and heavily recompressed screenshots can make an older design look worse than the official version actually was.

For a more useful reuse of the current mark, prepare a small test kit: black on white, white on black, one-color version, and a reduced-size preview. This makes it easier to spot whether a logo change mainly helps large displays or also holds up on mobile and small UI placements.