이미지 최적화

Akan Image는 작은 이미지 최적화기처럼 동작합니다. width와 quality가 포함된 최적화 URL을 만들고, 가능하면 WebP로 제공하며, 생성된 결과를 캐시합니다.

Image 사용

File 형태의 객체나 직접 src를 넘길 수 있습니다. width와 height가 있으면 Akan이 가까운 캐시 size를 고르기 쉽습니다.

Article cover

기본 설정은 일반적인 반응형 size를 포함합니다. UI에서 반복해서 쓰는 이미지 크기가 명확할 때만 바꾸는 것이 좋습니다.

akan.config.ts

외부 이미지는 host와 path가 `remotePatterns`에 맞아야 허용됩니다. 최적화 요청이 bad request로 실패하면 이 설정을 먼저 확인하세요.

CDN 이미지 허용

Optimizer cache key는 URL, width, quality, output format이 바뀌면 달라집니다. Width나 quality 선택지가 너무 많으면 캐시가 잘게 쪼개져 잘 재사용되지 않습니다.

Akan Image는 작은 이미지 최적화기처럼 동작합니다. width와 quality가 포함된 최적화 URL을 만들고, 가능하면 WebP로 제공하며, 생성된 결과를 캐시합니다.

File 형태의 객체나 직접 src를 넘길 수 있습니다. width와 height가 있으면 Akan이 가까운 캐시 size를 고르기 쉽습니다.

Article cover

기본 설정은 일반적인 반응형 size를 포함합니다. UI에서 반복해서 쓰는 이미지 크기가 명확할 때만 바꾸는 것이 좋습니다.

akan.config.ts

외부 이미지는 host와 path가 `remotePatterns`에 맞아야 허용됩니다. 최적화 요청이 bad request로 실패하면 이 설정을 먼저 확인하세요.

CDN 이미지 허용

Optimizer cache key는 URL, width, quality, output format이 바뀌면 달라집니다. Width나 quality 선택지가 너무 많으면 캐시가 잘게 쪼개져 잘 재사용되지 않습니다.