티스토리 페이지 로딩 속도 개선 이미지 용량 줄이는 사이트

만약 블로그를 방문 했는데 계속 로딩만 하고 페이지 뜨는 속도가 느리다면 방문자의 발길을 끊어버리기 딱 좋을겁니다. 글쓰기 에디터에서 사진으로 업로드 한다면 사이즈가 자동으로 가로폭에 맞추어져서 용량이 줄어드는 효과가 있지만 파일이나 파일첨부로 이미지를 업로드 한다면 원본 용량 그대로 올라갑니다. 그렇게되면 이미지가 로딩되는 속도가 느려져서 결국에는 방문자 이탈률에도 크게 영향을 미치게 되겠죠. 그렇게되기 전에 이미지 용량을 다이어트해서 줄이는 방법에 대해서 알아봅시다.

Optimizilla

 

Optimizilla 홈페이지

한국어를 지원하고 JPG, PNG 종류 상관없이 20개의 이미지를 한꺼번에 업로드 할 수 있습니다.

업로드 방법은 [ 파일 업로드 ] 버튼을 눌려서 이미지가 저장된 파일을 불러오거나 폴더에서 직접 당신의 파일을 여기에 놓으세요에 드래그 앤 드롭하면 업로드가 됩니다.

이미지를 드래그 앤 드롭 한 곳에서 개별적으로 다운로드 하거나 모두 다운로드로 한 번에 알집파일로 받을 수 있습니다. 줄을 제거하다는 업로드 된 파일을 제거해 주는 버튼 입니다.

하단에 보면 원본과 압축된 파일을 비교할 수 있는 곳이 있는데 2.8M의 PNG 파일이 -69% 압축이 되어서 868K로 줄어 들었습니다. 오른쪽에 색깔들은 해상도를 조절할 수 있는 바가 있습니다. 압축된 이미지가 너무 해상도가 떨어진다 생각하면 숫자를 올려서 조절하시면 됩니다.

저만 그런건지 모르겠는데 압축을 많이 하다보면 사이트에 연결이 안되더군요. 그래서 예비용으로 사이트를 하나 더 소개하겠습니다.

TinyPNG

TinyPNG 홈페이지

개당 5MB 제한의 JPG, PNG 이미지 파일을 한 번에 20개 업로드 가능합니다. Optimizilla 보다 압축 및 다운 속도가 빠른거 같습니다. 점선으로 된 사각형 박스 안에 압축할 이미지 파일을 드래그 앤 드롭 하시면 됩니다. 오른쪽에 tinypng를 누르면 새로고침 되면서 업로드된 파일들이 제거 됩니다.

download는 직접 이미지 파일로 다운받는 것이고 밑에 [ Download all ] 버튼은 압축한 이미지 파일을 압축파일로 다운 받습니다. Optimizilla 와 다른점은 결과물을 비교하는 것과 해상도를 조절하지 못하는 것 입니다. 지금까지 포스팅 하면서 이미지를 너무 대충 업로드해서 하나 하나 수정하고 있는데 시간이 엄청 오래 걸리네요. 그나마 글이 많지 않은게 다행입니다.