2018.5.11-6 • Published 7 years ago
@amory/image-sqip v2018.5.11-6
Gatsby SQIP plugin
Generates vectorized primitive version of images to be used as preview thumbnails.
:hand: Usage
GraphQL
image {
sqip(numberOfPrimitives: 3, blur: 0),
resolutions {
...GatsbyContentfulResolutions_withWebp_noBase64
}
}
React
Pure HTML
Coming soon. Doing some preparations first.
Gatsby Image
const Img = require(`gatsby-image`)
<Img
resolutions={{
...image.resolutions,
base64: image.sqip
}}
/>
2018.5.11-6
7 years ago
2018.5.11-5
7 years ago
2018.5.11-4
7 years ago
2018.5.11-3
7 years ago
2018.5.11-2
7 years ago
2018.5.10-1
7 years ago
2018.5.10-0
7 years ago
2018.5.6-14
7 years ago
2018.5.6-13
7 years ago
2018.5.6-12
7 years ago
2018.5.6-11
7 years ago
2018.5.6-10
7 years ago
2018.5.6-9
7 years ago
2018.5.6-8
7 years ago
2018.5.6-7
7 years ago
2018.5.6-6
7 years ago
2018.5.6-5
7 years ago
2018.5.6-4
7 years ago
2018.5.6-3
7 years ago
2018.5.6-2
7 years ago
2018.5.6-1
7 years ago
2018.5.6-0
7 years ago
2018.5.5-2
7 years ago
2018.5.5-1
7 years ago
2018.5.5-0
7 years ago
2018.5.4-1
7 years ago
2018.5.4-0
7 years ago
2018.5.3-4
7 years ago
2018.5.3-3
7 years ago
2018.5.3-2
7 years ago
2018.5.3-1
7 years ago
2018.5.3-0
7 years ago
2018.5.2-0
7 years ago
2018.5.1-5
7 years ago
2018.5.1-4
7 years ago
2018.5.1-3
7 years ago
2018.5.1-2
7 years ago
2018.5.1-1
7 years ago