Imaging

[imaging] 설정은 웹사이트에서 사용되는 이미지의 품질과 처리 방식을 제어합니다. 적절한 리샘플링 필터, 압축 품질, 앵커 포인트 설정을 통해 이미지가 최적의 품질과 성능을 발휘할 수 있도록 합니다. 이러한 설정을 통해 사이트의 시각적 요소를 향상시키고, 사용자 경험을 개선할 수 있습니다.

[imaging] 섹션

resampleFilter

resampleFilter = "CatmullRom"

• resampleFilter는 이미지를 리샘플링할 때 사용할 필터를 설정합니다.
• 리샘플링 필터는 이미지를 축소하거나 확대할 때 픽셀 데이터를 보간하는 방식입니다. 다양한 필터가 있으며, 각 필터는 이미지 품질과 처리 속도에 영향을 미칩니다.

Filter 종류

• Catmull-Rom 필터
  • Catmull-Rom 스플라인 필터는 부드러운 이미지를 생성하는 데 효과적입니다.
  • 이미지가 흐릿해지지 않도록 유지하면서 선명한 가장자리를 보장합니다.
  • 이는 고품질 이미지 리샘플링에 적합합니다.
• Nearest
  • 가장 빠른 방법으로 픽셀을 가장 가까운 이웃으로 보간합니다.
  • 빠르지만 품질이 낮습니다.
• Linear
  • 선형 보간을 사용하여 속도와 품질 간의 균형을 맞춥니다.
• Cubic
  • 큐빅 보간을 사용하여 이미지 품질을 높입니다.
• Lanczos
  • 고품질 보간 필터로 이미지의 디테일을 유지합니다.

quality

quality = 75

• quality는 이미지의 압축 품질을 설정합니다.
• 이 값은 1에서 100 사이의 정수로 설정되며, 높은 값일수록 이미지 품질이 좋지만 파일 크기가 커집니다.
• 반대로 낮은 값은 이미지 품질을 낮추고 파일 크기를 줄입니다.

예시

• quality = 75는 이미지 품질과 파일 크기 사이의 균형을 맞추는 적당한 설정입니다.
• 일반적으로 웹에서는 70~80 사이의 값이 품질과 성능을 모두 만족시키는 데 적합합니다.

anchor

anchor = "smart"

• anchor는 이미지 크롭(crop) 시 기준점을 설정합니다.
• 이 기준점을 기준으로 이미지를 자르게 됩니다.
• smart 설정은 이미지의 주요 부분을 자동으로 감지하여 크롭합니다.
  • 특히 인물 사진이나 특정 주요 요소가 있는 이미지에서 유용합니다.
  • 이미지를 자를 때 중요한 부분이 잘리지 않도록 보장합니다.

기타 값

• center: 이미지의 중앙을 기준으로 크롭합니다.
• top: 이미지의 상단을 기준으로 크롭합니다.
• bottom: 이미지의 하단을 기준으로 크롭합니다.
• left: 이미지의 왼쪽을 기준으로 크롭합니다.
• right: 이미지의 오른쪽을 기준으로 크롭합니다.

Buy me a coffee