보랑취향

CSS에 webp파일 적용하기.가장 간단: background-image: url('image.webp');폴백: 먼저 JPG 선언 → 그 위에 WebP 선언@supports: 기능 지원 여부 검사 후 WebP 적용image-set: WebP/폴백 동시, 고해상도까지 한번에 처리기본: WebP만 사용하기css.box { width: 300px; height: 200px; background-image: url('image.webp'); background-size: cover; background-position: center; } 폴백 포함하기WebP 지원 브라우저에는 WebP, 미지원 브라우저에는 JPEG/PNG를 보여주려면 배경 이미지를 두 번 선언합니다..box { ..