Join the Webstudio community

Updated 4 months ago

Crop option in the assets panel?

At a glance

The post asks about achieving cropping with the style panel. Community members discuss different approaches to controlling the height and cropping of images, such as using a div and image setup or a technique to "crop without actually cropping". One community member offers to share a demo of their setup, and another community member provides a link to a resource on how to crop images without cropping. Additionally, community members share links to their own image wrapper and image tokens that can be used.

Useful resources
or it's something you're suppose to do with the style panel...
A
d
6 comments
You can achive cropping with the style panel, it just depends on why you want to crop.

I usually want to be able to control the height of my images and for it to auto crop to that hight so I have a little div + image setup that makes this easy. I can send over a demo later today
that would be great! thanks. When do you sleep Alex?! 🀣
I think I slept for 24h after you sent that message xD
Here's how I "crop" without actually cropping πŸ™‚

https://tella.video/how-to-crop-an-image-without-cropping-1-20i9
And as always, feel free to steal my image wrapper and image tokens from here: https://apps.webstudio.is/builder/904d2cf2-2ca2-4895-91f3-51a8e69af955?authToken=544e85c5-a3a7-4eae-b661-9b5a023f2173&mode=preview (they're on the hero page)
Nice, thanks really handy!
Add a reply
Sign up and join the conversation on Discord