이 게시물에서는 이미지 CDN이 로드 성능을 개선하는 방법을 이해하고 있다고 가정합니다. 그렇지 않은 경우 이미지 CDN을 사용하여 이미지 최적화를 참조하세요. 또한 이전에 기본 웹사이트를 구축한 경험이 있다고 가정합니다.
Thumbor URL 형식
이미지 CDN을 사용하여 이미지 최적화에서 언급한 대로 각 이미지 CDN은 이미지에 대해 약간 다른 URL 형식을 사용합니다. 그림 1은 Thumbor의 형식을 보여줍니다.
<ph type="x-smartling-placeholder"></ph>
Thumbor의 URL 형식
출발지
모든 출처와 마찬가지로, Thumbor URL의 출처는 스키마 (거의 항상 http 또는 https), 호스트, 포트라는 세 부분으로 구성됩니다. 이 예에서 호스트는 IP 주소를 사용하여 식별되지만 DNS 서버를 사용하는 경우 thumbor-server.my-site.com와 같이 표시될 수 있습니다. 기본적으로 Thumbor는 포트 8888을 사용하여 이미지를 제공합니다.
보안 키
URL의 unsafe 부분은 보안 키 없이 Thumbor를 사용하고 있음을 나타냅니다. 보안 키를 사용하면 사용자가 이미지 URL을 무단으로 변경하는 것을 방지할 수 있습니다. 이미지 URL을 변경하면 사용자가 서버 및 호스팅 요금을 사용하여 이미지의 크기를 조절하거나 더 악의적으로 서버에 과부하를 일으킬 수 있습니다. 이 가이드에서는 Thumbor의 보안 키 기능 설정을 다루지 않습니다.
크기
URL의 이 부분은 원하는 출력 이미지 크기를 지정합니다. 이미지 크기를 변경하지 않으려면 생략할 수 있습니다. Thumbor는 다른 URL 매개변수에 따라 원하는 크기를 얻기 위해 자르기 또는 크기 조정과 같은 다양한 접근 방식을 사용합니다. 이 게시물의 다음 섹션에서는 이미지 크기를 조절하는 방법을 자세히 설명합니다.
<ph type="x-smartling-placeholder"></ph>
이미지 크기를 100x100픽셀로 조정함
필터
필터는 이미지를 변환합니다. URL 세그먼트의 필터 부분은 filters:로 시작하고 그 뒤에 콜론으로 구분된 필터 목록이 옵니다. 필터를 사용하지 않는 경우 생략할 수 있습니다. 개별 필터의 문법은 0개 이상의 인수를 포함하는 함수 호출 (예: grayscale())과 유사합니다.
<ph type="x-smartling-placeholder"></ph>
그레이 스케일, 회전된 이미지
이미지 변환
이 섹션에서는 성능과 가장 관련성이 높은 Thumbor 기능(파일 형식 간 압축, 크기 조절, 변환)에 중점을 둡니다.
압축
품질 필터는 JPEG 이미지를 원하는 이미지 품질 수준 (1~100)으로 압축합니다. 품질 수준이 제공되지 않으면 Thumbor는 이미지를 80 품질 수준으로 압축합니다. 이는 좋은 기본값입니다. 품질 수준 80~85는 일반적으로 이미지 품질에 별다른 영향을 미치지 않지만 이미지 크기를 30~40% 줄입니다.
</ph>
</ph>
</ph>
</ph>
</ph>
</ph>
</ph>