2018.10.27 02:15

포텐 이미지 압축 기술 고도화 및 mp4 자동 호환 기술 적용

조회 수 22542 추천 수 147 댓글 105
시스템 모니터입니다.

최근에 인기 축구 경기 이후에 동시 접속자가 3만 명 근처가 될 때,
네트워크 회선이 포화되어서 서비스가 몇 분 동안 약간 느려지는 현상이 있어 에펨코리아에 이미지 압축 기술을 고도화해서 적용했습니다. 
또한 사용자가 mp4를 올리면 종종 아이폰에 호환되지 않은 codec 등을 올려서, 일부 아이폰 사용자에게 동영상이 안 보이는 경우가 있어, mp4를 올리면 대부분 브라우저에 호환되도록 자동 변환하도록 업데이트했습니다.
현재 에펨코리아에 다음의 기술이 적용되어 있습니다:

1. 핸드폰에서 촬영한 사진인 경우, 업로드하면 어떤 브라우저에서 봐도 사진 회전 정보를 적용해서 위 방향이 위가 되도록 회전시킵니다.

2. gif, jpg, jpeg, png 를 재생성해서 압축합니다. 가로 크기가 1280 이상인 경우, 가로 크기가 최대 1280 가 되도록 맞춥니다.

3. gif인 경우 자동으로 mp4로 변환합니다.

4. gif인 경우 mp4 지원 안 하는 브라우저 및 다운로드 가능하도록 원본 파일을 재생성해서 압축합니다.

5. mp4 인 경우 codec을 인식해서 브라우저들과 호환이 잘 안 되는 형식인 경우 자동으로 호환되는 mp4 로 자동 재생성 합니다.
(모바일 오페라 브라우저만 문제가 있는데, 해당 브라우저 자체의 단점 및 하자입니다)

-> 전체적으로 원본 이미지가 조금 변형 가능하지만, 데이터 소모량이 대폭 감소되기 때문에 서비스의 안정적인 운영을 위해 해당 기술들을 채택했습니다.

gif -> mp4 압축 예제 -
gif 원본 이미지 크기: 4.92MB
공지 이미지 저장용

1차로 재생성된 gif  이미지 크기: 3.94MB -> 약 20.5% 압축
59ba005e1bda94231b0cc9991c418d4d.gif

2차로 변환된 mp4 크기: 0.31MB -> 약 93.7% 압축!

기타 흔한 이야기:
종종 터치 잘 안되는 문제는 아쉽게도 iOS 11.3 11.4 12.0 에서 보고된 문제인데,
iOS 자체 결함 같은데, 펨코 쪽에서 해결이 어려워 보입니다.
(제가 알기로 빈도는 달라도 타사이트에서도 관련 문제가 발생합니다)

기타 부탁:
삼성 브라우저 자체가 특별히 mp4 관련 많은 문제가 있는데, 다른 브라우저와 달리 mp4 움짤 볼 때 재생이 초반에 찌그러지는 문제 및 음 소거 제거를 해지할 수 없는 부분이 불편할텐데, 관련 부분을 수정해 달라고 browser.cs@samsung.com 삼성 브라우저 고객센터에 예제 링크과 함께 꼭 건의 부탁드립니다.
[삼성 브라우저 이메일로 버그 개선 건의 예제]
"다음 mp4 지원 관련 사항은 크롬에는 문제가 없지만, 삼성 브라우저 하자로 개선 부탁드립니다:
1.
mp4를 재생할 경우, 일시적으로 video 태그에 있는 poster가 찌그러진 뒤에 원상 복귀됩니다.
관련 현상이 보이는 예) https://m.fmkorea.com/best/1230385924

2.
소리가 있는 mp4를 mute 속성과 재생할 경우, 다시 소리를 유저가 킬 수 있는 버튼이 UI에 없습니다.
크롬/네이버 브라우저/사파리 등은 모두 가능하고, 유일하게 안되는 브라우저가 제가 아는 것이 삼성 브라우저 밖에 없습니다.
관련 현상이 보이는 예) https://m.fmkorea.com/1229843829

