Follow Us

Copyright 2017 Pan-creators


6 가지 간단한 단계와 멋진 도구를 사용해 Sketch 파일을 최소화하기

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

43.1 버전이 출시된 이래로 새로운 Sketch 형식이 있으며 이제는 Sketch 파일이 .ZIP 파일이고 실제로 .ZIP 파일처럼 작동합니다. 약간의 시간과 일부 테스트를 통해 파일 크기를 최소화하고 일상적인 문제에서 디자이너를 돕는 방법, 특히 많은 이미지가 포함된 파일을 만드는 데 도움이 되는 다음 워크 플로를 발견했습니다. 시도해보시기 바랍니다 (시작하기 전에 파일 사본을 만들었는지 확인합니다.) →

1. Better Zip = 친구
https://macitbetter.com에서 BetterZip을 다운로드하고 Sketch 파일을 열면 됩니다. BetterZip은 Sketch 파일의 폴더 구조를 보여 주며 각 이미지의 크기를 직접 보여줍니다. BetterZip에서 가장 큰 이미지를 바탕 화면의 일부 폴더로 드래그하기만 하면 됩니다. BetterZip을 닫지 않습니다. 최적화 후 Sketch 파일을 저장하려면 마지막에 이 파일이 필요합니다.

 

2. 손상된 PNG 파일 수정
적어도 제 경우에는 손상된 파일 몇 개가 있었습니다. Finder에서 바로 볼 수 있는데 손상된 파일은 미리보기 이미지가 없습니다. 손상된 파일들을 탐지합니다. 일반적으로 파일 크기가 가장 크며 이 파일은 Sketch에서 전혀 사용되지 않습니다.

이제 손상된 파일을 수정합니다. 작은 png 파일 (그냥 흰색 사각형 또는 투명하게)을 만들고 손상된 파일과 마찬가지로 이름을 지정하고 손상된 파일을 삭제합니다. 이름 지정을 이전과 똑같이 하는 것이 중요합니다

3. 큰 이미지 크기 조정
또 다른 놀라운 무기는 th-MakerX http://www5.wind.ne.jp/miko/mac_soft/th-maker_x/index-en.html입니다. 파일을 드래그하여 (바탕 화면의 폴더에서) 크기를 조정할 수 있습니다. 예를 들어 파일 최대 폭 2000 픽셀 (imho는 크기가 시각 디자인의 대부분의 경우에 충분함) 물론 이미지마다 어떤 크기가 필요한지 결정할 수 있습니다. 참고 : UI의 썸네일에 대한 고해상도 이미지의 사용은 의미가 없습니다. 🙂

 

4. Pngyu로 PNG 파일 최적화하기
다음 멋진 도구는 PNG 파일에서 일부 메타 데이터를 제거하고 파일을 훨씬 작게 만들 수 있습니다. http://nukesaq88.github.io/Pngyu/

 

여기에서 보는 것처럼 : 어떤 경우에는 보기에 품질 손실 없이 80 % 이상 감소합니다!

5. Better Zip으로 다시 = 이미지 바꾸기
BetterZip으로 끌어다 놓기만 하면 됩니다.

그리고 모든 파일을 바꿉니다. 파일의 백업 복사본을 하나 가지고 있는 게 중요합니다. (일반적으로 잘 작동하지만 누가 알겠습니까)

6. BetterZip으로 .SKETCH를 저장하면 끝
→ CMD+S

이제 전후를 비교해봅니다. 조금씩 줄어든 것을 확인할 수 있습니다. 스케치 파일을 열고 오류 및 버그를 찾습니다. 저는 지금까지는 없었습니다.