stable
Clone or download
Read-only
Not loading a large image on a small screen can help saving resources. It also make conceivable to ship images that could be displayed on 4k screen (or at least a WQHD one) without making sacrifices. This contribution ships images with a 1680px width to cover what appears to be the vast majority of the users according to multiple statistics sources. It looks like if we want to cover most of our users including the ones running high end hardware we would need to ship 3 different sizes: 1680px > 1920px > 2560px || 3840px. Images have been converted with the following command (with exception of green-grass thta has been cropped at 0:0): $> find . -name '*.jpg' -exec bash -c 'cwebp -preset photo -mt -m 6 -pass 10 -af -crop 360 0 1680 850 $1 -o ${1%.jpg}-1680px.webp' -- {} \; Part of story #16211: Set a header background image Change-Id: Id9992679d5b9c6ef83e7cf466ed151cad4d778fe
Modified Files
| Name | ||||
|---|---|---|---|---|
| M | src/themes/BurningParrot/css/includes/_project-background.scss | +1 | −1 | Go to diff View file |
| M | src/themes/common/css/project-background/_background.scss | +60 | −24 | Go to diff View file |
| A | src/themes/common/images/project-background/aerial-water-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/aerial-water.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/asphalt-rock-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/asphalt-rock.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/beach-daytime-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/beach-daytime.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/blue-rain-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/blue-rain.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/blue-sand-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/blue-sand.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/brown-desert-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/brown-desert.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/brown-grass-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/brown-grass.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/brown-textile-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/brown-textile.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/brush-daytime-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/brush-daytime.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/green-grass-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/green-grass.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/green-leaf-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/green-leaf.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/green-trees-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/green-trees.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/led-light-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/led-light.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/ocean-waves-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/ocean-waves.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/octopus-black-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/octopus-black.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/purple-building-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/purple-building.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/purple-droplet-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/purple-droplet.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/purple-textile-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/purple-textile.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/snow-mountain-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/snow-mountain.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/tree-water-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/tree-water.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/white-sheep-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/white-sheep.webp | Binary file | Go to diff View file | |
| A | src/themes/common/images/project-background/wooden-surface-1680px.webp | Binary file | Go to diff View file | |
| R | src/themes/common/images/project-background/wooden-surface.webp | Binary file | Go to diff View file | |
