[{"data":1,"prerenderedAt":25},["ShallowReactive",2],{"blog-ko-gif-compression-dimensions-colors-frame-rate-guide":3},{"slug":4,"locale":5,"title":6,"description":7,"date":8,"author":9,"tags":10,"keywords":15,"h1":16,"readingTime":17,"html":18,"recommendedTools":19,"faqs":24},"gif-compression-dimensions-colors-frame-rate-guide","ko","GIF 압축: 크기·색상·프레임 선택법","GIF 크기 조절, 색상 감소, 프레임 감소와 자르기의 차이를 알아보고 내보낸 뒤 세부 표현, 움직임, 짧은 안내와 반복 재생을 확인하세요.","2026-09-14","DocCrunch Team",[11,12,13,14],"GIF 압축","GIF 크기","GIF 색상 수","GIF 프레임 수",[11,12,13,14],"GIF 압축은 크기, 색상, 부드러움 중 무엇부터 조정해야 할까?",5,"\u003Cp>용량을 줄인 GIF가 선명하지만 움직임은 끊길 수 있습니다. 반대로 재생은 부드러운데 그라데이션에 띠가 생기기도 합니다. 둘 다 압축의 영향이지만 줄어든 정보는 다릅니다.\u003C\u002Fp>\n\u003Cp>GIF는 연속된 이미지와 각 이미지의 표시 시간을 저장합니다. 따라서 일반적인 화질뿐 아니라 크기, 색상 수, 프레임 수를 따로 판단해야 합니다.\u003C\u002Fp>\n\u003Ch2>주요 조정 방법부터 구분하기\u003C\u002Fh2>\n\u003Cp>먼저 어떤 정보를 줄여도 되는지 정합니다.\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>조정 방식\u003C\u002Fth>\n\u003Cth>주로 바뀌는 것\u003C\u002Fth>\n\u003Cth>영향을 받는 부분\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>크기 축소\u003C\u002Ftd>\n\u003Ctd>각 프레임의 픽셀 너비와 높이\u003C\u002Ftd>\n\u003Ctd>작은 글자, 가는 선, 세부 내용\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>색상 감소\u003C\u002Ftd>\n\u003Ctd>사용하는 색상 수\u003C\u002Ftd>\n\u003Ctd>그라데이션, 그림자, 색 전환\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>프레임 감소\u003C\u002Ftd>\n\u003Ctd>움직임의 중간 이미지\u003C\u002Ftd>\n\u003Ctd>부드러움, 잠깐 표시되는 내용\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>자르기\u003C\u002Ftd>\n\u003Ctd>보존하는 화면 범위\u003C\u002Ftd>\n\u003Ctd>구도, 움직이는 피사체의 완전성\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>방법을 조합할 수 있지만 처음부터 모두 적용할 필요는 없습니다. 작게 표시할 애니메이션은 크기부터 평가하고, 정밀한 동작이 중요하면 프레임 감소에 신중해야 합니다.\u003C\u002Fp>\n\u003Cp>\u003Ca href=\"\u002Fko\u002Fgif-compress\u002F\">DocCrunch GIF 압축\u003C\u002Fa>은 선명, 균형, 최소 단계와 별도 축소 비율을 제공합니다. 현재 앞의 두 단계는 모든 프레임을 보존하고, 최소 단계는 중간 프레임도 줄입니다.\u003C\u002Fp>\n\u003Ch2>크기가 과도하면 픽셀 치수부터 줄이기\u003C\u002Fh2>\n\u003Cp>1000×600을 500×300으로 같은 비율로 줄이면 프레임당 픽셀 수가 4분의 1이 됩니다. 파일 용량까지 4분의 1이 된다는 뜻은 아닙니다. 내용, 색상, 인코딩도 영향을 줍니다.\u003C\u002Fp>\n\u003Cp>실제 표시 크기에서 판단하세요. 작은 글자가 안 읽히거나 가는 선, 커서, 아이콘이 불분명해질 수 있습니다.\u003C\u002Fp>\n\u003Cp>DocCrunch는 원래 크기, 75%, 50%, 33%를 제공합니다. 완만하게 줄여 본 뒤 전체 애니메이션을 확인하세요. 이미 용도에 맞는 크기라면 더 줄이는 것이 좋은 선택은 아닐 수 있습니다.\u003C\u002Fp>\n\u003Ch2>색상 감소는 선명한 색만 바꾸지 않는다\u003C\u002Fh2>\n\u003Cp>GIF는 팔레트를 사용하며 표현하는 색상 수에 제한이 있습니다. 기본 개념은 \u003Ca href=\"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FGlossary\u002FGIF\">MDN의 GIF 설명\u003C\u002Fa>에서 확인할 수 있습니다.\u003C\u002Fp>\n\u003Cp>변화는 그라데이션, 그림자, 미세한 색 차이에서 먼저 나타나기 쉽습니다. 부드러운 전환이 띠로 나뉘고 비슷한 색이 합쳐질 수 있습니다. 단순히 색이 옅어지기보다 단계가 줄어드는 것입니다.\u003C\u002Fp>\n\u003Cp>단색 도형, 간단한 아이콘, 복잡한 사진은 색상 감소에 대한 반응이 다릅니다. DocCrunch의 세 단계는 현재 256색, 180색, 96색을 사용합니다. 다음을 확인하세요.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>그라데이션에 뚜렷한 띠가 생기는지.\u003C\u002Fli>\n\u003Cli>그림자가 큰 단색 면으로 바뀌는지.\u003C\u002Fli>\n\u003Cli>작은 글자가 배경과 충분히 구별되는지.\u003C\u002Fli>\n\u003Cli>재생 중 세부 부분이 깜박이는지.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>정지 화면보다 움직일 때 더 잘 보이는 변화도 있습니다.\u003C\u002Fp>\n\u003Ch2>프레임이 줄어도 단순히 빨라지는 것은 아니다\u003C\u002Fh2>\n\u003Cp>재생 시간은 이미지 수뿐 아니라 각 이미지가 머무는 시간에도 달려 있습니다. 중간 프레임을 빼고 남은 프레임의 시간을 늘리면 대략적인 속도를 유지할 수 있지만 동작 단계가 줄어 위치 변화가 더 급격해집니다.\u003C\u002Fp>\n\u003Cp>DocCrunch의 최소 단계는 프레임을 간격을 두고 선택하며 해당 표시 시간을 합칩니다. 단순히 빠르게 재생하기보다 동작의 중간 정보를 줄이는 방식입니다.\u003C\u002Fp>\n\u003Cp>느리고 단순한 움직임은 괜찮을 수 있지만 빠른 동작, 커서 조작, 짧은 알림은 살펴야 합니다. 한두 프레임만 나타나는 내용이 흐릿해지거나 아예 남지 않을 수 있습니다.\u003C\u002Fp>\n\u003Cp>사용법 시연에서는 추가 용량 절감보다 동작이 빠짐없이 전달되는 것이 중요합니다. 첫 프레임이 선명한 것만으로 충분하지 않습니다.\u003C\u002Fp>\n\u003Ch2>자르기는 전체 애니메이션을 보고 결정하기\u003C\u002Fh2>\n\u003Cp>주변에 고정된 빈 공간이나 무관한 영역이 있다면 \u003Ca href=\"\u002Fko\u002Fgif-crop\u002F\">GIF 자르기\u003C\u002Fa>를 고려할 수 있습니다.\u003C\u002Fp>\n\u003Cp>자르기는 각 프레임의 보존 범위를 줄이며 재생 시간을 줄이지는 않습니다. 끝까지 재생해 피사체가 가장 멀리 이동한 위치에서도 화면 안에 남는지 확인하세요.\u003C\u002Fp>\n\u003Cp>처음에 빈 곳에 나중에는 글자, 펼친 메뉴, 움직이는 물체가 나타날 수 있습니다. 첫 장면만 보고 범위를 좁히면 뒤의 정보가 잘립니다.\u003C\u002Fp>\n\u003Cp>보존 범위를 정한 다음 최종 크기를 선택하세요. 추가 압축은 정지 이미지 도구가 아니라 \u003Ca href=\"\u002Fko\u002Fgif-compress\u002F\">GIF 전용 압축 도구\u003C\u002Fa>로 진행합니다.\u003C\u002Fp>\n\u003Ch2>다운로드한 결과를 끝까지 재생해 확인하기\u003C\u002Fh2>\n\u003Cp>썸네일만 보지 말고 적어도 한 번 전체 재생하면서 확인하세요.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>내용:\u003C\u002Fstrong> 글자, 안내, 움직이는 피사체가 온전한지.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>화질:\u003C\u002Fstrong> 작은 글자, 선, 그라데이션과 그림자가 적절한지.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>동작:\u003C\u002Fstrong> 과도한 끊김이 없고 짧은 멈춤이 충분한지.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>재생:\u003C\u002Fstrong> 속도, 반복 방식, 끝나는 위치가 맞는지.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>전달 조건:\u003C\u002Fstrong> 픽셀 크기와 용량이 제한을 충족하는지.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>원래 반복 횟수가 제한된 GIF는 특히 확인해야 합니다. DocCrunch는 현재 다시 인코딩한 GIF를 계속 반복하도록 설정하므로 원래 횟수가 보존된다고 생각하면 안 됩니다.\u003C\u002Fp>\n\u003Cp>브라우저 로컬 처리도 결과 검토를 대신하지 않습니다. 원본을 보관하고 원본에서 여러 설정의 사본을 만들면 이미 압축된 파일을 반복 처리하는 것보다 비교하기 쉽습니다.\u003C\u002Fp>\n\u003Cp>모든 GIF에 가장 좋은 단계는 없습니다. 필요한 크기, 중요한 색 전환, 줄여도 되는 움직임을 각각 판단해 용량과 내용 전달을 함께 만족시켜야 합니다.\u003C\u002Fp>\n",[20,22],{"slug":21},"gif-compress",{"slug":23},"gif-crop",[],1789443224344]