Most AI image classification tools need to resize or crop input images. Having a tool like this in streamlit will be really helpful. Is anyone working on a component for this?
Hey @johnyquest, welcome to the community !
Thanks for the request ! I donāt think anyone is looking into this for now 
. Would Cropper.js fit the need, or do you know of other image cropper Javascript libraries ?
Anyone interested in trying to build a Streamlit Component, I think this one is a perfect usecase which should be easy to integrate (at least if referencing the image from an url. Uploading image data from Python may add a small bump to the implementation) !
Fanilo
1 Like
Hey @andfanilo.!
I have started working on an image cropping component for streamlit.
If everything goes well then, Iāll make a PULL request soon.
Thanks
5 Likes
Thatās great ! Looking forward to it donāt hesitate to ping for feedback 
4 Likes
Great. Thanks for doing this.
Havenāt looked at cropper.js will take a look.
But it will be great to have an integrated streamlit component
I needed a cropper desperately for another project I was working on, so I put one together. Let me know what you think:
4 Likes
Looks good on the demo posted on GitHub page. Will try it out. Thanks for sharing. It will be great if there was an option for aspect ratio / bounding box dimensions. This is awesome! Thanks a lot. 
Looks great @turner-anderson are you able to update the community tracker with your solution ?
Fanilo
@johnyquest A fixed aspect ratio shouldnāt be hard at all, I actually had to work harder to find a way to unfix the aspect ratio since that was what I was most interested in. Iāll probably also work towards allowing the user to pass a bounding-box-generating function into the cropper that could override the default 20%-80% box. Iāll report back when itās done.
@andfanilo Great idea, consider it updated!
Awesome. Thanks. For my project, I was planning to use a square aspect ratio. It might be useful for other computer vision projects as most AI models resize images to image with a square aspect ratio. I am working with medical images and changing the aspect ratio might change the properties of object in question.
Tried running this repo on my computer.
Got the following error
StreamlitAPIException: No such component directory: ā/media/quest/extradrive1/AI_Projects/access_point/streamlit-cropper/streamlit_cropper/frontend/buildā
Traceback
File ā/media/quest/extradrive1/AI_Projects/access_point/streamlit-cropper/app.pyā, line 2, in
from streamlit_cropper import st_cropper
File ā/media/quest/extradrive1/AI_Projects/access_point/streamlit-cropper/streamlit_cropper/ init .pyā, line 16, in
_component_func = components.declare_component(āst_cropperā, path=build_dir)
I must have uploaded the wrong dist, let me fix that and get the aspect_ratio implemented. Iāll knock that out tonight.
@johnyquest I just pushed the update to include the build directory, as well as add a feature for aspect_ratios. Iām in the process of uploading a new GIF for the readme. Let me know if you still have the issue, sorry for the mixup!
2 Likes
It is working well!
For debugging purposes you might have been printing āimage/jpegā in the terminal. That line hasnāt been commented out. So it is printing āimage/jpegā in the terminal.