@chrismessina Hello, Chris!
Sure, for the image optimisation, we use standard Deflate and LZ77 compression algorithms. This way we can keep original quality more or less untouched.
We use this tool for a long time with Flawless App designs, so far we didn't notice any quality loss, but our Sketch files became much tidier.
@geek_1001 nice, thanks for that. Do you apply these compression techniques to all file formats? I'm not clear about what formats Sketch uses internally...?
@chrismessina We apply these compressions to images only.
Potentially we can compress json structural files as well, but unfortunately, Sketch won't recognize them after. Because Sketch doesn't expect to parse the compressed structural file when it opens a file 😊
Hello, folks! 👋
It’s Ahmed here, founder of Flawless App.
I’m so glad to share with you our little tool to optimise Sketch files size – Reduce app. 🎉
Have you ever experienced slow Sketch performance because of huge Sketch file you're using? 🤔
At Flawless App we have really big Sketch files and this performance problem becomes a real bummer to our productivity.
That's why we decided to create a little tool which will optimise our Sketch files.
You can not just optimise images, but also automatically remove hidden layers from your Sketch files which is also affecting file size.
We'll add more optimisation there soon.
I’d really appreciate any thoughts or feedback you have.
(No pixels were harmed during Sketch file optimisation)
Very neat product @lisadziuba! Any idea if you would make it available as command line tool as well? I'd love to see it integrated with our Supernova Studio as well! Love the small tools you are guys creating, helps a ton. Keep up good work!
@lisadziuba@jirka_trecak Thanks for your support! 🙂
We are going to add more optimisation options like: "automatically remove unused symbols from Sketch file" and some other as well. If there will be demand for CLI tool – we'll do it.
@lisadziuba@geek_1001 You can definitely count on us at least promoting it, possibly even inside the Supernova / our documentation. Everyone loves faster performance across the board and this will definitely deliver :)
@tasteofdalife Thanks! 🙂 That's true, even though Sketch files takes much less space then Photoshop files, it's still affecting Sketch performance itself.
We made this little tool for internal use but then decided to publish it as well.
@geek_1001 Btw, small hack that saved me few times is: when you enable 'Show Pixels' mode, the performance gets a little better if the file is way too big.
Hey Ahmed and team, nice work, this seems super useful. We are constantly uploading and transferring massive sketch files and it takes way too long.
It does worry me a bit that it could accidentally "clean up" (delete) something we will need in the future...how do you guard against that/decide what should be deleted?
@nneuman Hello, Nick!
Thank you so much for your feedback! 😊
>how do you guard against that/decide what should be deleted?
That's great questions. Thanks!
So when you drag and drop Sketch file you can choose optimisation options you need:
- Compress all images with lossless compression
- Delete all broken images (sometimes there are broken image in Sketch files, they do not show in the interface but take some space as well)
- Delete all hidden layers (this option will remove every hidden layer from every page on every artboard)
If you don't want some option to be executed, you can just unselect it from the list. Also for exactly this reason, the option "delete hidden layers" is disabled by default, so you won't delete something accidentally.
We're also going to add some more options for optimisation like
- Remove all unused symbols
- Convert repeatable elements across the whole Sketch file into a single symbol and use it instead (which will also save a lot of space)
Is it an answer to your question? 🙂
Would love to hear what do you think about this "optimisation options" approach.
@geek_1001 That does answer it, thanks! I'm going to try this out.
I like the optimisations idea depending on how you guys implement it. Converting the repeatable elements into one symbol could be 💰💰💰, but I think I'd want a quick way to review and sign off before they are merged. Seems like it would maybe be tough to write it to distinguish between some of the small differences in certain elements. Staying on the safe side with an 80/20 approach and just converting the definite matches would still be awesome.
@nneuman
> I think I'd want a quick way to review and sign off before they are merged.
True. That totally makes sense.
Thank you again for the feedback! 🙂
Oh, that's probably a bug!
Thank you so much for reporting. And I'm so sorry for that!
If it's possible, could you please share your Sketch file, so we can try to reproduce it?
Hello, @youngfonz
I'm glad to tell you that we finally fixed this issue! 🙂
Please update your application to the latest version 1.3. File compression should work properly.
In case you will have some more issues, feel free to ping us.
Thanks!
@lisadzuiba@aleks_muse Thank you so much, Aleksandra!
We've made this tool for Flawless App internal use. But we decided to make it public.
We have a really huge design files and it's affecting Sketch performance so we wanted to fix it.
Hey, guys the app increased my file size from 89mb to 128mbs lol. Weird right. I kept a screenshot to show. Great idea though. Big Sketch files are definitely a problem.
@youngfonz Thank you so much for the feedback!
I'm so sorry for this inconvenient situation. It seems like a phantom bug. If it's possible could you please share your Sketch file, so we could try to reproduce an issue and fix it.
Also, Reduce App has an auto-update system, so we'll push a fix as soon as possible.
Hello @youngfonz
We've fixed this issue finally. Please update your app to latest version 1.3.
You can do it from the main screen by clicking on the 3 dots in the top right corner.
The compression should work properly now.
I'm sorry for this inconvenient issue!
@arya_kailash Hello, Arya!
Thanks for the questions?
We focus on Sketch at the moment. Because we use Sketch at Flawless App and we made this tool for our own internal needs first.
The time will tell, if there will be a huge demand for PS version, we'll work on it as well. 🙂
@sambrucejoseph Hello, Sambruce!
Thanks for your questions!
Besides regular image compression, we also have an option to automatically remove all hidden layers from the whole Sketch file.
And over time we'd like to add a couple of more optimisation options like:
- Remove all unused symbols
- Convert repeatable elements across the whole Sketch file into a single symbol (this will save a lot of space actually because instead of multiple copies you'd have only one instance)
Replies
Spendbase
Toaster
Toaster
Toaster
Toaster
Supernova.io
Toaster
Supernova.io
Reverb
Toaster
Don’t Panic by Lemon.io
AARP Money Map™
Toaster
AARP Money Map™
Don’t Panic by Lemon.io
Casa
Toaster
Casa
Toaster
Had a Sketch that was 89mbs, downloaded this app and it increased it to 128mbs.
Pros:Cool idea
Cons:Didnt compress my file, weirdly increased it.
Toaster
Toaster
Toaster
Don’t Panic by Lemon.io
Prototypr
Don’t Panic by Lemon.io
Toaster
Product Hunt
Toaster
LifeTracker
Toaster
Don’t Panic by Lemon.io
Toaster
Toaster
Toaster
Burung
Toaster
Nature sound
Toaster
Toaster
Ecoisme 2.0
Toaster
Toaster
Kuoll
Toaster
Wonderway COACH
Toaster