Use SVG for wordmarks where appropriate

RESOLVED WONTFIX

Status

www.mozilla.org
Pages & Content
RESOLVED WONTFIX
3 years ago
11 months ago

People

(Reporter: agibson, Unassigned)

Tracking

Production

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [kb=1767473])

(Reporter)

Description

3 years ago
We recently added high-resolution wordmarks to mozilla.org pages in Bug 1136660. These look great, but are reliant on JS for loading and thus appear to load slowly in some cases where they appear above the fold.

For certain wordmark images (i.e. ones that don't involve the visually complex Firefox logo), it might make sense to use SVG for a perceived performance improvement.

We could add a method to Mozilla.ImageHelper to provides a fallback for older browser, like we use here: 

https://github.com/mozilla/bedrock/blob/master/media/js/firefox/os/firefox-os.js#L177-L186
(Reporter)

Updated

3 years ago
Whiteboard: [kb=1767473]
Hey Craig-

Let's keep an eye on this one because we could end up doing it as part of the www redesign of Mozilla content/MozID work.

Thx,
Jen
Restarting work on a larger redesign is still several months away, Alex - do you want to work on this one soon?
Flags: needinfo?(agibson)
(Reporter)

Comment 3

2 years ago
Yep I'd be happy to get this one off the board as soon as other priorities are out the way.
Flags: needinfo?(agibson)
Fabulous.  Thanks, Alex!
(Reporter)

Comment 5

11 months ago
I think we can actually close this bug. Now that we have dropped CSS support for IE8 and below, SVG has become the default preferred format for logos on most new pages. The roll-out of the new branding/logo on remaining pages will be completed in other bugs should fix any loose ends.
Status: NEW → RESOLVED
Last Resolved: 11 months ago
Resolution: --- → WONTFIX
You need to log in before you can comment on or make changes to this bug.