Option to export to clipping mask boundaries
When exporting assets to raster formats, it would be a huge time saver if we had an option to use the boundaries of clipping masks as the edge of the exported artwork. I created three triangles and used a circle as a clipping mask in the attached image. You can see that the exported file has a lot of padding around the artwork because the outer edges of the triangles are used as the boundaries of the file.
If there was an additional option to use the clipping mask boundary as the edge of the exported raster file, it would mean that I wouldn’t have to open every exported file in Photoshop to then crop to the edges of the artwork and re-save the file.
The fix has been rolled out and is available in our latest release build – 24.1.1 for Win and 24.1 for Mac which is available worldwide now.
What’s new in 24.1: https://helpx.adobe.com/illustrator/using/whats-new.html
You can update to the latest release using Creative Cloud desktop App: https://helpx.adobe.com/in/creative-cloud/help/creative-cloud-updates.html
Thank you for all the feedback.
This is the most frustrating part of using Illustrator, especially for making web graphics where accurate dimensions are crucial. When it comes to exports please honor clipping masks and actually "clip" the art as expected when one uses a "clipping mask".
At the very least, please honor the dimensions of the artboard on exports. Macromedia Fireworks exported art perfectly with intended dimensions over a decade ago, why can't Illustrator get it right in 2021?
We've been struggling with this for years, YEARS I SAY! You clearly don't know what to do and need to hire someone to fix the problem, please do that ASAP. Adobe destroyed Fireworks, the absolute least you could do is make Illustrator an alternative that actually works as intended. Thank you.
And yes, I understand that Adobe already gets our money each month, they have no reason to fix a problem that makes our jobs harder, but one can hope. At least they can't claim we never complained.
Samuel Richards commented
I am happy that some progress has finally been made.
This feature seems to be broken again. All my exports come in the sizes of the clipping mask, it also seems to happen randomly. V25.1 and V25.01
This is feature is now broken in v 24.3
Fixed in the released version.
Mods, please mark as Done.
There are funny fuzzy pixelated edges of the exported assets. Is there a way to not do that and just cut it cleanly?
Chris Johnston commented
This is OK but the boundaries of certain formats are not exact. There are extra white pixels and funny edges. So hopefully it will get better. I would want things to export as crisp as when you export artboard. Thanks
Confirming that this works, finally!!
1. Add a linked, bitmap asset to an Illustrator artboard.
2. Create a mask with the object (eg. draw a box over the top of the bitmap and ⌘+7 or Ctrl+7)
3. Drag the masked image to the Asset Export panel
4. Export the asset as PNG or JPG
Voilà! No extra white space around the masked image. The image is exported and cropped to the mask boundaries.
Martijn Hoppenbrouwer commented
Well finally! I haven't tested it yet, but i'll believe it works - it couldn't be that hard to fix.
Unfortunately for me, it's 4 years too late - i've switched to Figma a long time (2 years) ago.
Thanks for trying though.
Is there a tentative release date for the main build?
Joshua Lewis commented
Tor's comment has the best solution work around.
1. Copy your Illustrator file so that anything you do will not have consequences for the original
2. Choose the artboard tool from the tool shelf
3. Double click the object you want to export to resize the artboard to the object
4. Use Export -> Save for screens and choose to export the artboard instead of the object
5. Repeat double-clicking and exporting for all your objects
It's fast and easy and the shortcut is E + CMND + ALT
BUT, can I ask you, please, for help to upvote a similar thread?!
Export for screens (assets and artboards) should be in RGB, but exporting from CMYK document it isn't! Please help!
Thanks, in advance!
Orbit Design commented
Just tried the Beta version - worked as it should! Exported a nice clean png even though the clipped images where much larger than the mask.! Roll this out to production ASAP and help end the madness of so many frustrated Illustrator users!
OMG! I need this so bad!!
Chris Johnston commented
I am happy there has been some progress finally. However this is far from ready because it does not export clean edges of the cliped area. If you export and view your graphic in Photoshop you will see extra pixel or so on the edge of the graphic. Please continue to look at this. Thanks
Von Glitschka (Vonster) commented
I predict like the snapping bug you'll all have to wait another 5 years until this issue is addressed. Whether it's fully fixed is another matter all together though. Just saying.
Please ensure that the fix will export correctly for Windows Metafiles.
Von Glitschka (Vonster) commented
Remember Ai is a vector program so there shouldn't be ANY snapping issues with anchor or paths EVER. But there is, it's OVER six years old now and you know exactly what the problem is since I showed you it in person. That needs to be fixed. A so-called pro application that can't do simple elementary snapping at times is not PRO behavior. Neither is releasing asset export half-baked and not responding to users in this thread. You know what would help, having an actual pro user working with your team on a daily basis to isolate and help you fix all these issues instead of focusing merely on more feature bloat. Improve and fix the many tools and features you've released that are not refined. Another example: Free-Form Gradient tool, won't work on compound shapes? Who was the brilliant one to let that get through?
Peter Villevoye commented
And this update just popped up while I'm replaying the MAX 2019 keynote, with almost every presented application being totally aware of objects and masks. In earlier days one would jokingly say: "How many developers does it take to [do this or that]". Nowadays I'd be asking: "How many Sensei forces are needed to Just Do It ??" Let's send a prayer to the Product Owners to get this one onto the Agile Sprint Board...
Paul Jakovich commented
Lol only took 793 days for someone at Adobe to acknowledge this. I hope I'm still around to see this feature added so I can reminisce about the countless hours of my life wasted working around this flaw.