안녕하세요,
월급쟁이부자들 수강생분들의 부업 성공을 온 마음으로 응원하는 월급쟁이부자들 도리입니다.
처음 블로그 부업을 시작하는 여러분들의 도전을 응원합니다! 🎉
승인 글을 작성하는 방법을 설명드리면서 '이미지 압축(크기 조정)' 방법을 배웠는데요.
그렇다면 이미지를 왜 압축해야 하고, JPEG(JPG) / PNG / Webp 등 확장자의 차이는 무엇인지!
여러분들이 최대한 잘 이해하실 수 있도록 쉽게 설명해드릴게요 😎
[1] 이미지를 압축하는 이유는 무엇인가요?
블로그에서 이미지는 가독성과 사용자 경험을 결정하는 중요한 요소입니다. 하지만 고화질 이미지를 그대로 사용하면 페이지 로딩 속도가 느려지고, 검색엔진 최적화(SEO)에 부정적인 영향을 줄 수 있습니다.
1) 페이지 로딩 속도
페이지 로딩 속도는 블로그 및 수익화에 매우 중요한 요소입니다.
쇼핑몰을 구경할 때나 기사를 볼 때, 제목을 클릭했는데 페이지가 빠르게 나타나지 않아 ‘뒤로 가기’나 ‘종료’를 누른 경험이 한 번쯤은 있었을 겁니다. 이렇듯 방문자가 우리 블로그에 빠르게 접속하고, 이탈률을 줄이기 위해서는 페이지가 느리지 않게끔 이미지의 크기(용량)를 조정하는 것이 중요합니다.
실제 사례를 보면,
- 아마존(Amazon)은 페이지 로딩 속도가 0.1초 늦어질 때마다 매출이 1% 감소한다고 보고했습니다.
- 구글의 연구에 따르면 3초 이상 로딩되는 페이지는 53%의 방문자가 떠납니다.
이미지를 압축하면 파일 크기를 줄여 로딩 속도를 단축할 수 있습니다. 페이지 속도가 빨라야 방문자가 내 블로그에 더 편하게 접속할 테고, 광고도 더 편하게 볼 수 있습니다. (수익 증가 효과!)
2) 검색 엔진 최적화 (SEO)
두 번째로는 검색 엔진 최적화때문입니다. 강의에서도 종종 언급되는 SEO (검색엔진 최적화)라는 말 자주 들어보셨을 겁니다.
구글과 같은 검색엔진은 페이지 속도를 중요한 요소로 평가합니다. 웹사이트가 빠르면 검색엔진이 색인(indexing)하기 쉬워지고, 검색 결과 상위에 노출될 가능성이 높아집니다.
만약 두 개의 블로그가 동일한 품질의 콘텐츠를 가지고 있다고 가정했을 때,
- A 블로그: 최적화되지 않은 고용량 이미지를 사용하여 로딩 속도가 느림
- B 블로그: 압축된 이미지를 사용하여 빠르게 로딩됨
구글은 B 블로그를 더 우선적으로 색인하고 검색 결과에서 상위에 노출할 확률이 높습니다. 즉, 이미지를 압축하면 SEO 최적화가 이루어지고, 검색 순위 상승 효과를 기대할 수 있습니다.
[2] JPG, PNG, Webp… 각각 어떤 차이인지 모르겠어요.
이미지를 저장하고 업로드하려고 보니 너무나 낯선 용어들… JPG(JPEG), PNG, Webp 등을 보셨을 겁니다. 각각 어떤 장단점이 있는지 알아야 확장자를 선택할 때 제대로 판단할 수 있습니다. 이번에는 각 확장자의 차이와 장단점을 알아보겠습니다.
1) JPG (JPEG)
고화질 사진에 적합한 파일 확장자입니다. 여러 번 저장하면 화질이 점점 손실된다는 단점이 있습니다.
- 손실 압축(Lossy Compression) 사용 → 파일 크기를 줄이면서도 적절한 화질 유지
- 풍경 사진, 제품 사진 등 색상이 풍부한 이미지에 적합
- 하지만 투명 배경(Transparent Background)은 지원하지 않음
2) PNG
투명 배경이 필요한 이미지에 적합합니다. 배경을 삭제한 이미지, 아이콘 등에 자주 활용되는 확장자입니다.
- 무손실 압축(Lossless Compression) 사용 → 이미지 품질이 유지됨
- 투명 배경을 지원하기 때문에 로고, 아이콘 등에 적합
- 단, 파일 크기가 JPEG보다 큼 → 웹사이트 로딩 속도에 영향을 줄 수 있음
3) Webp
JPEG+PNG의 장점을 결합해 구글이 개발한 이미지 포맷으로, 웹에서 가장 선호하는 확장자입니다.
- JPEG 대비 25~35% 더 작은 용량으로 비슷한 화질 제공
- PNG처럼 투명 배경 지원 가능
- GIF처럼 애니메이션도 지원 가능
결론적으로 말씀드리면, 빠른 로딩 속도와 SEO 최적화를 원한다면 WebP 포맷을 활용하는 것이 가장 좋습니다. 하지만 JPEG와 PNG를 사용할 경우, 강의에서 배운 대로 이미지 압축을 해주신다면 이 또한 괜찮습니다.
다시 한 번 체크!
반드시 WebP여야 하는 것은 아니며, 내가 확장자를 고를 수 있는 경우 WebP를 고르시면 유리합니다. JPEG와 PNG를 사용한다면 이미지 압축 사이트에서 1번 압축 후 업로드해주시면 됩니다.
이미지를 왜 압축해야 하는지, 그리고 각 확장자의 차이는 어떤 것인지 알아봤는데요.
우리 블로그를 찾아오는 방문자가 더 편하고 빠르게 블로그에 방문하고,
광고까지 여유~롭게 볼 수 있도록 하는 것이 수익을 늘리는 데 중요한 포인트라는 점!
여러분의 부업 성공을 진심으로 응원합니다!
다음에 또 다른 애드센스 관련 유용한 글로 찾아올게요! 💪✨
