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 covers one task: comparing known Spurs logo versions by putting reference images next to each other or overlaying them. The process runs locally in your browser or image editor. You need two or more clear reference images of the logo versions you want to compare. Prefer images with similar angle, scale, and background. Check your image editor for layers, opacity, alignment, and export options before you begin. If your editor does not support layers, use a side-by-side crop in any basic photo tool.

Step-by-step instructions

Start with two reference images and keep the originals unmodified.

  • Open the older logo image and set the canvas to a neutral white or near-white background.
  • Place the newer logo image as a second layer above it.
  • Lower the top layer opacity to about fifty percent so both marks remain visible.
  • Scale the top image to match a stable reference point, such as the outer edge of the shield or the center of the bird.
  • Shift the top layer horizontally or vertically until the main silhouette overlaps.
  • Save this state as a new project before making further adjustments.
  • Toggle the top layer on and off to see which shapes moved, disappeared, or gained weight.

For a direct side-by-side comparison, crop each logo to the same frame and place the two versions at equal size in one canvas. This is more useful when the overall proportions changed so much that overlaying one mark onto another creates misleading lines.

Check the output

Export the comparison as PNG or JPEG, depending on your editor. Check that the contrast between both logo versions and the background is sufficient to see thin strokes and gaps. Zoom to the narrowest visible detail, such as the letter openings or the edge of the bird shape, and confirm that the detail did not disappear during alignment. If one logo version is much busier than the other, a smaller side-by-side view may be clearer than a heavy overlay.

Common problems and next steps

If the two marks refuse to align, the source images probably have different angles or are based on different crest proportions. Use a side-by-side comparison instead of forcing a match. If one version looks darker only because its source image is faded or shadowed, rescan or replace that reference before drawing conclusions about color shifts.

When you need to compare a redrawn logo with a current one, drop both exports into the same canvas and run the same alignment check. A simple outline view can help when color differences distract from changes in silhouette.