[스팀잇팁] 본인의 게시글 로딩 속도가 느려질 때? / 이미지 파일 용량 압축 팁

in #kr7 years ago (edited)




스티미언 여러분 안녕하세요. 스노우입니다. 구글 웹사이트 검색 속도 가이드에 따르면 모든 방문자의 절반은 페이지가 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를 입금해주셨습니다. 저는 스팀달러를 스팀의 미래 가치를 위해 스팀파워로 전환하려고 합니다. 좋은 글 많이 써달라는 뜻으로 알고 앞으로 더 열심히 노력하겠습니다. 감사해요!

Sort:  

안녕하세요!
안그래도 매번 느리게 떠버리는 것 같아 고민만 하고 실행은 안했는데..
꿀팁 감사합니다! ㅎㅎ

✈ 꿀팁이라니 감사합니다 ㅎㅎ 도움이 되시기를 빌어요 ㅎㅎ

캬! 진짜 좋은 꿀팀!

✈ 제가 워드프레스를 운영하다보니 트래픽과 로딩 속도에 관심이 많아요 ㅎㅎ 좋은 팁이 되셨다니 다행입니다 ㅎㅎ

꿀팁감사합니다 ㅎㅎㅎ 이용해보아야겠어요

✈ 요새 게시글 읽을 때 너무 느려서 엄청 오래 기다려야 하는 글들이 많더라고요. 정말 사진도 이쁘고 좋은 글인데 속도 때문에 안 보시고 떠나시는 분들이 많으실 것 같아서 안타까웠어요 ㅠㅠ

그러게요 그런 부분도 생각해봤어야 됐는데 덕분에 하나 알았습니다 감사해요 ㅎㅎ

✈ 앞으로 꿀팁 많이 방출할께요! ㅎㅎ 화이팅입니다! ㅎㅎ

잘 봤습니다
감사합니다. ^^

✈ 레오님 항상 방문해 주셔서 감사합니다 ㅎㅎ 잘 봐주셨다니 더 기분이 좋네요 ㅎㅎ

좋은 정보 고맙습니다 :)

✈ 뉴식님 잘 봐주셔서 감사합니다 ㅎㅎ

오오 완전 꿀팁이네요!! 보팅 꾹~ 누르고 갑니다. :)

✈ 앗! 바나바나님 보팅까지 해주시고 감사합니다. 남은 하루도 좋은 시간 보내세요 ㅎㅎ

꿀팁 감사합니다!!

✈ 발달러 가나님 봐주셔서 감사합니다 ㅎㅎ

꿀팀 감사합니다^^

✈ 잘 읽어주셔서 감사합니다. 많은 분들에게 도움이 되었으면 좋겠네요 ㅎㅎ

사진올릴때 항상 느려서 용량 줄이는방법을 알고싶었는데 때마침 저한테 필요한글이 올라왔네요^^ 감사합니다.

✈ 둘리님에게 필요한 글이 되어서 저야말로 기쁘네요 ㅎㅎ 도움이 되었다니 다행입니다 ㅎㅎ

꿀팁 감사합니다 :)

✈ 읽어주셔서 저도 감사합니다 :)

Coin Marketplace

STEEM 0.18
TRX 0.13
JST 0.029
BTC 57360.64
ETH 3124.32
USDT 1.00
SBD 2.23