Skip to main content

Want to crop an image or gif that you imported into your Lucidchart document? You can do this by double clicking on the image to enter an image editing mode. 

DMevyz8kwe7fYakv5NE1XA.gif

To crop the image click and drag from a side or corner of the outline.

hWpaHB6SuzuOvff5yAylGg.gif

While editing you will have the following keyboard options:

  • Press Escape to cancel if you decide not to do any cropping.
  • Press Enter after you have cropped the image to save your edits and leave editing mode.
    • Alternatively you can double click anywhere on the canvas to save your edits and leave editing mode.

IU1aqRB6-H5w52GMfrjYRg.gif

That’s it! Once you’ve pressed Enter on your keyboard or double clicked on the canvas to exit editing mode you will see the cropped image.

To learn more about working with shapes (including images) in Lucidchart refer to our Add and customize shapes in Lucidchart
article.

I can;’t get this feature to work.  I can see the crop symbols but as soon I click on it it exits the feature.  I have tried new projects, new images just about everything. Does this require a upgrade to get to work? I am on a paid version.


Hi ​@travisg, I’m sorry that you’re experiencing trouble cropping your images. I’m happy to help! After you double-click on the image and the crop symbols appear, does one single click + dragging the crop icon still exit the feature? Would you mind confirming whether the issue persists in all your documents, or just the one? 

First, I would recommend these troubleshooting steps:

  1. What browser are you using? Lucid is optimized for Google Chrome, so for best performance, I’d recommend using Chrome. 
  2. Could you try opening your document in a private or incognito window to help us narrow down the potential cause? For help with opening an incognito window, please see this community post.
  3. Could you also try connecting to a different network or disconnecting from your VPN (if applicable)? Sometimes account performance issues can be related to internet security/speed or browser issues. These steps will help us eliminate that possibility. 

If the issue persists after the above troubleshooting, would you mind sending me the following?

  • A screen recording of the issue you are experiencing 
  • A screenshot of the associated Javascript Console output after reproducing the issue. You can open your Javascript Console by pressing Ctrl+Shift+J (if your computer is a Windows/Linux) OR Cmd+Opt+J (if your computer is a Mac).

Hi ​@Ambar D 

Can Lucidchart crop shapes?

Thank you for your tutorial.

Tim


Hi ​@TimTheLucidChartUser, thanks for adding to this thread! Would you mind describing what you are hoping to achieve?

While the same cropping abilities available to images in Lucidchart don't apply to standard shapes, you can easily increase/decrease the size of a shape or customize the shape itself as described in the Add and customize shapes in Lucidchart article.

If you want a lot of flexibility to create your own shape, I recommend reviewing the create custom shapes section.

Additionally, I do want to mention that you may be able to crop certain shapes that you’ve uploaded to a custom shapes library. Take this topology icon as an example, which I had previously added as an image to my board, and then added the image to my own custom shapes library. I can now crop by double-clicking on the image and dragging the corners. For information on how to add to a custom shapes library, I recommend this article: Shape libraries in Lucidchart.

 

Please let me know if you have any additional questions! Happy to help further.


Once the object is cropped, how do we permanently crop it? That is to say, if I have a large image that I’m cropping a small portion of, I want the final image to only be that final cropped portion. I don’t want the small image to take up the amount of memory as the full image and I am not looking to “uncrop” the image at a later date. Thanks.


Hi ​@Gary Franklin, thanks for adding to this thread!

Unfortunately, permanently cropping an image to change the amount of storage taken up by the image is not currently supported in Lucid. Cropped images will still take up the same amount of memory as the full image. 

We’re very interested in your feedback and committed to continually improving our products. If you’re willing to share, we’d love to hear more details about your use case or what you’d like to see in this experience within this thread. I’ve also converted this post to an idea so that it’s visible to others within the Product Feedback section of the community - from here, they can upvote it and add details of their own.

Finally, for more information on how Lucid manages feedback via this community, take a look at this post:

 


Thank you Ambar!

Our particular use case is that we pull in architectures, vendor marks, etc. from various sources and only need to show a specific aspect of those images in our architecture. So, if I pull in an external AWS architecture and just want to show one VPC (without having to redraw it), I’ll copy the image, paste it into Lucidchart and then crop the image. If I have to do this 20 times (for a system-of-systems representation, I would imagine there is a hit to performance. Since many of our system-of-systems diagrams interact with vendor products, using the vendor’s logo typically requires cropping yet more images.  Thanks again for the consideration!


Thank you ​@Gary Franklin for sharing this context and additional details on your use case here! I certainly understand why this would be important, and I appreciate you taking the time to let us know what you’d like to see in this experience. 

Our product teams will continue to review feedback within this space of the community while they research new features and product enhnacements.Â