뷰 본문
일전에 위 가이드를 통해 콘텐츠 제작시 용량을 최대한 줄여야 하는 이유를 말씀드렸는데요! (기.. 기억 하시죠 다들..?)
움짤 용량을 줄이는 핵심 키워드는 아주 '심플'합니다. 그것은 바로
1) 이미지 크기 (가로x세로 픽셀)
2) 프레임 (재생되는 이미지 갯수)
백문이 불여일견! 지금 보시는 샘플은 5.9MB 짜리(60프레임, 420x359 px) 초고용량 움짤인데요.. 이걸 그대로 썼다가는..
1) 1MB 넘어서 '자동 재생' 불가
2) 5MB 넘어서 '용량 빨간불'
그럼 이 절대 사용 불가 움짤을
1) 490 -> 300 px (세로는 비율에 맞게 고정 수정)
2) 60 -> 20 frame (Frame Delay로는 재생 속도 변경)
요 두 과정을 통해 대대적인 다이어트 시전!
짠! 화질 괜찮고 재생 매끄러운 샤프한 움짤 탄생!
어디 몸무게 좀 한번 달아볼까요?
오호! 1MB 넘을까 노심초사 안 해도 되는 라이트한 용량~
6MB에 달하던 용량이 0.7MB가 되었으니 2~3MB 급 움짤은 무리 없이 500KB 안쪽으로 감량이 가능할 거예요 ㅎㅎ
1. ezgif
ezgif.com 으로 들어가셨으면'Resize' 탭에서 1) 파일을 선택하고 2) 업로드 해줍니다 (다소긴 로딩 시간 필요)
10.23MB의 움짤이 업로드 됐는데요. 여기서 용량을 대대적으로 줄여줄 '필수 탭'은 1)crop 2)resize 3)cut 4)frame 입니다
#1. crop
보시는 것처럼 움짤로 생성할 '영역'을 자르는 기능입니다. 필수로 들어가야 하는 부분만 포커싱 해서 잘라줍니다
전체 용량에서 '잘려지는 부분x프레임 수' 만큼 용량이 빠질테니 감량에는 효과 만점이죠
#2. resize
픽셀 수 지정으로 '이미지 크기'를 자르는 기능입니다. 수치가 너무 작으면 화질이 깨질 수 있으니 주의!
가로 기준으로 300~320px 정도만 되도 모바일에서 나쁘지 않은 화질로 재생되니 참고하시면 되고, 애매한 경우에는 'Percentage'에 수치를 기입하시면 됩니다 (업로드 원본을 100으로 가정)
#3.cut
전체 재생 구간에서 필요하지 않은 '구간'을 자르는 개념이라고 보시면 됩니다. 앞이나 뒤로 필요없는 부분이 물렸을 때 쳐내기 적절한 기능!
4. frame & optimize
움짤 업로드 후 'frame'을 누르면 이렇게 전체 프레임을 한 눈에 볼 수 있습니다. 연결 동작이 어색하지 않을 만큼만 사이사이 프레임을 skip으로 날려주시면 끝
'30프레임, 320KB' 정도의 움짤에서 짝수 프레임만 없애봤더니 정직하게 용량 절반이 줄어들었네요 ㅎㅎㅎ
어색하지 않게 잘 재생되죠? ㅎㅎ 그런데 여기서 '재생속도'가 급 빨라진다는 문제(?)가 생기는데..
'Delay time'은 그대로인채 프레임만 절반으로 줄어서 생겨서 그런 것이니 이 수치를 대폭 늘려주면 해결할 수 있습니다 ㅎㅎ
이 과정을 더 쉽고 간단하게 하는 방법! 움짤 업로드 후 'optimize'에 들어가서 'Remove every 2nd frame'을 선택하면 프레임 수는 절반으로! 시간은 자동 조절되어 매우 자연스럽고 가벼운 움짤이 완성됩니다 ㅎㅎ
2. GIF Brewery (for 맥유저)
맥북 이용자라면 무료 프로그램 중 'GIF Brewery' 사용하시는 걸 추천 합니다. 'Record Screen'을 통해 필요한 부분을 추출했다면
앞서 'ezgif' 랑 같은 방식으로 용량을 줄일 수 있는 버튼을 발견할 수 있을겁니다 ㅎㅎ
특히 전체 '프레임 수'와 '딜레이 타임'은 'settings' 탭을 누르면 바로 확인할 수 있으니 참고!
