스티미언 여러분 안녕하세요. 스노우입니다. 구글 웹사이트 검색 속도 가이드에 따르면 모든 방문자의 절반은 페이지가 3초 안에 로드되지 않으면 사이트를 떠난다고 합니다.
스팀잇을 사용하다 보면 위의 화면과 같이 이미지가 천천히 로딩되는 경험을 많이 하실거에요. 우리가 작성한 게시글의 이미지 파일의 용량이 너무 크면 로딩 속도가 느려서 저런 현상이 생기는거죠. 쾌적한 환경을 만들기 위해서 저와 함께 이미지 파일을 압축해서 용량을 줄이는 방법에 대해서 알아보도록 하죠 :)
스팀잇의 트래픽을 유발하는 이미지 파일
스팀잇을 사용하다 보면 이미지 파일이 고용량이라 로딩 속도가 너무 느릴 때가 많습니다. 이런 트래픽을 줄이기 위해서 이미지 파일을 리사이징 하기도 하는데요. 오늘은 여러분들을 위해서 이미지 파일의 용량을 줄여주는 압축 사이트 하나를 소개해드리려고 합니다. 주소는 tinypng.com 입니다.
TinyPNG 사이트 이용법
위의 사이트로 접속을 하면 다음과 같은 화면이 뜹니다. 귀여운 팬더 그림 옆에 있는 곳에 .png나 .jpg 확장자의 이미지 파일을 드래그 해서 놓거나 아니면 클릭해서 이미지 파일이 저장된 곳을 직접 선택하면 됩니다. 이곳에서는 사람의 눈으로 구별하기 힘든 color를 압축함으로서 파일 크기를 줄이는 테크닉을 사용하고 있습니다. 제가 직접 이용해보니 실제로 이미지 색깔 변화를 알아낼 수 없더군요. 실제로 PNG 파일을 가지고 실험을 해보았습니다. 126.5 KB였던 이미지 파일이 49.8 KB로 무려 61%나 파일 용량이 줄어들었습니다.
이미지 파일 중 JPG와 PNG 확장자의 차이점
여러분들은 어떤 종류의 이미지 파일을 주로 이용하시나요? 저는 JPG와 PNG 파일을 주로 이용하고 있습니다. 특히 이미지 파일 중에서 PNG 포맷은 JPG에 비해서 깔끔하고 선명한 화질을 보여주나 비손실 압축방식이라서 파일 용량이 상당합니다. JPG 같은 경우는 표준 포맷으로 손실 압축을 사용하고 있어 용량은 작지만 압축 과정에서 이미지의 손실이 일어나게 됩니다. 풍경, 인물 사진에서는 크게 차이가 나지 않는데 텍스트 같은 글자에서는 큰 차이를 보이더군요.
그래서 중요한 이미지는 PNG를 선호하게 됩니다. 다만 PNG 포맷은 용량이 크기 때문에 로딩 속도가 느려지게 됩니다. 그럴 때 이런 이미지 파일 압축 사이트를 이용하면 됩니다. 저 같은 경우에는 스팀잇에 이미지 파일을 올리기 전에 TinyPNG 사이트에서 압축을 한번 한 후에 올립니다. 여러분들도 직접 사용해보시고 비교해보시기 바래요 :)
2017/06/19 추가내용
@yoonjang0707님께서 커뮤니티 신규작가지원팁으로 3 SBD를 입금해주셨습니다. 저는 스팀달러를 스팀의 미래 가치를 위해 스팀파워로 전환하려고 합니다. 좋은 글 많이 써달라는 뜻으로 알고 앞으로 더 열심히 노력하겠습니다. 감사해요!
Congratulations @snow-airline!
Your post was mentioned in my hit parade in the following category:
✈ Awesome!
캬! 진짜 좋은 꿀팀!
✈ 제가 워드프레스를 운영하다보니 트래픽과 로딩 속도에 관심이 많아요 ㅎㅎ 좋은 팁이 되셨다니 다행입니다 ㅎㅎ
꿀팁입니다 :)
✈ 꿀팁이라고 해주셔서 감사합니다 >_< 많이 활용해주세요 ㅎㅎ
꿀팁감사합니다 ㅎㅎㅎ 이용해보아야겠어요
✈ 요새 게시글 읽을 때 너무 느려서 엄청 오래 기다려야 하는 글들이 많더라고요. 정말 사진도 이쁘고 좋은 글인데 속도 때문에 안 보시고 떠나시는 분들이 많으실 것 같아서 안타까웠어요 ㅠㅠ
그러게요 그런 부분도 생각해봤어야 됐는데 덕분에 하나 알았습니다 감사해요 ㅎㅎ
✈ 앞으로 꿀팁 많이 방출할께요! ㅎㅎ 화이팅입니다! ㅎㅎ
잘 봤습니다
감사합니다. ^^
✈ 레오님 항상 방문해 주셔서 감사합니다 ㅎㅎ 잘 봐주셨다니 더 기분이 좋네요 ㅎㅎ
좋은 정보 고맙습니다 :)
✈ 뉴식님 잘 봐주셔서 감사합니다 ㅎㅎ
오오 완전 꿀팁이네요!! 보팅 꾹~ 누르고 갑니다. :)
✈ 앗! 바나바나님 보팅까지 해주시고 감사합니다. 남은 하루도 좋은 시간 보내세요 ㅎㅎ
꿀팁 감사합니다!!
✈ 발달러 가나님 봐주셔서 감사합니다 ㅎㅎ
꿀팀 감사합니다^^
✈ 잘 읽어주셔서 감사합니다. 많은 분들에게 도움이 되었으면 좋겠네요 ㅎㅎ
사진올릴때 항상 느려서 용량 줄이는방법을 알고싶었는데 때마침 저한테 필요한글이 올라왔네요^^ 감사합니다.
✈ 둘리님에게 필요한 글이 되어서 저야말로 기쁘네요 ㅎㅎ 도움이 되었다니 다행입니다 ㅎㅎ
꿀팁 감사합니다 :)
✈ 읽어주셔서 저도 감사합니다 :)
전 일일이 포토샵으로 용량 조절해가면서 했는데 이리 쉬운방법이...
✈ 저도 포토샵으로 사이즈 조절 한 뒤에 마무리로 이미지 압축 해요 ㅎㅎ 그렇게 하면 그나마 좀 낫더라고요 ㅎㅎ
유용한정보 알려주셔서 감사합니다.
앞으로도 잘 부탁 드립니다^^
✈ 앗! neojew님 방문해주셔서 감사합니다 ㅎㅎ 앞으로도 좋은 글 좋은 팁 많이 올리려고 노력할께요 ㅎㅎ
정말 유용한 정보 감사합니다. 두고 두고 써봐야겠네요
✈ 오니즈카님 잘 봐주셔서 감사합니다 ㅎㅎ 도움이 되셨길 빌어요 ㅎㅎ
스팀 뿐만 아니라...다른 일에도 많이 필요한 꿀팁이에요..즐겨찾기도 했습니다. 다시 한번 감사합니다.
✈ 저는 워드프레스 운영할 때에도 사용하고 있어요 ㅎㅎ 도움이 되셨다니 다행이네요 ㅎㅎ
오오오... 이미지는 압축이 진리 ㅋ 꿀팁 감사합니다.
✈ 이미지는 압축해서 용량을 줄이는게 진리죠! ㅎㅎ
우와 정말 좋은 정보입니다^^!!!
png파일 용량이 커서 저는 항상 jpg로 저장해서 올렸는데요~~
✈ 시리테이블님은 jpg를 압축해서 올리셔도 괜찮을 것 같아요 ㅎㅎ 저는 텍스트를 많이 올리는데 png가 훨씬 선명하고 좋더라고요 ㅎㅎ 여행기는 저도 jpg로 자주 올립니다 ㅎㅎ
좋은 정보 감사합니다.
✈ 앗! 윤님 방문해주셔서 감사합니다! ㅎㅎ 더 힘내서 좋은 글 많이 쓰도록 노력할께요! ㅎㅎ
제 글도 느리던데 한번 해봐야겠습니다 ㅎㅎ
✈ 해랑님에게도 제 글이 도움이 되었으면 좋겠네요 ㅎㅎ
오 ㅋㅋ 꿀팁 감사합니다
✈ 스미스킴님 꿀팁이라고 해주셔서 감사합니다 ㅎㅎ
오 좋은 정보입니다^^감사해요!
✈ 창균님 잘 봐주셔서 감사해요! ㅎㅎ
요즘 제걸 제가 읽을 때도 짜증나는데, 다른 분들이 제걸 읽으면 엄청 짜증나셨을 것 같네요 ㅠㅠ 이것 보고 사진 용량 확확 줄여서 올려버려야겠습니다. 좋은 팁 감사해요 :)
✈ 빔바님 리스팀까지 해주시다니 정말 감사합니다 :) 저는 리사이징에 압축까지 해도 이미지 로딩에 시간이 걸리더군요 ㅠㅠ 나중에 현재 이미지 가로폭을 700으로 하고 있는데 600으로 더 줄여서 올리는 방법까지 생각해봐야겠네요 ㅎㅎㅎ
안녕하세요!
안그래도 매번 느리게 떠버리는 것 같아 고민만 하고 실행은 안했는데..
꿀팁 감사합니다! ㅎㅎ
✈ 꿀팁이라니 감사합니다 ㅎㅎ 도움이 되시기를 빌어요 ㅎㅎ
꿀팁 감사합니다~ 저도 페이지 에러난줄 알고 새로고침 엄청 누르고 그랬는데...ㅠㅠ 참고해야겠어요
✈ 저도 느려져서 이 방법 저 방법을 강구하고 있습니다 ㅎㅎ
이런 꿀팁 ! 감사합니다.
스티밋은 속도가 너무 느려서 답답할때가 많아요 ㅠ
✈ 체리블라썸님 읽어주셔서 감사합니다! 좋은 밤 되세요 ㅎㅎ
좋은 정보 감사합니다!
✈ 이송이 작가님 방문해주셔서 감사합니다 ㅎㅎ
wow...like the panther..good one
✈ Thank you for reading my post :)
Welcome
ㅎㅎ 꿀팁이네요 이미지 최적화 정말 중요한 것 같아요 ~
1, 2, 3,.... X ^^
✈ 센터링님 제 글을 읽어주셔서 감사합니다 ㅎㅎ
오 꿀팁이네요 타이니png 애용해야겠습니닷
✈ 꿀팁이라고 해주셔서 감사합니다. 잘 애용해주세요 ㅎㅎ
좋은 팁 진심으로 감사드립니다 !!!!
✈ 저야말로 읽어주셔서 감사합니다 ㅎㅎ
너무 감사합니다~
✈ 벤티님 방문해주셔서 감사합니다!
좋은 팁 감사합니다..!! 안그래도 몇번 용량 줄이고 싶은 적이 있었는데 매우 좋네요
✈ 저도 용량을 줄일 수 있는 방법이 없을까 궁금했는데 아는 분이 추천해주시더라고요 ㅎㅎ 도움이 되셨길 바래요 ㅎㅎ
크으.. 좋은 팁에는 업봇이죠!
✈ 오.. 알티포유님 방문을 환영합니다! ㅎㅎ 100분에게 돌아다니셔야 하는거 잊지 않으셨죠? ㅎㅎ
아주 유용한 사이트 소개 고맙습니다.
✈ 리치백님 읽어주셔서 감사합니다 ㅎㅎ
jpg와 png 차이를 여기서 배워갑니다~._. 감사합니다
✈ 읽어주셔서 감사합니다! ㅎㅎ
이런 꿀팁이 있었네요.
리스팀합니다.
감사드려요.
✈ 리스팀까지 해주셔서 너무 감사합니다 :) 좋은 하루 되세요! ㅎㅎ
오ㅎㅎㅎ
다음포스팅할때는 저도 한번 활용해봐야겠네요!!!
그냥 사이트에있는 사진만 따다썻는데...ㅎㅎㅎㅎ
✈ 사진 크기랑 압축을 잘 조절하시면 정말 빨라지실거에요 ㅎㅎ 도움이 되셨길 바랍니다 ㅎㅎ
와우 ~~~~~ 요고 꿀팁이네요 ~~~~ 정말 잘 보고 갑니다 ~ ^^
✈ 꿀팁이 되셨길 바래요 ㅎㅎ
항상 이용하는 사이트네요.
좋은 정보입니다. ^^
✈ 오!! nemjun님은 원래 이용하고 계셨군요! ㅎㅎ 역시 앞서나가시는 분 ㅎㅎ
좋은 팁 잘보고갑니다~
✈ 잘 봐주셔서 감사합니다 ㅎㅎ
좋은 글 감사합니다!
✈ 감사합니다!!
이제서야 이 글을 찾게 되다니.. 제가 참 바보 같다는 생각이 드네요..
✈ 지금이라도 도움이 되셨다니 정말 다행입니다 ㅎㅎ
정말 좋은 정보 감사합니다~