이미지 CDN이 정말 필요할까요, 아니면 더 나은 파일만 있으면 될까요?

이미지 콘텐츠 전송 네트워크(CDN)는 카탈로그가 지속적으로 변경되거나, 각 이미지의 다양한 변형 버전을 제공해야 하거나, 업로드되는 파일을 제어할 수 없는 경우에 월 사용료를 지불할 가치가 있습니다. 이미지가 거의 변경되지 않고 표시 크기를 알고 있다면, 한 번만 해결하면 될 문제를 위해 매달 비용을 지불하고 있는 것입니다.

이미지 CDN은 요청에 따라 실시간으로 이미지 크기를 조정하고, 포맷을 변환하며, 캐싱하여 단 하나의 원본으로 각 방문자가 필요한 크기와 포맷을 생성합니다. 이는 적절한 조건에서는 매우 유용하지만 그렇지 않은 경우에는 불필요하며, 그 차이는 이미지가 얼마나 자주 변경되는지에 따라 달라집니다.

이미지 CDN이 실제로 하는 일

이미지 CDN은 실시간 크기 조정, 브라우저별 포맷 변환, 방문자 근처에서의 결과물 캐싱이라는 3가지 작업을 수행합니다. 각 작업은 원래 미리 해두어야 했던 작업을 대체합니다.

실시간 크기 조정은 주소의 매개변수를 통해 하나의 원본으로 모든 변형 버전을 생성함을 의미합니다. 포맷 변환은 동일한 주소가 AVIF를 지원하는 브라우저에는 AVIF를 반환하고, 지원하지 않는 브라우저에는 JPEG를 반환함을 의미합니다. 캐싱은 변형 버전에 대한 두 번째 요청이 귀하의 서버가 아닌 방문자와 가까운 위치에서 제공됨을 의미합니다.

CDN이 비용 값을 하는 경우

• 사용자 업로드 콘텐츠. 방문자가 파일을 업로드할 때 크기나 포맷을 제어할 수 없습니다.
• 자주 변경되는 대규모 카탈로그. 한 달에 수백 개의 제품을 추가하는 쇼핑몰은 각 배치를 수동으로 처리할 수 없습니다.
• 이미지당 수많은 변형 버전. 모든 사진에 대해 6가지 크기가 필요한 디자인은 수동 작업을 6배로 늘립니다.
• 글로벌 타겟. 다른 대륙의 방문자에게 서비스를 제공할 때는 이미지 처리 방식과 관계없이 에지 캐싱의 이점을 누릴 수 있습니다.
• 워크플로우가 없는 팀. 여러 사람이 게시하고 아무도 사양을 따르지 않는 경우, 교육보다 자동화가 더 안정적입니다.

CDN이 불필요한 경우

안정적인 이미지 라이브러리와 알려진 표시 크기를 가진 사이트는 이미지 CDN을 통해 얻을 수 있는 이점이 거의 없습니다. 최적화는 한 번만 수행되며, 파일은 무기한 최적화된 상태로 유지됩니다.

마케팅 사이트, 포트폴리오, 문서, 블로그 및 소규모 쇼핑몰이 보통 이 그룹에 속합니다. 이미지는 일 년에 몇 번만 변경되고, 레이아웃은 고정되어 있으며, 표시 크기도 알려져 있습니다. 라이브러리를 한 번 처리하고 기존 호스팅에서 제공하는 것은 월간 구독료를 내는 것과 동일한 결과를 내면서도, 움직이는 부품이 적고 전송 경로에 제3자가 개입하지 않습니다.

두 가지 접근 방식 비교

고민해 볼 가치가 있는 의존성

이미지 CDN은 전송 경로에 위치하므로, 서비스 중단이나 결제 문제가 발생하면 사이트의 모든 이미지가 한 번에 사라질 수 있습니다. 위험은 작지만 그 결과는 치명적입니다.

수천 개의 페이지에 주소가 기록된 서비스에서 벗어나는 것은 서비스를 도입하는 것보다 어렵기 때문에, 가격 정책 변경도 비슷한 무게를 가집니다. CDN이 올바른 선택인 경우에도 원본 파일은 직접 제어 하에 두고, 단 하나의 제공업체만 서비스할 수 있는 주소를 생성하지 않도록 하십시오.

결정하는 방법

두 가지 접근 방식 중 하나를 선택하려면 다음 5가지 질문에 답해 보십시오.

1. 이미지가 얼마나 자주 변경되나요? 매주 또는 그 이상 자주 변경된다면 CDN이 유리합니다.
2. 방문자나 직원이 사양을 따르지 않고 이미지를 업로드하나요? 그렇다면 CDN이 유리합니다.
3. 각 이미지에 몇 개의 크기가 필요한가요? 3개 이상이라면 CDN이 유리합니다.
4. 타겟 고객이 한 지역에 집중되어 있나요, 아니면 전 세계에 퍼져 있나요? 글로벌 타겟이라면 CDN이 유리합니다.
5. 한 사람이 오후 한나절 동안 전체 라이브러리를 처리할 수 있나요? 그렇다면 직접 처리하십시오.

대부분의 중소형 사이트는 마지막 질문에 '예'라고 답하며, 이것으로 문제는 해결됩니다. 카탈로그가 수동으로 처리할 수 없을 정도로 커지면 이 결정을 다시 검토하십시오.

CDN을 사용하더라도 여전히 해야 할 일

