UVM's New Logo: Comparing the Changes
Practical ways to compare the old and new UVM logo: load two images, align them, check spacing, color and small sizes, and spot common redraw issues.
Before you start
Comparing a new UVM logo means looking at the previous mark and the replacement side by side under similar conditions. You can do this locally in a browser using images you already have, without sending anything from your device to an outside service. The process is visual, so prepare the best available copies of both marks, ideally on transparent or plain backgrounds.
Use PNG or SVG files if you have them because they retain sharper edges and transparent areas more predictably than heavily compressed photos. If one image is large and the other is small, place them on separate layers or move a divider over them rather than resizing one image repeatedly. Keep the original files unmodified and work from copies so you can return to the source.
Step-by-step instructions
Open both logo images in one working area, either as two layers in an editor or as the two sides of a before-and-after comparison. Set the same display size for each mark by matching visible height or width. If the marks use different proportions, compare them at the same height and note any difference in width separately.
Overlay the images when possible. Lower the opacity of the new mark over the old one and align a stable reference point, such as the center of a shield or the middle of the wordmark. This makes shifts in proportion, weight or alignment easier to notice. If one version is text-only and the other is a full emblem, compare the available shared area first.
Check the largest features first: outer shape, main letters, color balance and the division between graphic mark and text. Then move to spacing, letterforms, line thickness and any small details that may disappear at reduced size. If the update changes color, view it against both light and dark backgrounds and check whether the colors remain distinct.
Use a simple divider or slider if one is available in your tool, or crop the two images into a split comparison. If you are working in an editor, create a temporary layer with thin guides for the top, bottom and centerline of each mark. Reversible layers and saved copies let you experiment without losing the original files.
Check the output
A useful comparison should show whether the change affects the most visible parts of the mark and whether those changes remain legible at small sizes. Zoom out or export a reduced preview and check that the new logo does not lose a letter, close a gap or become muddy. If the file is SVG or PNG, inspect the edges at a larger view and then again at a typical icon size.
Confirm that any image you export has the expected format and dimensions. Browser-based editing can create a PNG or SVG, but the result depends on the source material and the tool. A low-resolution source can produce a poor export even when the comparison view looks acceptable.
Common problems and next steps
If the marks are hard to compare because their backgrounds differ, place both on a neutral background or remove surrounding empty space. Misalignment is often caused by comparing the top-left corners when the meaningful reference is the visual center. Realign using a shared anchor and compare again.
Small details may appear changed even when they are only blurred from enlargement or poor source resolution. Check whether the apparent difference is present in the original file before treating it as a logo change. For color, compare the sampled values rather than relying on monitor brightness or a compressed preview alone.
Some supporting searches focus on the launch of the new look or on protecting and converting brand assets. After you have identified the visible changes, note which files need replacement and keep the old and new versions separated by clear names to avoid publishing the wrong mark.