이 페이지는 Cloud Translation API를 통해 번역되었습니다.

WebGPU의 새로운 기능 (Chrome 139)

François Beaufort

게시일: 2025년 7월 30일

BC 및 ASTC 압축 형식의 3D 텍스처 지원

"texture-compression-bc-sliced-3d" 및 "texture-compression-astc-sliced-3d" WebGPU 기능은 블록 압축 (BC) 및 적응형 확장 가능 텍스처 압축 (ASTC) 형식을 사용하는 3D 텍스처 지원을 추가합니다. 이를 통해 볼륨 텍스처 데이터에 BC 및 ASTC 형식의 효율적인 압축 기능을 활용하여 시각적 품질의 상당한 손실 없이 메모리 사용 공간과 대역폭 요구사항을 크게 줄일 수 있습니다. 이는 과학 시각화, 의료 영상, 고급 렌더링 기술과 같은 분야에서 특히 유용합니다.

다음 코드 스니펫은 어댑터가 BC 및 ASTC 압축 형식의 3D 텍스처를 지원하는지 확인하고 이러한 기능이 있는 기기를 요청합니다(있는 경우).

const adapter = await navigator.gpu.requestAdapter();

const requiredFeatures = [];
if (adapter?.features.has("texture-compression-bc-sliced-3d")) {
  requiredFeatures.push(
    "texture-compression-bc",
    "texture-compression-bc-sliced-3d",
  );
}
if (adapter?.features.has("texture-compression-astc-sliced-3d")) {
  requiredFeatures.push(
    "texture-compression-astc",
    "texture-compression-astc-sliced-3d",
  );
}
const device = await adapter?.requestDevice({ requiredFeatures });

// Later on...
if (device.features.has("texture-compression-astc-sliced-3d")) {
  // Create a 3D texture using ASTC compression
} else if (device.features.has("texture-compression-bc-sliced-3d")) {
  // Create a 3D texture using BC compression
} else {
  // Fallback: Create an uncompressed 3D texture
}

볼륨 렌더링 - 텍스처 3D WebGPU 샘플을 확인하여 3D 뇌 스캔을 살펴보고 chromestatus 항목을 확인하세요.

WebGPU를 사용하여 렌더링된 3D 뇌 스캔 — ASTC 압축 형식이 적용된 3D 텍스처의 뇌 스캔 이미지

새로운 'core-features-and-limits' 기능

새로운 "core-features-and-limits" 기능이 곧 출시될 WebGPU 호환 모드에 도입됩니다. 이 기능은 어댑터나 기기가 WebGPU 사양의 핵심 기능과 한계를 지원함을 나타냅니다. 현재 사용할 수 있는 버전은 '핵심' WebGPU뿐이므로 모든 WebGPU 구현은 지원되는 기능에 "core-features-and-limits"를 포함해야 합니다.

향후 WebGPU 호환성 모드가 출시되면 어댑터나 기기가 이 기능이 없을 수 있어 핵심이 아닌 호환성 모드 어댑터나 기기임을 나타낼 수 있습니다. 기기에서 사용 설정하면 모든 호환성 모드 제한 (기능 및 제한)이 해제됩니다.

WebGPU 호환 모드에 대한 자세한 설명과 사용법은 설명과 다음 섹션을 참고하세요. 문제 418025721을 참고하세요.

WebGPU 호환성 모드 오리진 트라이얼

WebGPU는 최신 그래픽을 위해 설계된 강력한 API로, Vulkan, Metal, Direct3D 12와 같은 기술과 일치합니다. 하지만 여전히 많은 기기에서 이러한 최신 API를 지원하지 않습니다. 예를 들어 Windows에서 Chrome 사용자의 31% 는 Direct3D 11.1 이상이 없습니다. Android에서 Android 사용자의 15% 는 Vulkan 1.1이 없으며, 이 중 10% 는 Vulkan이 전혀 없습니다.

따라서 애플리케이션의 도달범위를 극대화하려는 개발자에게는 어려움이 있습니다. 따라서 여러 구현 (예: WebGPU 및 WebGL)을 개발하거나, 핵심 WebGPU를 사용하여 더 제한된 잠재고객을 수용하거나, WebGL을 고수하여 GPU 컴퓨팅과 같은 WebGPU의 고급 기능을 놓쳐야 하는 경우가 많습니다.

WebGPU 호환 모드의 시각적 표현 — WebGPU 호환성 모드의 도달범위가 확대되었습니다.

WebGPU 호환성 모드는 선택 가능한 약간 제한된 버전의 WebGPU API를 제공하여 솔루션을 제공합니다. 이 모드는 OpenGL ES 3.1 및 Direct3D11과 같은 이전 그래픽 API를 실행하도록 설계되어 핵심 WebGPU에 필요한 최신 명시적 그래픽 API를 지원하지 않는 기기로 애플리케이션의 도달범위를 크게 확장합니다.

호환성 모드는 WebGPU의 하위 집합이므로 호환성 모드로 빌드된 애플리케이션은 유효한 WebGPU '코어' 애플리케이션이기도 합니다. 즉, 호환성 모드를 특별히 지원하지 않는 브라우저에서도 원활하게 실행됩니다.

많은 기본 애플리케이션의 경우 호환성 모드를 사용 설정하는 것은 requestAdapter()를 호출할 때 featureLevel: "compatibility"를 전달하는 것만큼 간단합니다. 더 복잡한 애플리케이션의 경우 모드의 제한사항에 맞게 약간의 조정이 필요할 수 있습니다. Generate Mipmap WebGPU 샘플이 좋은 예입니다.

// Request a GPUAdapter in compatibility mode
const adapter = await navigator.gpu.requestAdapter({
  featureLevel: "compatibility",
});

const hasCore = adapter?.features.has("core-features-and-limits");
const device = await adapter?.requestDevice({
  requiredFeatures: (hasCore ? ["core-features-and-limits"] : []),
});

if (device?.features.has("core-features-and-limits")) {
  // Compatibility mode restrictions will apply
}

기능 사용 설정

기본적으로 Chrome에서는 WebGPU 호환 모드가 사용 설정되어 있지 않지만, 기능을 명시적으로 사용 설정하여 Chrome 139에서 실험해 볼 수 있습니다. chrome://flags/#enable-experimental-web-platform-features에서 '실험용 웹 플랫폼 기능' 플래그를 사용 설정하여 로컬에서 활성화할 수 있습니다.

앱의 모든 방문자에 대해 이 기능을 사용 설정하기 위해 오리진 트라이얼이 진행 중이며 Chrome 145 (2026년 4월 21일)에 종료될 예정입니다. 트라이얼에 참여하려면 오리진 트라이얼 시작하기 게시물을 참고하세요.

새벽 업데이트

상태도 취하는 다른 콜백 함수와 더 일관되도록 message 인수가 WGPUQueueWorkDoneCallback 함수에 추가됩니다. webgpu-headers PR을 참고하세요.

emdawnwebgpu가 -sSHARED_MEMORY와 연결되면 webgpu.cpp 파일도 이 플래그로 컴파일됩니다. Dawn CL 244075를 참고하세요.

여기에서는 몇 가지 주요 사항만 다룹니다. 전체 커밋 목록을 확인하세요.