OpenNeo/impress-2020
OpenNeo/impress-2020
1
0
Fork 0
Code Pull requests Activity

optimize homepage splash: resize, crush, srcset

Browse source 
original: 84kb
new 2x: 56k
new 1x: 19k
This commit is contained in:
Matt Dunn-Rankin 2020-05-23 13:59:56 -07:00
parent 29b9fe48c5
commit 661eea0275
3 changed files with 2 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app/HomePage.js
View file

@ -8,6 +8,7 @@ import { useLazyQuery } from "@apollo/react-hooks";
import { Heading1, usePageTitle } from "./util"; import { Heading1, usePageTitle } from "./util";
import HomepageSplashImg from "../images/homepage-splash.png"; import HomepageSplashImg from "../images/homepage-splash.png";
import HomepageSplashImg2x from "../images/homepage-splash@2x.png";
import SpeciesColorPicker from "./SpeciesColorPicker"; import SpeciesColorPicker from "./SpeciesColorPicker";
function HomePage() { function HomePage() {
@ -25,6 +26,7 @@ function HomePage() {
<Box <Box
as="img" as="img"
src={HomepageSplashImg} src={HomepageSplashImg}
srcSet={`${HomepageSplashImg} 1x, ${HomepageSplashImg2x} 2x`}
alt="" alt=""
width="200px" width="200px"
height="200px" height="200px"

BIN
src/images/homepage-splash.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 85 KiB

After

Width:  |  Height:  |  Size: 18 KiB

BIN
src/images/homepage-splash@2x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 55 KiB