이미지 압축으로 블로그 글 로딩 속도 가볍게 만들기

개발

블로그 글에 스크린샷을 여러 장 넣으면 이미지 하나가 3MB를 넘는 경우가 흔합니다. 글 내용은 좋아도 모바일 로딩이 느려지면 이탈이 생깁니다.

이럴 때는 브라우저에서 바로 쓸 수 있는 Dante Tools를 열어 먼저 손으로 검증해보는 것이 좋습니다. 작은 확인 과정을 거치면 배포 후 되돌리는 시간을 줄일 수 있습니다.

이미지 압축 사용 화면
이미지 압축 사용 화면

언제 쓰면 좋은가

스크린샷과 썸네일을 올리기 전에 용량을 줄여 블로그, 랜딩페이지, 문서 로딩 속도를 개선하는 방법입니다.

압축 전 체크리스트

hero.png: 3.8MB
screenshot-1.png: 2.1MB
screenshot-2.png: 1.7MB

실무 루틴

  1. 원본 이미지를 업로드하고 압축 결과 용량을 확인합니다.
  2. 텍스트가 많은 스크린샷은 품질을 너무 낮추지 않습니다.
  3. 압축본을 내려받아 실제 글 미리보기에서 선명도를 확인합니다.
  4. 원본은 보관하고 배포 글에는 압축본을 사용합니다.

배포 전 체크

  • 모바일에서 글자와 UI 라벨이 읽히는가
  • 이미지 용량이 원본보다 충분히 줄었는가
  • 대표 이미지와 본문 이미지의 비율이 깨지지 않았는가

이미지 압축은 SEO와 사용자 경험에 바로 영향을 줍니다. 글을 쓰는 마지막 단계에 압축 루틴을 넣어두면 부담 없이 품질을 유지할 수 있습니다.

다른 글