[외전] 2. 방구석 500GB 서버의 위기: 파이썬 Pillow와 WebP로 이미지 용량 다이어트 성공기

👤 관리자

조회 수 98

들어가며: 내 노트북 하드디스크가 비명을 지르기 시작했다

구글 서치 콘솔에 사이트맵을 무사히 제출하고, 검색 로봇이 제 커뮤니티(<code>inspeep.com</code>)를 긁어가기를 느긋하게 기다리던 참이었습니다. 사이트가 꽤 그럴싸해진 것을 보고 지인들이 스마트폰으로 찍은 반려견 사진이나 풍경 사진들을 하나둘씩 테스트 삼아 올려주기 시작했죠.

웹진형 썸네일 게시판에 사진들이 알록달록하게 채워지는 모습을 보며 흐뭇하게 미소를 짓고 있던 그때, 리눅스 터미널 창에서 무심코 서버의 남은 용량을 확인해 보았다가 저는 등골이 서늘해지는 것을 느꼈습니다.

"잠깐, 남은 용량이 왜 이렇게 빨리 줄어들지?"

1. 500GB의 착각: 턱없이 부족한 방구석 서버의 물리적 한계

<개발용 메인컴퓨터, 넉넉한 용량으로 구매했는데 어느새 절반이 찼다.>

제가 홈 서버로 구축한 구형 노트북의 하드디스크 총용량은 500GB입니다. 처음 리눅스를 깔 때만 해도 "개인 프로젝트인데 500기가면 평생 쓰지!"라고 생각했습니다. 하지만 이것은 완벽한 오산이었습니다.

요즘 스마트폰 카메라의 화질이 워낙 좋아지다 보니, 아이폰이나 갤럭시로 대충 찍은 사진 한 장의 원본 용량이 가볍게 5MB에서 10MB를 훌쩍 넘어갑니다. 만약 제 커뮤니티가 조금 활성화되어서 하루에 유저들이 100장의 사진을 올린다고 가정해 봅시다. 하루에 1GB, 한 달이면 30GB의 용량이 증발합니다.

여기서 끝이 아니죠. 우분투 운영체제 자체 용량, 데이터베이스 용량, 로그 파일 등을 제외하고 나면, 빠르면 반년 안에 제 방구석 노트북은 'Disk Full(용량 초과)' 에러를 뿜으며 장렬하게 폭파될 것이 뻔했습니다. ### 2. 돈으로 해결할 것인가, 기술로 극복할 것인가?

가장 직관적이고 쉬운 해결책은 외장 하드디스크(4TB, 8TB 등)를 하나 사서 노트북에 꽂는 것입니다. 하지만 결제창을 띄워놓고 가만히 생각해 보니, 이건 제가 처음 웹사이트 개발을 시작했던 **'로스트아크 골드 40만 원의 초심'**에 정면으로 위배되는 행동이었습니다. 돈으로 물리적 한계를 덮어버리는 건 누구나 할 수 있는 일이니까요.

"진짜 개발자라면 돈이 아니라 소프트웨어적인 최적화로 이 위기를 돌파해야 하지 않을까?"

저는 하드디스크 결제창을 조용히 닫고, 어떻게 하면 이 무시무시한 사진 파일들의 덩치를 줄일 수 있을지 해답을 찾아 구글링의 바다로 뛰어들었습니다.

3. 구원 투수 등장: 파이썬 Pillow 라이브러리와 WebP 포맷

거대 IT 기업들이 이미지 용량을 어떻게 처리하는지 조사하다가 두 가지 엄청난 무기를 발견했습니다.

첫 번째는 파이썬의 강력한 이미지 처리 라이브러리인 **<code>Pillow</code>**입니다. 백엔드에서 이미지를 자르고, 줄이고, 화질을 조정할 수 있는 마법 같은 도구죠. 두 번째는 구글이 개발한 차세대 이미지 포맷, **<code>WebP</code>**입니다. 기존에 우리가 흔히 쓰던 JPG나 PNG 파일과 화질은 거의 똑같으면서도, 용량은 절반 이하로 획기적으로 줄여주는 웹 전용 압축 포맷입니다. 요즘 우리가 아는 대부분의 대형 커뮤니티나 포털 사이트는 이미 이 WebP 포맷을 표준으로 사용하고 있었습니다.

"이거다!" 저는 즉시 FastAPI 서버 코드를 뜯어고치기 시작했습니다.

4. 백엔드에서 낚아채기: 용량 90% 압축의 마법

<스마트폰에서 바로 넘긴 이미지파일, 용량이 무려 10MB다.>

목표는 유저가 원본 사진(JPG, PNG 등)을 업로드했을 때, 서버 하드디스크에 원본이 그대로 저장되는 것을 막는 것입니다.

유저가 <code>UploadFile</code>을 통해 사진을 서버로 전송하는 순간, <code>Pillow</code> 라이브러리의 <code>Image.open()</code> 함수를 이용해 공중에서 사진을 낚아채도록 코드를 짰습니다.

1단계 (리사이징): 가로 픽셀이 4000px이 넘어가는 무식하게 큰 사진은 모니터 최대 해상도인 1920px 수준으로 사이즈를 적절히 줄입니다.

</li><li>

2단계 (포맷 변환): <code>save()</code> 함수를 호출할 때 파일 형식을 <code>format='WEBP'</code>로 강제 지정하고, 화질 저하가 사람 눈에 띄지 않는 선인 <code>quality=80</code> 옵션을 주어 저장했습니다.

</li></ul>

코드를 서버에 올리고, 떨리는 마음으로 제 스마트폰에 있던 10MB짜리 사진 원본을 커뮤니티에 업로드해 보았습니다. 그리고 리눅스 터미널을 열어 저장된 파일의 용량을 확인한 순간, 제 눈을 의심했습니다.