maverick/netlify-cms-react-starter
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Round imgix width request to nearest 100px

Browse source
This commit is contained in:
Eric Jinks 2018-06-06 15:43:16 +10:00
parent cce0032d5c
commit 8f02ef993d
2 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
CHANGELOG.md
View file

@ -1,3 +1,7 @@
## 0.4.1 - 2018-06-06
* Round imgix width request to nearest 100px
## 0.4.0 - 2018-06-06 ## 0.4.0 - 2018-06-06
* Improve reusability of <Meta /> component * Improve reusability of <Meta /> component

7
src/util/getImageUrl.js
View file

@ -1,3 +1,5 @@
const _ceil = require('lodash/ceil')
const sizes = [10, 300, 600, 1200, 1800] const sizes = [10, 300, 600, 1200, 1800]
const outputDir = '/images/uploads/' const outputDir = '/images/uploads/'
const resizedDir = '/images/uploads/resized/' const resizedDir = '/images/uploads/resized/'
@ -40,7 +42,10 @@ const getImageSrc = (path, sizeRequested) => {
} }
sizeRequested = parseInt(sizeRequested, 10) sizeRequested = parseInt(sizeRequested, 10)
let size let size
if (sizeRequested) { if (sizeRequested && imgixUrl) {
// round to nearest 100px
size = sizeRequested <= 100 ? sizeRequested : _ceil(sizeRequested, -2)
} else if (sizeRequested) {
// rounds up to nearest size or returns largest // rounds up to nearest size or returns largest
size = size =
sizes.filter(num => num >= sizeRequested)[0] || sizes[sizes.length - 1] sizes.filter(num => num >= sizeRequested)[0] || sizes[sizes.length - 1]