네트워크 구분이 안된다면 그냥 모든네트워크에서 gif 만 이미지를 불러오지 않고 유저가 원한다면 불러오는 것으로요. 제가 페이스북을 언뜻 보았을때 gif 이미지를 방문자가 선택해서 불러오게 처리하고 있는 듯 합니다.
gif 이미지가 많이 들어간 문서의 경우 이미지 용량이 20-30메가 인경우가 있는데 LTE 상태에서 그냥 글 읽다가 데이터소모가 완전 빠르게 되는걸 보고 글 읽기 겁난다는 분들도 계시더라구요.
조회 수 366 추천 수 0 댓글 18
-
Lv37 HTML5 Network Information API
http://code.tutsplus.com/tutorials/html5-network-information-api--cms-21598
var metered = false;
var connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
if ("metered" in connection && connection.metered == true) {
metered = true;
} else if ("type" in connection && connection.type == "cellular") {
metered = true;
}
if (metered) {
// 모바일 데이터 사용중
} else {
// Wi-Fi 사용중
} -
Lv37 
Lv16 오오오.. 와이파이 구분하는 게 제공되는 군요?! ㄷㄷㄷ
아 생각해보니, 동영상 재생할 때 와이파이가 아니면 경고창 뜨는 게 있었던 것 같은데... 신기하네요 ㅎㅎ
HTML5가 대단하군요...
-
gif를 클릭해서 재생할수있는 기능 좋네요.!(근데 페이스북은 동영상일거에요 gif가 안올라가지거든요 ㅠ) -
Lv30 gif 입니다. 웹상에서 보여지는게 꼭 자기 서버에 것만 보여주는게 아니니까요.
-
Lv30
죄송하지만 페이스북에서 재생되는 gif 링크나 업로드하는 법 알고계시면 알려주실수 있나용? ㅠ sns로 홈페이지를 홍보해보려고하는데 올릴 것들이 gif 로 된 웃긴사진들이 많아서 올릴려고 하는데 업로드를 해도 움직이질 않더라구요 .. -
Lv30 글쎄요. 페이스북에서 보여지는 게시글중에서 어떤 것을 공유해서 보여지는 그림중 gif가 포함된 경우 gif는 특별하게 표시되어 재생되지 않습니다. gif가 삽입된 문서를 페이스북으로 공유해보세요. 섬네일이 페이스북에서는 보여질텐데 섬네일이 gif라면 그렇게 될거고 섬네일이 gif 가 아닌 jpg로 처리된거라면 그냥 보일겁니다. -
Lv30 그리고 방금 제가관리하는 페이스북페이지에서 이미지첨부를 눌러봤는데 gif 확장자도 첨부 가능하게 보이던데요. 선택하면 이 확장자는 안된다고 뜨는건가요? -
Lv30
올라가지긴 하는데 사진이 움직이질않고 고정된 서진처럼 되어버리더라구요 -
Lv30 제가 본 페이스북의 gif 이미지들은 gif 라고 표시가 되고 방문자가 선택하면 움직이던데요. 저도 gif 를 올려보지 않아 잘 모르겠습니다. -
Lv30
아하 방법을 알아냈어요 이미지 링크로 하면 업로드가 되더라구요
예를들면
글작성시 이런 링크를 붙여넣으면
https://2.bp.blogspot.com/-2_p2DQNksRk/VxraDUkx_LI/AAAAAAADQSs/qO986DQ_dGAVOk4KsyM-C-hbdX6s2NBqgCLcB/s1600/3.gif
이런식으로 올리면 웹지기님 말씀대로 나타나요
감사합니다! -
Lv30 그 링크가 바로 gif 이미지인데 무슨 말씀을 하시는지 저는 이해를 잘 못하겠습니다만..
아무튼 페이스북에서는 GIF를 자동으로 로딩하지 않고 정지상태 섬네일만 보여주고 사용자가 원하면 불러오는 제가 원하는 방식으로 처리되고 있습니다.
(확인할 수 있는 방법이 없을 듯..)
요즘 자주보이는 페이스북? 처럼 GIF를 썸네일로 대체하고 썸네일을 클릭하면 불러오는 방식이 가장 베스트일 것 같습니다.
용량 표시까지 되면 더더욱 좋겠죠..!