← 갤러리로 돌아가기

🗜️ 양자화(Quantization)란?

모델을 가볍게 압축하면 무슨 일이 일어날까요? 버튼을 눌러 직접 확인해보세요
💡 아래 "다음 단계로 압축하기" 버튼을 눌러보세요. 32비트에서 시작해 16비트 → 8비트 → 4비트로 압축될수록 격자무늬가 어떻게 거칠어지는지, 용량과 속도는 어떻게 바뀌는지 볼 수 있어요.

🎛️ 모델을 압축해보세요

현재 단계: 32비트 (원본)
📦 모델 용량
100%
⚡ 속도
기준(1배)
🎯 정확도 변화: 거의 차이 없음 (원본 그대로)

💬 한 줄 정리

AI 모델 안에는 수십억 개의 숫자(가중치)가 저장돼 있는데, 보통 이 숫자들은 아주 정밀한 형태(32비트)로 저장돼요. 양자화는 이 숫자들을 16비트, 8비트, 4비트처럼 더 단순한 형태로 반올림해서 압축하는 기술이에요. 마치 고화질 사진을 웹용으로 압축해서 파일 용량을 확 줄이는 것과 비슷해요 — 자세히 보면 화질이 살짝 거칠어지지만, 용량은 훨씬 작아지고 불러오는 속도는 훨씬 빨라지죠. 이 덕분에 원래는 큰 서버에서만 돌아가던 거대한 모델을 스마트폰이나 노트북에서도 실행할 수 있게 되고, 서비스를 훨씬 저렴한 비용으로 많은 사람에게 제공할 수 있게 돼요. 다만 압축을 너무 심하게 하면(4비트 등) 정확도가 조금 떨어질 수 있어서, 실무에서는 속도·용량과 정확도 사이의 균형을 잘 맞추는 게 중요해요.

🧾 이 페이지, 이런 프롬프트로 만들었어요

아래 프롬프트를 복사해서 Claude·ChatGPT(GPT)·Gemini 어디에든 붙여넣고 직접 시도해보세요. 참고로 이건 예시 없이 지시만 담은 제로샷(zero-shot) 프롬프트예요 — 원하는 결과물의 예시를 1개 넣으면 원샷(one-shot), 여러 개 넣으면 퓨샷(few-shot) 프롬프팅이 되는데, 예시를 더할수록 결과가 원하는 스타일에 더 가까워지는 경우가 많아요.

"양자화(Quantization)"를 설명하는 인터랙티브 교육용 HTML 페이지를 만들어줘.
- 작은 사각형들로 이루어진 격자를 그리고, 각 칸에 랜덤한 밝기의 색을 채워서 "모델 가중치"를 표현해줘
- "다음 단계로 압축하기" 버튼을 누를 때마다 32비트 → 16비트 → 8비트 → 4비트 순서로 단계가 넘어가고, 단계가 진행될수록 격자의 색상 단계 수를 줄여서(예: 256단계 → 16단계 → 4단계 → 2단계) 시각적으로 "거칠어지는" 느낌을 줘
- 버튼을 누를 때마다 "모델 용량"(100%→50%→25%→12.5%)과 "속도"(점점 빨라짐) 수치, "정확도 변화" 문구(초반엔 "거의 차이 없음", 4비트에선 "약간의 정확도 손실 가능")도 같이 업데이트해줘
- 마지막 단계에서 다시 버튼을 누르면 처음(32비트)으로 돌아가게 해줘
- CSS·JS 전부 인라인으로 넣은 단일 HTML 파일로, 한국어로 출력해줘
이 페이지는 AI(Claude)가 만든 예시 자료입니다 — 강의 데모용