HubSpot에서 호스팅하는 콘텐츠에는 기본적으로 자동 이미지 크기 조정 기능이 적용됩니다. 이 기능은 이미지를 표시되는 화면 크기에 맞게 최적화하여 브라우저 로딩 시간을 단축하고 Google PageSpeed 점수를 향상시킬 수 있습니다.
자동으로 크기가 조정된 이미지
- <img> 태그에 높이 및 너비 속성이 정의된 모든 이미지는 크기가 조정됩니다.
- 높이 또는 너비가 4096픽셀을 초과하는 이미지는 자동으로 크기가 조정되지 않습니다.
자동 이미지 크기 조정 비활성화
HTML 코드의 이미지 URL에 다음 쿼리 매개변수를 추가하여 개별 이미지에 대해 자동 이미지 크기 조정을 비활성화할 수 있습니다.
?noresize
예를 들어, 다음 이미지는 HTML의 <img> 태그에 height 및 width 속성이 설정되어 있으므로 페이지에서 크기가 조정됩니다:
<img src="http://cdn2.hubspot.net/hub/211045/file-377800313-jpg/IMG_4134.jpg" height="500px" width="600px">
자동 이미지 크기 조정을 비활성화하려면 이미지 URL에 ?noresize 매개변수를 추가하기만 하면 됩니다:
<img src="http://cdn2.hubspot.net/hub/211045/file-377800313-jpg/IMG_4134.jpg?noresize" height="500px" width="600px">
이미지 크기 수동 조정
파일 도구에서 이미지 크기를 수동으로 조정하려면:
- HubSpot 계정에서 더 보기를 클릭한 다음 콘텐츠 > 파일로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 콘텐츠 > 파일로 이동하세요.
- 파일 이름을 클릭합니다.
- 오른쪽 패널 하단에서 ‘복제 및 편집’을 클릭하세요. 그런 다음 ‘자르기 및 크기 조정’을 선택하세요. 이미지 파일의 공개 설정이 ‘비공개’로 설정된 경우 이 옵션이 표시되지 않습니다.
- 왼쪽 하단에서 ‘크기 조정’을 클릭합니다. 그런 다음 너비와 높이를 픽셀 단위로 입력합니다.
- 오른쪽 하단에서 ‘새 이미지 저장’을 클릭하세요. 크기가 조정된 이미지는 새 파일로 저장됩니다.
.
Files
