use high-dpi or svg logo in header

[bluesabre]

On high-dpi screens like modern mobile phones or 4k displays the xubuntu logo in the website header looks pixelated and not nice.

Please replace the current PNG logo with an SVG image. SVG images are widely browser supported nowadays https://caniuse.com/#feat=svg . In the lp:xubuntu-website/static-assets repository there is svg file under /xubuntu_brand/Logo/SVG/logo_white.svg .

Alternatively use the srcset attribute for the element with an additional source for a higher device-pixel-ratio, see: https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images#Resolution_switching_Same_size_different_resolutions and https://caniuse.com/#feat=srcset .

Changes would need to be made in https://bazaar.launchpad.net/~xubuntu-website/xubuntu-website/theme/view/head:/xubuntu-eighteen/header.php#L22 .

Launchpad Details: #LP1827139 Peter - 2019-04-30 21:54:38 +0000