Closed Bug 1371019 Opened 7 years ago Closed 6 years ago

Default picture profile on MDN is pixelated

Categories

(developer.mozilla.org Graveyard :: General, enhancement)

Product:
developer.mozilla.org Graveyard
Component:
General
Platform:
All
Other
Type:
enhancement
Priority:
Not set
Severity:
normal

Tracking

(Not tracked)

Status:
RESOLVED FIXED

People

(Reporter: clement.lefevre, Assigned: shobson)

Details

(Keywords: in-triage, Whiteboard: [specification][type:bug][mozfr-community]) 

What did you do?
================
1. Go on the profile of any user with the default MDN picture eg. https://developer.mozilla.org/fr/profiles/Porkepix

What happened?
==============
The picture is totally pixelated due to an upscale.

The currently used picture is located there: https://secure.gravatar.com/avatar/17b7b2b9ba56c1adb2feed5e9504b47f?s=200&r=pg&d=https%3A%2F%2Fdeveloper.cdn.mozilla.net%2Fmedia%2Fimg%2Favatar.png

(By the way, considering this is the default picture, why is it loaded from gravatar)

What should have happened?
==========================
It shouldn't be pixelated either by using an SVG (best case) or by using a better quality png.

Is there anything else we should know?
======================================
Whiteboard: [specification][type:bug] → [specification][type:bug][mozfr-community]
It would be great to use an SVG image like https://mdn.mozillademos.org/files/12668/MDN.svg
Keywords: good-first-bug
Not a good first bug, as we are in the middle of redesigning MDN :)
Keywords: good-first-bug → in-triage
Agreed, we should upgrade the default image as part of the redesign.

The Gravatar dev docs answer the other questions:

http://en.gravatar.com/site/implement/images/

The URL includes a default image that is used if the email isn't associated with a Gravatar. That's the "d=https%3A%2F%2Fdeveloper.cdn.mozilla.net%2Fmedia%2Fimg%2Favatar.png" bit.  Gravatar uses that image and then applies the requested resizing (s=200), and finally caches it on their site so it can be served as quickly as possible.

The allowed file types extensions are jpg, jpeg, gif, and png. SVG is not allowed as a default image.

There may be things we can do in Kuma to instead serve an SVG image (such as making the request, noticing the 404, and serving the default image ourself).  However, it may be better to just start with a image that scales well to the desired sizes, such as a 400x400 image.
There's a better, larger default image that was applied with the redesign in https://github.com/mozilla/kuma/pull/4326
Assignee: nobody → shobson
Status: NEW → RESOLVED
Closed: 6 years ago
Resolution: --- → FIXED
Product: developer.mozilla.org → developer.mozilla.org Graveyard
You need to log in before you can comment on or make changes to this bug.