최근 한 2주간 블로그에 그 어떤 글도 올리지 못했는데 그건 내가 게을러서가 아니라 이 블로그 사진 정리를 하느라 그랬다.
나는 웹사이트 운영이 처음이기 때문에 처음 글을 쓸 때 사진 용량, 사진 모바일 최적화를 전혀 생각하지 않고 무작위로 사진을 올렸는데 이게 결국 내 발목을 잡았다.
내가 내 웹사이트/블로그를 모바일로 봤을 때 사진이 엄청 구렸으며(사진이 너무 작게 나왔음) 올린 사진들도 각각 용량이 너무 커서 호스팅 비용을 더 많이 내야했다.
그래서 나는 이번 2월에 시간을 투자해 큰 마음 먹고 사진 용량 정리, 사진 모바일 최적화를 진행했다. 그 과정을 오늘 이 글에 정리해보려고 한다.
워드프레스 사진 용량 정리, 최적화
워드프레스에 사진을 올릴 때는 사진 용량이 최대 300MB를 넘지 말아야 한다(아무리 화질 좋아도 300MB를 넘기는 어렵다). 나는 맥북에서 제공하는 디폴트 사진 용량 줄이는 툴과 11zon을 사용하여 사진 용량을 줄여봤다.
맥북에서 사진 용량 줄이기: 휴대폰 사진용
1. 저 연필 사진을 누른 후(1), 네모 칸 겹겹이 있는 걸 누름(2)
2. 휴대폰 사진의 경우, 세로로 찍은 사진은 이미지 크기에서 너비를 512 정도로 맞췄고 가로로 찍은 사진의 경우 이미지 크기에서 너비를 1024로 맞춰서 사진 용량을 줄였다.
원본은 3024픽셀 X 4032 픽셀(스마트폰 세로 사진)가 3MB였는데 512 픽셀 X 682 픽셀로 이미지 크기를 조절했더니 145MB가 되더라. 용량이 정말 줄어들었다(화질도 좋았음).
*휴대폰 사진 용량을 줄일 땐 맥북으로 사진 용량 줄이는 게 좋았다(스크린샷 사진 용량 줄이는 건 11zon이 나았음).
*화질 좋게 휴대폰 사진 압축하려면, 휴대폰 세로 사진은 너비를 512말고 600, 700, 800로 하는 것도 괜찮았다. 그냥 본인이 압축해보며 뭐가 화질 좋으며 용량 작은지 찾아서 너비 입력하면 될 듯하다. 너비 입력하면 자동으로 높이는 바뀐다.
11zon으로 사진 용량 줄이기: 맥북 스크린샷용(11zon 웹사이트는 여기)
인터넷이나 노트북으로 일하면서 스크린샷 찍은 것들은 11zon으로 축소하면 좋았다.
11zon을 이용해서 사진을 압축하면 디폴트로 60%로 축소가 되는데 화질이 중요한 것들은 60이나 60미만의 그 어떤 퍼센테이지로 압축하고(본인이 압축해보며 화질 지키며 사진 용량 작은 지점 찾아야 함) 화질 별로 안 중요한 것들은(코딩 글에 쓰이는 코딩 스크린샷) 90, 100까지도 축소해도 괜찮았다(어차피 코딩 글은 사람들이 화질 안 좋아도 찾아봄ㅎㅎ).
워드프레스 사진 모바일 최적화
나는 위의 사진 용량 최적화를 진행하고 웹사이트를 휴대폰으로 열어봤는데 엄청 구리더라. 그래서 사진 용량 최적화에 이어서 사진 모바일 최적화도 진행해야했다(그래서 2주동안이나 사진 작업을 했다 아오.. 시간이 너무 아까웠다ㅠ).
사진 모바일 최적화하는 법을 한줄로 요약하면 워드프레스 갤러리를 만들지 말라는 것이다. 워드프레스 갤러리를 만드는 경우(한 줄에 사진을 여러 개 올리는 경우) 모바일에서 사진이 너무 작게 나오더라.
워드프레스 모바일 최적화를 하려면 갤러리를 만들지 말고 무조건 사진을 따로 따로 올려야 한다.
갤러리 말고 웬만하면 이미지로 사진을 한장 한장씩 올려야 한다.
워드프레스 사진 용량 최적화, 사진 모바일 최적화 후기
워드프레스 사진 용량 최적화, 사진 모바일 최적화하는 과정은 나에게 큰 스트레스였다. 나는 그 시간에 글을 더 쓰고 싶은데 글도 못쓰고 예전 글에 올라간 사진만 들여다보며 그 사진들을 다시 압축해서 올려야했으니 ‘내가 왜 이걸 하고있지? 난 지금 글을 쓰고 싶은데’라는 생각이 들면서 힘들더라.
+그리고 옛날에 내가 썼던 미숙했던 글들을 보는 것도 큰 스트레스였다. 나는 ‘왜 글을 이따구로 썼지? or 왜 글이 이렇게 싸가지가 없지?’라는 생각이 들더라 옛날 미숙했던 글들을 보면서. 그래서 글을 몇 개 수정하긴 했는데 수정하는 것도 시간이 많이 걸려서 다 수정은 못하고 엄청 거슬리는 글들만 조금 수정했다.
+눈이 너무 아팠다. 사진 압축한 거 화질 좋은지 안 좋은지 노트북 밝기 최대로 해서 확인했기 때문에 눈이 많이 상하더라.
결론: 워드프레스 사진 용량 최적화, 사진 모바일 최적화는 생각보다 매우 고됐다. 4달 동안 167개의 글을 올린 나는 이 과정을 진행하는데 2주 정도 소요됐다(사진 용량 최적화 다 끝낸 후, 사진 모바일 최적화를 했다. 한번에 할 일을 두번 하다보니 오래걸렸다.). 이렇게 사진 압축하며 보낸 시간은 매우 아까웠지만 꼭 해야되는 일이라고 생각해서 결국 마무리는 했다. 근데 이 일이 보기보다 매우 짜증나는 일이니 본인이 워프 사진 용량, 모바일 최적화를 진행해야한다면 맛있는 걸 먹으며 스트레스 레벨을 낮추며 하는 것을 추천한다…..