웹사이트나 블로그에 이미지를 올릴 때 많은 사람들이 원본 사진을 그대로 사용합니다. 하지만 스마트폰이나 카메라로 찍은 이미지는 보통 해상도가 매우 큽니다. 이런 이미지를 그대로 업로드하면 페이지 로딩 속도가 느려질 수 있고, 모바일 사용자에게는 불필요하게 많은 데이터를 사용하게 만들 수 있습니다.
이미지 리사이즈는 단순히 크기를 줄이는 작업이 아니라 웹에 맞게 이미지를 최적화하는 과정입니다.
왜 이미지 리사이즈가 중요할까
웹페이지에서 실제로 표시되는 이미지 크기는 대부분 400px~1200px 사이입니다. 그런데 4000px 이상의 이미지를 그대로 사용하면 브라우저는 큰 파일을 다운로드한 뒤 화면에 맞게 축소해서 보여줍니다. 이 과정에서 불필요한 데이터 전송이 발생합니다.
이미지 리사이즈를 하면 다음과 같은 장점이 있습니다.
페이지 로딩 속도 개선 서버 트래픽 감소 모바일 데이터 절약 웹사이트 SEO 개선
특히 이미지가 많은 페이지에서는 리사이즈만으로도 속도가 크게 달라질 수 있습니다.
리사이즈할 때 고려할 점
이미지를 줄일 때는 다음 기준을 생각하면 좋습니다.
표시 크기에 맞게 조정하기 예를 들어 블로그 본문에 800px로 표시할 이미지를 3000px로 유지할 필요는 없습니다.
비율 유지하기 가로와 세로 비율을 유지하지 않으면 이미지가 찌그러져 보일 수 있습니다.
용도에 맞는 포맷 선택하기 사진은 JPG나 WebP, 그래픽은 PNG가 적합한 경우가 많습니다.
마무리
이미지 리사이즈는 웹사이트 성능을 개선하는 가장 간단한 방법 중 하나입니다. 이미지를 업로드하기 전에 크기를 한 번만 정리해도 페이지 속도와 사용자 경험이 훨씬 좋아질 수 있습니다.