워드프레스 이미지 최적화 지속적으로 관심을 가지게 됩니다. 왜냐하면 운영을 조금만 게을리하면 웹서버 용량 차지는 물론 속도도 엄청 느려지지 않을까? 라는 걱정과 자기만족(?)을 위해서 지속적으로 보고 다른 것은 없는지 알아보게 됩니다.
오늘도 추천을 해주길래 (또 pagespeed insight 돌림요)…
이미지파이 플러그인을 설치해서 테스트를 해봤습니다.
png 이미지 파일을 올렸더니 별도 파일을 더 생성하네요.
3개 정도 생성을 하네요.
제가 직접 Webp 형식으로 만들고 올리면 1-2개 정도 생성을 더 합니다.
흠… 정말 필요없을지도 모르지만, 한번 테스트해보고 결과를 내려보려고 합니다.
전문 테스트 도구가 없기도 하고 워드프레스 관련해서 더 다양한 플러그인을 알고 있지는 않습니다.
이미지 최적화 플러그인으로 기존에 사용하던 Converter for Media는 삭제했습니다.
이유는 제가 직접 webp 형식으로 최적화를 해서 올리기 때문입니다.
그런데, 때론 매번 최적화하는게 귀찮을 때가 있긴 해요.
특히 많은 이미지를 올릴 때는 말이죠.
그래서 대안을 찾아보기로 해서 오늘은 미뤄뒀던 이미지파이 플러그인 설치하고 제가 납득할 수 있을 정도의 테스트를 진행해 보려고 합니다.
그럼 시작해 보도록 하겠습니다.
결론은 마지막에 내렸으니,
결론을 바로 보시고 싶은 분은 마지막만 보셔도 되셔요.
워드프레스 이미지 최적화 Webp 변환 플러그인 이미지파이(Imgify) 써볼까?
아래 이미지는 이 글과는 무관하지만 이미지 테스트를 위해서 이미지파이 플러그인 설치 전에 올려보았습니다.
워드프레스 이미지 최적화
이미지파이(imagify) 플러그인 설치 전 vs 후
탐색기에서 봤을 때 해당 이미지 사이즈는 대략 85kb였습니다. (파일형식: png)
[이미지파이 플러그인 설치 후]
이미지파이 플러그인 설치 후 이미지 파일로 저장된 파일을 업로드 했습니다. 이미지를 복사하여 붙여넣기 방식이 아님을 인지해주시기 바랍니다.
이미지파이 설치 후 확인
아래와 같이 83kb PNG 파일입니다.
[워드프레스 플러그인 – WP 파일 관리자에서 확인]
위와 같이 2025-09-09-17-23-05-1.png 파일을 다시 업로드 하니, 확장자까지 포함한 파일명.webp 파일이 생성된 것을 볼 수 있습니다.
보시는 것처럼 8kb로 엄청 줄어든 것을 볼 수 있습니다.
추가적으로, 기존 png파일의 크기도 줄어든 것을 볼 수 있습니다.
직접 webp 이미지 작업 vs 이미지파이 이미지 최적화 테스트 결과 확인
이번에는 직접 Webp로 이미지 최적화하여 올린 것과 그냥 올린 것에 대한 결과입니다.
위 이미지는 대략 566KB입니다.
- 수동 이미지최적화 파일명: 직접webp-스크린샷 2025-09-13 오후 5.20.32.webp
- 자동 이미지최적화 파일명: 스크린샷 2025-09-13 오후 5.20.32.png
아래는 그 결과 입니다.
수동은 33KB 파일과 이미지 리사이징된 768×452 파일, 2개입니다. 내가 올린 파일과 워드프레스 자체적으로 생성한 파일이 하나 더 생깁니다.
자동은 png 159KB 파일과 리사이징된 png(32kb) 그리고 webp로 만들어진 파일 2개가 더 생성이 되었습니다.
원본 이미지 크기: 556KB
직접 이미지 최적화
- webp 올린 파일 1개 [크기: 33kb]
- webp 원본 리사이징 이미지 1개 [크기: 22kb]
이미지파이 플러그인에 의한 자동 이미지 최적화
- png 올린 파일 1개 [크기: 159kb]
- png 리사이징 1개 [크기: 32kb]
- webp 변환 원본 크기 파일 1개 [크기: 52kb]
- webp 변환 리사이징 파일 1개 [크기: 24kb]
직접 로컬에서 수동으로 webp로 변환하여 올리면 전체 용량은 확실히 줄여서 워드프레스 서버 용량을 적게 사용할 수 있습니다.
다만, 조금 품이 들긴 합니다.
이미지가 많아지면 정말 귀찮기도 합니다.
그리고 자동으로 webp 이미지 최적화해주는 이미지파이의 경우 파일을 더 만들긴 합니다만, 이미지 크기를 줄여주는 것은 확실합니다. 업로드한 이미지 파일의 크기도 줄여주는 것도 확인할 수 있었습니다. 물론 줄이는 것 대비 새롭게 만들어지는 이미지로 인해서 늘어나는 용량은 아쉬운 부분이긴 합니다.
마지막으로 한 번 더 테스트를 하려고 합니다.
작은 용량의 파일만 봤는데요.
1메가 이상의 사진은 어떻게 되는지까지 확인하고 결론을 내려보도록 하겠습니다.
1메가 이상 사진 파일 업로드 하기
위 이미지가 사용됨
아래는 jpg 이미지 IMG_8786.jpg 2.42MB를 올렸더니 만들어진 파일 목록입니다.
jpg 3개 파일, webp 파일 1개 총 4개가 만들어졌습니다. 새롭게 만들어진 이미지 파일의 총 용량은 1,640kb (1.6MB)정도 됩니다.
원본 이미지보다 사이즈는 작지만 만들어지는 이미지 갯수가 많아짐에 따라 1메가 넘는 공간을 차지하게 된 것이죠.
한번 더,,,
수동 webp 파일 만들고 올려 봤습니다.
확실히 수동으로 작업해 올려주는 것이 좀 더 용량면에서는 이득이 있음을 정확히 알 수 있습니다. 게다가 파일 생성수도 덜 하는 것을 확인할 수 있습니다.
워드프레스 바로 이미지 복사 붙여넣기 할 경우 이미지 최적화는?
워드프레스에 이미지를 파일로 업로드 하는 방식이 아닌 Ctrl C, Ctrl V 형식으로 사용해 봤습니다.
가장 편한 방식이고 이렇게 많이 사용합니다.
특히 티스토리의 경우 캡쳐 프로그램 사용하고 바로 붙여넣기 하는 편입니다.
그런데, 워드프레스의 경우는 아래와 같이 정말 많은 파일이 만들어지는 것은 물론 용량도 많이 차지하는 것을 알 수 있습니다.
결론
오늘은 워드프레스 이미지 최적화를 위해서 webp 파일 형식을 많이 사용하실 거라 생각하여, 몇 가지 알아보았습니다.
이 글에서는 이미지파이 플러그인을 사용해봤습니다. 워드프레스 이미지 최적화 플러그인을 어떻게 사용하면 될까? 과연 믿을만한 가? 를 놓고 봤을 때 이 글이 보시기 전보다 더 좋은 판단하시는데 도움이 되셨으면 좋겠습니다.
여러분은 어떻게 생각하시나요?
저는 앞으로 이렇게 사용해보려고 합니다.
제안은 아니며, 하나의 방법이니 참고만 해 주세요.
- 되도록 WEBP를 수동으로 파일확장자만이라도 변경한다.
- 워드프레스 업로드 시 이미지 복사&붙여넣기 보다는 파일로 업로드 한다.
- 부득이하게 자동 업로드해야 할 경우 이미지 사이즈 정도는 변경하고 올린다.
결론적으로 이미지파이에 의해서 만들어진 파일 즉, Webp 변환 후 이미지 크기는 작아졌다고 볼 수 있습니다.
또한, 원본 이미지 파일 크기도 줄여주기 때문에 충분히 설치해서 이용해볼 가치는 있다고 판단하고 있습니다.
좀 더 사용해보고 후기도 남겨보도록 하겠습니다.
댓글 남기기