3.
mp4 로딩이 타브라우저에 비해 눈에 띄게 느립니다."

감사합니다.

요약:
1. 이미지나 동영상을 에펨코리아에 올리면 재압축 및 브라우저들에 호환되도록 변환됨
   특히 아이폰과 호환되지 않았던 mp4 올리면, 아이폰과 호환되도록 자동 변환됨
2. 같은 이미지나 동영상을 열람할 경우 방문자의 데이터 사용량을 평균적으로 국내 커뮤니티 중에 가장 적게 소모될 것임
3. 원본 이미지과 약간 차이가 날 수 있지만, 많은 데이터 감소량 및 서비스 안정성을 위해 관련 기술들을 채택
첨부 파일
첨부파일
짤줍
짤줍

글 목록
제목 글쓴이 날짜 조회
알림 동영상 최대 첨부 수 제한 및 자료실 첨부 용량을 상향 조절했습니다. 57 첨부파일 포텐 운영진시스템모니터 2018.11.30 15979
알림 .mov .webm 첨부파일 자동 변환 지원, 펨코 네트워크망 소개 100 첨부파일 포텐 운영진시스템모니터 2018.11.29 15017
알림 유머 게시판 글쓰기에 한해서 1회 휴대폰 문자 인증 테스트 예정(11월 30일 금 부터) 218 첨부파일 포텐 운영진독고 2018.11.28 26272
알림 첨부 파일 용량 제한을 모두 2~3배 이상 상향 조절했습니다. 319 첨부파일 포텐 운영진시스템모니터 2018.11.26 35097
알림 용량 큰 gif 파일 업로드 속도 향상 시켰습니다. 111 포텐 운영진시스템모니터 2018.11.08 19978
알림 유머 게시판 잡담 금지 자동 경고 적용 126 첨부파일 포텐 운영진시스템모니터 2018.11.08 14477
알림 추천 버그 패치 적용 및 투표 결과 관련 개발 계획 76 포텐 운영진시스템모니터 2018.11.07 14800
알림 iOS 업데이트하는 방법: 브라우저 터치/클릭 문제 해결하기 37 첨부파일 운영진시스템모니터 2018.11.06 7431
알림 유머 게시판 정책 관련 전체 사이트 투표 437 포텐 운영진시스템모니터 2018.11.01 30837
알림 이미지 압축 기술 고도화 및 mp4 자동 호환 기술 적용 105 동영상첨부파일 포텐 운영진시스템모니터 2018.10.27 22542
알림 당일 유머 게시판 글 삭제 사유 3 운영진시스템모니터 2018.10.23 2610
알림 참고로 포 나눔 내용이 있는 "재탕" 글이 삭제되었으며, 원본 내용과 같은 글은 삭제되지 않습니다 5 운영진시스템모니터 2018.10.21 3045
알림 에펨코리아 게시판 인기 순위 통계 합산 방식 변경 및 적용 196 포텐 운영진시스템모니터 2018.10.14 28503
알림 에펨코리아 게시판 인기 순위 통계 199 포텐 운영진시스템모니터 2018.10.13 29373
알림 카카오 채널에 에펨코리아 글 소량 연동 예정 190 첨부파일 포텐 운영진시스템모니터 2018.10.10 40919
알림 용량 큰 파일 업로드 지연 해결 및 보안 강화 112 첨부파일 포텐 운영진시스템모니터 2018.10.02 19636
알림 180910 업데이트 사항 25 첨부파일 운영진독고 2018.09.10 4632
알림 핫딜게시판 오픈공지 + 대댓글닉네임추가업데이트 132 첨부파일 포텐 운영진독고 2018.09.06 17638
알림 가입 6개월 이전 가입자는 분쟁성 있는 특정 단어 글 및 댓글을 작성 제한 296 포텐 운영진독고 2018.08.30 34092
알림 서버 튜닝 및 업그레이드 추가 작업이 완료되었습니다. 138 첨부파일 포텐 운영진시스템모니터 2018.08.29 17951
게시판 목록 페이징 이전 1 ... 4 5 6 7 8 9 10 11 12 13 ... 다음
/ 15