Page MenuHomePhabricator

wikimedia blog logo is over compressed and not retina capable
Closed, ResolvedPublic

Description

Screenshot_2014-12-11_21.06.52.png (200×496 px, 60 KB)

asset should be SVG with PNG fallback, currently it appears to be an GIF…

Event Timeline

Jaredzimmerman-WMF assigned this task to Heather.
Jaredzimmerman-WMF raised the priority of this task from to High.
Jaredzimmerman-WMF updated the task description. (Show Details)
Jaredzimmerman-WMF changed Security from none to None.

That is really strange. It doesn't look like that for me, and they have been given an SVG. I'll ask Tilman.

Oops, I misunderstood. I'll still ask Tilman who is the contact for the blog.

This should be fixed, check it out.

Am I not supposed to resolve it if I didn't open it? I don't even know :)

Hi Jared,

it looks like this is just a 1x1 GIF - try downloading it - that is overridden by either (depending on browser support) a SVG or PNG in the CSS, namely:
https://s0.wp.com/wp-content/themes/vip/wikimedia/images/brand.svg
https://s0.wp.com/wp-content/themes/vip/wikimedia/images/brand.png
(for me right now; not sure the URLs are stable)

The PNG had a resolution of only 350x60, so Heather generated from the SVG a higher resolution PNG (1275x222), which I just uploaded - you should see it in the above URL and on whatever browser/device you saw the choppy version. Hope it looks better now.

Retina support (I assume that means providing higher res PNGs separately via the srcset=".." parameter) is another question; the new 1275x222 PNG should hopefully go quite far even on Retina displays. It's 16kB instead of 3kB for the old, lo-res PNG, which seems an acceptable price to pay. After all, people can always switch to a browser with SVG support *cough* ;)

PS: actually, the new PNG is only 8.4kB after Automattic's optimizerbot compressed it (lossless).

OK, check again - Heather made a new, larger version of the PNG (2383x403) which I just uploaded.

after Automattic's optimizerbot compressed it (lossless).

Hm.

Not sure what this is about? See http://lobby.vip.wordpress.com/2012/07/01/lossless-image-compression/ for more information.

Heh.

after Automattic's optimizerbot compressed it (lossless).

Hm.

Not sure what this is about? See http://lobby.vip.wordpress.com/2012/07/01/lossless-image-compression/ for more information.

Heh.

It's also documented at http://vip.wordpress.com/documentation/lossless-image-compression/ .