Combine resizing with other options like webp

Would it be possible to stack resize with another parameter like webp? Currently it seems it’s either or. Right now I can only do this in css :

.webp .bgimage {
	background-image: url('../static/images/bg.jpg?webp'); // will be over-sized
}
.no-webp .bgimage {
	background-image: url('../static/images/bg.jpg?resize&size=520');
}

Ideally I’d like to do this :

.webp .bgimage {
	background-image: url('../static/images/bg.jpg?webp&resize&size=520');
}
.no-webp .bgimage {
	background-image: url('../static/images/bg.jpg?resize&size=520');
}

[benedfit]

Have you tried ?resize&format=webp?

[akd-io]

I’m having difficulty with this as well 😕

Edit: Seems like a common issue here. #120 mentions it and references relevant issues, #84 and #91. Quote from issue #120:

I’m not 100% happy with the current version for the following reasons:

• it depends on many different webpack loaders which has led to some workarounds and many features cannot be combined because the loaders don’t work well with each other. See #84, #91 for examples.