이미지 크기 조절: 웹사이트 속도 높이는 리사이징 꿀팁
이미지 크기(해상도)가 너무 크면 웹사이트 로딩이 느려집니다. 픽셀(px) 단위로 정확하게 크기를 조절하고, 포맷을 변환하여 최적화하는 방법을 알아봅니다.
이미지 크기(Resolution) vs 용량(File Size)
많은 분들이 헷갈려 하시지만, 이 둘은 다릅니다.
- 크기 (Resolution): 가로 x 세로 픽셀 수 (예: 1920x1080). 화면에 얼마나 크게 보일지를 결정합니다.
- 용량 (File Size): 파일이 차지하는 저장 공간 (예: 2MB). 로딩 속도에 직접적인 영향을 줍니다.
보통 크기를 줄이면 용량도 같이 줄어듭니다. 웹사이트에 올릴 때는 필요한 크기만큼만 리사이징하는 것이 핵심입니다.
웹 최적화 추천 사이즈
용도에 따라 적절한 최대 너비(Max Width)가 있습니다.
- 풀스크린 배경: 1920px
- 블로그 본문 이미지: 800px ~ 1200px
- 썸네일/카드 이미지: 400px ~ 600px
- 모바일 전용: 640px ~ 750px
치트셋 리사이저의 장점
비율 유지 (Aspect Ratio)
가로 길이만 입력하면 세로 길이는 비율에 맞춰 자동으로 계산됩니다. 이미지가 찌그러질 걱정이 없습니다.
포맷 변환 동시 지원
크기를 줄이면서 동시에 JPG, PNG, WebP로 포맷을 변경할 수 있습니다. 특히 WebP로 변환하면 용량을 더 줄일 수 있습니다.
지금 바로 이미지 리사이저로 웹사이트 속도를 최적화해보세요.