CDN은 표시 크기를 결정하지 않으므로, 올바른 크기의 이미지를 제공하는 것은 여전히 귀하의 책임입니다. 600 px 슬롯에 3000 px 변형 버전을 요청하는 것은 이전과 똑같이 대역폭을 낭비합니다.

또한 서비스는 귀하가 제공하는 원본을 바탕으로 작동하므로, 압축이 제대로 되지 않았거나 잘못 잘린 소스는 좋지 않은 변형 버전을 생성합니다. 두 가지 접근 방식 모두에서 좋은 원본을 업로드하는 것이 중요합니다. CDN이 덜어주는 것은 크기를 생각해야 하는 필요성이 아니라, 크기별 버전을 생성하는 반복적인 작업입니다.

이미지 CDN의 일반적인 비용

요금은 대개 고유한 변환 횟수, 전송된 대역폭 또는 둘 다를 기준으로 하므로, 트래픽이 급증하는 사이트에서는 비용을 예측하기 어렵습니다. 무료 등급이 존재하지만, 트래픽이 많은 첫 달에 초과하는 경우가 흔합니다.

사이트 소유자가 간과하기 쉬운 두 가지 세부 사항이 있습니다. 크기, 포맷, 품질의 각 조합은 별도의 변환으로 계산되므로, 3가지 포맷으로 4가지 너비를 요청하는 반응형 디자인은 단 하나의 사진에서 12개의 청구 대상 변형 버전을 생성합니다. 이후 캐시가 만료되면 이러한 변형 버전 중 일부가 다시 생성됩니다. 대표 가격이 아닌 실제 이미지 수와 변형 버전 수를 기준으로 비용을 모델링하십시오.

효과적인 하이브리드 접근 방식

고정된 이미지는 미리 처리하고, 사용자 업로드 콘텐츠만 서비스를 통해 라우팅하십시오. 대부분의 사이트는 두 가지 종류를 모두 가지고 있으면서 동일하게 처리하는데, 여기서 낭비가 발생합니다.

마케팅 페이지, 제품 사진, 아티클 이미지는 거의 변경되지 않으므로 한 번만 최적화하면 됩니다. 고객 리뷰 사진, 프로필 이미지, 커뮤니티 제출물은 예측할 수 없는 크기로 끊임없이 유입되므로 실제로 자동화가 필요합니다. 이 둘을 분리하면 사용량 기준 요금이 전체 이미지가 아닌 일부 이미지에만 적용되므로 구독료를 적게 유지할 수 있습니다.

대부분의 사이트가 간과하는 중간 옵션

대부분의 콘텐츠 시스템은 업로드 시 이미 여러 크기를 생성하므로, 이는 CDN 기능에 비용을 이중으로 지불하고 있는 것일 수 있습니다. WordPress, Shopify 및 대부분의 사이트 빌더는 여러 변형 버전을 자동으로 생성합니다.

무언가를 구독하기 전에 플랫폼이 무엇을 하는지 확인하십시오. 이미 반응형 크기를 생성하고 WebP를 제공하고 있다면, CDN의 남은 이점은 에지 캐싱과 포맷 협상뿐이며, 이는 지역 고객을 둔 사이트에서는 훨씬 덜 중요합니다. 이를 테스트하는 데는 2분이 걸리며, 때로는 구독의 필요성을 완전히 없애줍니다.

자체 호스팅의 대역폭 비용

올바른 크기의 이미지는 호스팅 대역폭을 60~90% 줄여주므로, CDN을 사용해야 한다는 비용적 명분이 사라지는 경우가 많습니다. 사이트가 대역폭 제한에 도달하는 것은 방문자 수 때문이 아니라 너무 큰 이미지 때문입니다.

용량 때문에 CDN이 필요하다고 가정하기 전에 현재 수치를 계산해 보십시오. 한 달에 10000명의 방문자에게 4 MB 페이지를 제공하는 사이트는 40 GB를 전송합니다. 동일한 사이트가 800 KB 페이지를 제공하면 8 GB를 전송하며, 이는 거의 모든 호스팅 요금제에 여유롭게 들어맞습니다. 최적화는 용량 문제와 속도 문제를 동시에 해결합니다.

구독 대신 라이브러리 처리하기

라이브러리를 한 번 변환하고 크기를 조정한 다음, 기존 호스트에서 제공하고 카탈로그가 커지면 결정을 다시 검토하십시오. 대부분의 사이트에서 이 작업은 오후 한나절이면 끝나며 디자인이 바뀌기 전까지는 반복되지 않습니다.

한 번에 최대 500개의 파일을 넣거나 ZIP 압축 파일을 바로 끌어다 놓고 전체 세트의 너비, 포맷, 크기 목표를 설정하십시오. 모든 작업은 자체 프로세서의 브라우저 내부에서 실행되므로, 클라이언트 라이브러리와 미공개 자산이 서버에 도달하지 않습니다. 구독이 시작되지 않고, 전송 경로에 제3자가 참여하지 않으며, 파일은 전적으로 귀하의 제어 하에 유지됩니다.

너비, 포맷, 품질 번호를 포함하여 사용한 설정을 기록해 두십시오. 그러면 다음 이미지 배치는 아무도 사양을 다시 계산할 필요 없이 기존 라이브러리와 일치하게 되며, 팀에 새로 합류한 사람은 판단을 내리는 대신 따라야 할 규칙을 갖게 됩니다. 이 서면 사양이 바로 이미지 CDN이 판매하는 것이며, 안정적인 사이트에서는 직접 유지 관리하는 데 비용이 들지 않습니다.