Chrome 148의 새로운 기능

Rachel Andrew

게시일: 2026년 5월 5일

Chrome 148이 현재 출시되고 있으며 이 게시물에서는 출시의 주요 기능을 공유합니다. Chrome 148 출시 노트를 전체적으로 읽어보세요.

이번 출시 버전의 주요 내용은 다음과 같습니다.

CSS 이름 전용 컨테이너 쿼리

이제 container-type이 없어도 container-name을 기반으로 CSS 쿼리 컨테이너를 쿼리할 수 있습니다.

#container {
  container-name: --foo;
}
@container --foo {
  input { background-color: green; }
}

<div id="container">
  <div><input></div>
</div>

이전에는 @container에 이름 외에 컨테이너 유형이 필요했습니다.

동영상 및 오디오 요소의 지연 로드

Chrome 148에서는 loading 속성을 <video> 및 <audio> 요소에 추가하여 개발자가 요소가 뷰포트 근처에 있을 때까지 미디어 리소스 로드를 지연할 수 있습니다.loading="lazy"

이는 <img> 및 <iframe> 요소의 기존 지연 로드 동작과 일치하므로 페이지 로드 성능이 개선되고 데이터 사용량이 줄어듭니다.

속성에 관한 MDN 문서와 Squarespace 블로그의 웹에서 표준 HTML 동영상 및 오디오 지연 로드를 사용하는 방법을 자세히 알아보세요.loading

Prompt API

Prompt API를 사용하면 웹 개발자가 브라우저에서 제공하는 온디바이스 AI 언어 모델에 직접 액세스할 수 있습니다.

초기 구현에서는 텍스트, 이미지, 오디오 입력을 지원합니다. 또한 대답 제약 조건은 생성된 텍스트가 사전 정의된 정규 표현식 및 JSON 스키마 형식을 준수하도록 보장합니다.

이미지 캡션 생성 및 시각적 검색 수행부터 오디오 스크립트 작성, 소리 활동 분류, 특정 요청 사항에 따른 텍스트 생성, 멀티모달 소스 자료에서 정보 또는 통계 추출에 이르기까지 다양한 사용 사례를 지원합니다.

Prompt API에 관한 문서 를 자세히 알아보거나 데모를 사용해 보세요.

추가 자료

여기에서는 몇 가지 주요 내용만 다룹니다. Chrome 148의 추가 변경사항은 다음 링크를 참고하세요.

구독

최신 소식을 확인하려면 Chrome Developers YouTube 채널을 구독하세요. 새 동영상이 출시될 때마다 이메일 알림을 받게 됩니다. 또는 X 또는 LinkedIn에서 새 기사와 블로그 게시물을 팔로우하세요.

Chrome 149가 출시되는 즉시 Chrome의 새로운 기능을 알려드리겠습니다.