large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

<p><a href="http://ift.tt/2oJRgSu">Design + Sketch App &mdash; Medium</a> | Dimitri Nachtigal </p>
<p>Second story of mine and again dealing with Sketch … So there is the new Sketch format since the release of 43.1 and now it is as if the Sketch file is a .ZIP file and it actually behaves like a .ZIP file. With some time spent and some tests I discovered the following workflow which will really MINIMIZE file size and help designers in their daily problems, especially files with many images are of interest here … so just give it a try <em>(make sure you did a copy of your file before you start)</em> →</p>
<h3>1. Better Zip = your friend!</h3>
<p><img alt="" src="http://ift.tt/2plfErD">Download BetterZip from <a href="https://macitbetter.com">https://macitbetter.com</a> and just open the Sketch file with it. BetterZip will show you the Sketch File’s folder structure and directly show you the size of each image. Simply drag the biggest images out of BetterZip into some folder on your desktop. Don’t close BetterZip — you will need it at the end to save the Sketch file after optimizing.</p>
<h3>2. Fixing damaged PNG files</h3>
<p><img alt="" src="http://ift.tt/2oJEROA">At least in my case I had a couple of damaged files. You will see those directly in Finder — they have no thumbnail. Detect those files. Usually they are the biggest in file size AND those files are not used in Sketch at all<img alt="" src="http://ift.tt/2plGDn9">Now FIXING the DAMAGED … create a tiny png file (just white rectangle or even transparent) and name those just like the damaged files AND simply delete the damaged files … IT IS IMPORTANT that the naming is exactly as it was before</p>
<h3>3. Resize huge images</h3>
<p><img alt="" src="http://ift.tt/2oJTEZD">Another awesome weapon is the th-MakerX <a href="http://ift.tt/LDzitz">http://ift.tt/LDzitz</a> simply by dragging files on it (from you folder on your desktop) you can resize files to e.g. max width of 2000 px (imho that size is more than enough for most cases of visual design) … of course you can decide per image which size is needed. NOTE: Usage of a high res image for just a thumbnail in a UI makes no sense ; — )</p>
<h3>4. Optimizing PNG files with Pngyu</h3>
<p><img alt="" src="http://ift.tt/2oJQDZn">Next awesome tool for you which will remove some meta data from the PNG files and make the files a lot smaller again … <a href="http://ift.tt/1qSc3fc">http://ift.tt/1qSc3fc</a><img alt="" src="http://ift.tt/2oK0uhQ">&#8211; as you see here: in some cases it reduces over 80% ! and that WITHOUT visible quality loss</p>
<h3>5. Back to BetterZip — Replace images</h3>
<p><img alt="" src="http://ift.tt/2plu3Uz">Simply drag and drop back to BetterZip<img alt="" src="http://ift.tt/2oK5mDt">… and replace all files … now it’s important that you had a backup copy of the file (normally it works fine but who knows … )</p>
<h3>6. Save .SKETCH with BetterZip and be happy ; — )</h3>
<p><img alt="" src="http://ift.tt/2plsc2p">→ CMD+S<img alt="" src="http://ift.tt/2oJSBbZ">now compare the before and after … you will recognize IT’S A LITTLE LESS NOW ))) open the Sketch File and look for Errors and bugs … I didn’t have any until now …</p>
<p>Have fun and go buy you a coffee ; — )</p>
<p>#illustreet</p>
<p><img src="http://ift.tt/2plA6bX" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="http://ift.tt/2oJRgSS">Minimize Sketch files to a MINIMUM! with 6 simple steps and awesome tools</a> was originally published in <a href="http://ift.tt/1OWmBEs">Design + Sketch</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


Minimize Sketch files to a MINIMUM! with 6 simple steps and awesome tools

Minimize Sketch files to a MINIMUM! with 6 simple steps and awesome tools

Top Stories