달망이 삽질인생

png4

앱 개발용 Zeplin SVG 추출 (최적화 끄기) android, ios를 개발 할때는 일반적으로는 화면 사이즈 마다 png 이미지를 준비해줍니다. 물론 svg(벡터이미지)를 할 수 있지만 생각보다 앱이 느려져서 꺼리고 있습니다. flutter도 svg를 이용하면 느려지는건 마찬가지지만, 최적화보다는 생산성에 맞춘 프로젝트라고 생각하여 svg를 이용해 보겠습니다. 그렇다면, 앱 개발을 할때, 디자인 파일을 어떻게 하면 쉽게 가져올까요? ui/ux 제작툴인 Zeplin을 이용하면 디자이너가 작업한 벡터파일을 개발자가 손이 발이 되도록 싹싹 빌지 않아도 손 쉽게 다운받을 수 있습니다. 이미지를 클릭하면 Assets을 여러종류로 다운받을 수 있습니다. SVG 옆에 있는 다운로드 버튼을 누르면 끝~! 다운받은 svg 파일 코드 하지만 이렇게 받은 svg 파일은..

Flutter Icon, Asset PNG, SVG, NetworkImage, Gif, Loading... 지난번 Widget 게시글 https://dalgonakit.tistory.com/100 Flutter Hello Widget! | Text Example, Button Example 지난 게시글 https://dalgonakit.tistory.com/99 Flutter 프로젝트 만들고 실행하기 | VSCode 지난번 게시글 Flutter 시작하기 | MacOS에서 VSCode로.. 안드로이드와 아이폰은 개발한지도 오래 됬는데.. 최근 회사.. dalgonakit.tistory.com 들어가기 전에 Text Widget과 기타 Widget을 써보니 이제 flutter에서 이미지는 어떻게 넣는지 궁금해졌습니다 이미지는 Icon, Asset(Resource)에 있는 Image, Network에 있는 이미지를..

tinypng - PNG 압축 사이트 https://tinypng.com/ 어떤 압축 기술이 들어간지는 자세히 모르겠지만, 대략적으로 색상의 단계를 줄여서 PNG로 만들어 주는 기술이 들어간거 같습니다. 드래그 앤 드롭으로 파일을 드래그 해주고 잠시 기다리면 대나무를 먹던 팬더가 만세를 하면서 압축된 PNG파일을 다운받으라고 알려줍니다 ㅎㅎ 만세중인 팬더 ㅋㅋㅋ 이 게시글의 처음 삽입된 이미를 토대로 요청해봤더니 (왼)원본 캡쳐 파일 이미지 용량 : 336KB, (오)변경된 캡쳐 파일 이미지 용량 130KB 336KB짜리 이미지가 130KB 이미지로 변경된경 되었습니다! (무려 61%!) 왼쪽이 원본, 오른쪾에 Tiny된 이미지인데.. 일단은 제 눈으로는 감지를 못하겠습니다.. 디자이너라면 발견할 수 있을지도 모르겠군요 :) ㅎㅎㅎ

10000img - 랜덤 이미지 http://10000img.com/ 랜덤 이미지를 출력해주는 사이트 GIF뿐만 아니라 므흣한 사진도 많이나온다..

이전 1 다음

티스토리툴바