영상 트래픽 최대 50% 절감화질 손실은 최소화
낮은 비트레이트로 송출하고 시청자 GPU(WebGPU/WebGL)에서 복원해 영상 트래픽을 최대 50%까지 줄입니다.
체감 화질은 콘텐츠·디바이스·코덱에 따라 다르며, PoC 로 정량 검증(VMAF/SSIM)합니다.
영상 서비스 비용,
트래픽이 대부분을 차지합니다
OTT 및 스트리밍 서비스 운영 비용의 상당 부분은 CDN 트래픽과 영상 저장공간에서 발생합니다. 높은 화질을 유지하기 위해 비트레이트를 높이면 비용도 함께 증가합니다.
화질을 지키려면
비트레이트를 올려야 합니다
비트레이트를 높일수록 전송량·저장량이 함께 늘어나 CDN과 스토리지 비용이 그대로 증가합니다. 압축을 강하게 하면 노이즈와 디테일 손실이 발생합니다.
더 낮은 비트레이트,
더 선명한 화질
SGR Vision SDK는 압축 과정에서 손실된 디테일을 AI로 복원하여, 낮은 비트레이트 영상에서도 우수한 시청 품질을 제공합니다.
트래픽과 비용을 줄이는
영상 최적화 기능
트래픽 절감
낮은 비트레이트 영상을 전송하고 클라이언트에서 AI 화질 개선을 수행하여 네트워크 사용량을 줄입니다.
CDN 비용 절감
영상 전송량 감소를 통해 CDN 비용과 클라우드 인프라 비용을 절감합니다.
저장공간 최적화
더 작은 파일 크기로 영상을 저장하여 스토리지 비용을 줄일 수 있습니다.
실시간 GPU 화질 개선
WebGPU/WebGL 로 업스케일·디테일 향상을 실시간 후처리. WebGPU 환경에서는 CNN 복원 모델도 적용됩니다.
폭넓은 환경 호환
WebGPU/WebGL 지원 환경에서 동작하며, 미지원 시 자동 폴백 또는 원본 재생으로 호환성을 보장합니다.
간편한 SDK 연동
웹 서비스에 빠르게 적용할 수 있는 JavaScript SDK를 제공합니다.
화질 개선 기능
압축으로 손실된 디테일을 GPU(WebGPU·WebGL)에서 실시간 복원합니다. 각 기능은 개별 강도로 조절하거나 프로필로 한 번에 적용할 수 있습니다.
디테일 복원
압축으로 뭉개진 윤곽과 질감을 선명하게 살리고, 와이드 radius 로컬 대비로 텍스트·얼굴 디테일 체감을 높입니다.
노이즈 · 블록 제거
저비트레이트 영상에서 발생하는 압축 노이즈와 블록 아티팩트를 완화해 깔끔한 화면을 만듭니다.
업스케일
720p 같은 저해상도 영상을 1080p 등 캔버스 해상도로 SR 처리. FSR EASU / Lanczos-2 등 알고리즘을 선택합니다.
엣지 강조
halo 가 거의 없는 edge-aware(RCAS) 또는 텍스트 가독성에 유리한 unsharp 방식으로 윤곽을 강조합니다.
대비 · 톤 보정
S-curve 글로벌 대비, 감마 조정, 암부(shadow)만 끌어올리는 dark lift 로 톤을 정교하게 다듬습니다.
CNN 화질 복원
외부 가중치(Anime4K 등)를 주입하는 multi-layer CNN 으로 디테일을 복원합니다. WebGPU 백엔드 전용.
기본 제공 프로필
상황별로 최적화된 8종 프리셋을 제공합니다. 셀렉터에 profile 값만 넘기면 즉시 적용되고, 개별 강도로 미세 조정할 수 있습니다.
자연스럽고 즉시 체감되는 실사용 메인 프로필.
시연·마케팅용. 디테일을 강하게 끌어올린 와우 효과.
저비트레이트 스트리밍의 압축 노이즈 완화 + 가벼운 엣지.
텍스트·판서 가독성을 높인 classic unsharp 강조.
야간·저조도 영상의 대비와 암부 디테일 복원.
라인 강조 + 색면 평탄화로 애니메이션에 최적화.
깊은 black 과 영화적 대비를 살린 OLED 부스트.
scanline + 약한 sharpen + warm gamma 의 레트로 톤.
AI Enhancement 적용 효과
- ✕ 높은 비트레이트
- ✕ 높은 CDN 비용
- ✕ 큰 저장공간
- ✕ 압축 노이즈 발생
- ✓ 낮은 비트레이트
- ✓ CDN 비용 절감
- ✓ 저장공간 절감
- ✓ 선명한 화질 유지
이 모든 처리가
브라우저(클라이언트)에서 이루어집니다
서버는 더 낮은 비트레이트 영상만 전송하면 됩니다. 화질 복원과 업스케일은 시청자의 GPU 가 직접 처리합니다 — 최신 브라우저의 WebGPU 컴퓨트(미지원 시 WebGL)로 프레임 단위 실시간 연산하며, 영상이 멈추면 GPU 작업도 멈춥니다. 별도 트랜스코딩 서버나 인코딩 파이프라인 변경이 필요 없습니다.
서버 — 더 적게 보냅니다
송출 비트레이트를 한 단계 낮춥니다. 예: 1080p 5Mbps → 720p 2.5Mbps. 인코딩 설정만 조정하면 됩니다.
브라우저 — GPU 가 복원합니다
WebGPU/WebGL 가 FSR·Lanczos 업스케일과 디테일 복원을 실시간 수행. 추가 트랜스코딩 서버 없이 동작합니다 (복원 연산은 시청자 GPU 사용).
시청자 — 같은 화질로 봅니다
720p 소스가 1080p 체감 화질로 복원됩니다. 시청자는 더 선명한 영상을, 사업자는 더 적은 트래픽을.
실제 트래픽 절감 효과
비트레이트를 절반으로 낮추면 전송량도 절반입니다. 클라이언트 복원으로 체감 화질을 보전하므로, 절감된 전송량이 그대로 CDN 비용 절감으로 이어집니다.
가정 — 1080p 5Mbps 송출을 720p 2.5Mbps + 클라이언트 업스케일로 대체.
시간당 전송량 2.25GB → 1.13GB, 월 1,000,000 시청시간, CDN $0.08/GB 기준의 산정 예시입니다.
실제 절감폭은 코덱(H.264/HEVC/AV1)·콘텐츠 특성·시청 환경에 따라 달라집니다.
기술 아키텍처
기존 송출 파이프라인은 그대로 — 마지막 브라우저 단계에만 SDK 가 추가됩니다.
내 서비스 예상 절감액
월 영상 트래픽·CDN 단가·절감률을 입력하면 예상 절감액을 즉시 계산합니다.
월 100TB OTT 서비스→40% 절감 시 월 약 40TB 절감→연간 약 4,400만원 절감 (CDN 90원/GB 기준 예시)
입력값 기반 추정치이며, 실제 절감폭은 코덱(H.264/HEVC/AV1)·콘텐츠 특성·시청 환경·CDN 계약 단가에 따라 달라집니다.
적용은 10분이면 충분합니다
기존 스트리밍 구조를 그대로 두고, 재생 중인 <video> 에 SDK 한 줄만 추가하면 됩니다.
// 재생 중인 video 에 SDK 한 줄만 추가
import { enhance } from "@sgrsoft/vision-sdk";
enhance("#player", { enabled: true, profile: "ott" });- ✓ 기존 HLS / DASH 변경 없음
- ✓ 기존 CDN 변경 없음
- ✓ 기존 인코더 변경 없음
- ✓ SDK 추가만으로 적용
어떤 플레이어·프레임워크와도
표준 <video> 엘리먼트에 붙기 때문에, 재생 방식이나 프레임워크에 상관없이 적용됩니다.
HTML5 Video
HLS (hls.js)
DASH (dash.js)
Video.js
Shaka Player
Video Player Enhancement Player
React
Next.js
Vue
Nuxt
Svelte
순수 JavaScript
성능과 비용
시청자 GPU 에서 동작하지만, 환경에 맞춰 자동으로 품질을 조정해 부담을 최소화합니다.
실시간 처리
지원 GPU 기준 1080p 60fps 실시간 처리(기기·브라우저별 차이). 프레임 단위로만 연산하고, 영상이 멈추면 GPU 작업도 함께 멈춥니다.
WebGL 자동 폴백
WebGPU 미지원 브라우저는 WebGL 로 자동 전환. 둘 다 불가하면 원본을 그대로 노출해 재생을 보장합니다.
자동 품질 조정
저사양 PC·모바일에서는 강도를 자동 감쇠해 GPU 사용률·배터리·발열 부담을 줄입니다 (autoReduceOnLowEnd).
도입 효과 예시
서비스 유형별 기대 효과 예시입니다. 실측치는 콘텐츠·시청 환경에 따라 달라집니다.
VOD · 라이브 OTT
1080p 송출을 720p 로 낮추고 클라이언트 복원 — 트래픽 ~42% 절감 기대.
교육 · 강의 플랫폼
판서·텍스트 가독성을 유지하며 강의 영상 트래픽 ~35% 절감 기대.
스포츠 · 실시간 중계
대규모 동시 시청 환경에서 실시간 스트리밍 전송 비용을 절감.
브라우저 · OS 지원
WebGPU 미지원 환경은 WebGL 로 자동 폴백합니다. (부분 = 일부 기기/버전 제한)
※ DRM(Widevine/PlayReady/FairPlay) 보호 영상은 프레임 캡처가 차단되어 적용 불가입니다.
교차 출처 영상은 crossorigin + 서버 CORS 헤더가 필요합니다. 자세한 내용은
개발자 가이드 · 제약/한계를 참고하세요.