We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Usecase: you have long image (width > height) and you need square to thumbnail, eg:
You cant do object: cover, because settings sizes="'xs:72px sm:102px md:114px lg:138px xl:160px xxl:184px 2xl:552px'" do this:
object: cover
sizes="'xs:72px sm:102px md:114px lg:138px xl:160px xxl:184px 2xl:552px'"
It's blurry and not 138x138. But if you specified fit="cover", it doesn't help, because getSizes receives already counted 138x82 as width/height
fit="cover"
138x82
So, what if you can provide height in sizes property xs:72x72 sm:102x102 md:114x114 lg:138x138 xl:160x160 xl:184x184 2xl:552x552?
sizes
xs:72x72 sm:102x102 md:114x114 lg:138x138 xl:160x160 xl:184x184 2xl:552x552
And with this fit modifier will work!
fit
The text was updated successfully, but these errors were encountered:
No branches or pull requests
Usecase: you have long image (width > height) and you need square to thumbnail, eg:
You cant do
object: cover
, because settingssizes="'xs:72px sm:102px md:114px lg:138px xl:160px xxl:184px 2xl:552px'"
do this:It's blurry and not 138x138.
But if you specified
fit="cover"
, it doesn't help, because getSizes receives already counted138x82
as width/heightSo, what if you can provide height in
sizes
propertyxs:72x72 sm:102x102 md:114x114 lg:138x138 xl:160x160 xl:184x184 2xl:552x552
?And with this
fit
modifier will work!The text was updated successfully, but these errors were encountered: