불당 resize - 개요

불당   
   조회 14312  

불당 resize는 청춘불안정님이 만들어준 img 태그의 callback 함수를 기본으로 합니다.
http://sir.co.kr/bbs/board.php?bo_table=cm_free&wr_id=306629

팝업 윈도 부분은 zzzz님께서 알려주신 소스를 참조하였으며, 썸네일 부분은 불당썸을
기본으로 합니다. 제가 적용적인 측면을 정리했지만 많은 분들의 도움 덕분에 가능했습니다.

---
이미지가 있는 게시글의 이미지 용량은 사이트 운영에 큰 부담이 되고 있습니다.
3메가 첨부파일이 있는 게시글을 하루에 100번 조회하면 300메가의 traffic이 됩니다.
사이트의 traffic이 과도하다는 이유로 엄청나게 고생했던 경험으로 만들게 된 것이죠.

한때 서버의 하루 traffic이 100G, bandwidth 기준 30mbps 부근까지 올라가서 IDC에서
퇴출의 위기까지 몰렸었고 게시글 원클릭에 10분까지 걸렸었기에, 그런 문제를 해결하기
위해서 튜닝을 계속 해 왔고, 불당튜닝의 마지막 작압이 불당썸과 불당 resize 입니다.

불당썸은 별도의 버젼으로 관리되기 때문에, resize와 별도로 업데이트 해야 합니다.
---

(1) 그누 resize
img tag에 이름을 붙입니다 (view.php에서)
이미지를 view.skin.php에서 읽어 들인후 java script를 이용해서 width를 조절합니다.

문제: 이미지를 읽을 때 layout이 흔들릴 수 있고, 큰 용량의 이미지는 큰 traffic 부담이 됩니다

(2) 불당 resize (기본형)
html 코드를 읽어서 img tag를 찾아냅니다.
그다음 그img 태그 정보를 읽어들여서 이미지의 width를 bo_image_width로 바꿔줍니다 (그누 원본의 resize를 화면 출력전에 php로 바꿔준 것 입니다).

장점: 빠른 속도, 이미지 layout이 안흔들림 (1.0.21까지 적용되었슴)
단점: 큰 이미지 첨부하면 어쩌려구? 서버 호스팅 하면서 하루에 100G 써봤수? ㅠ..ㅠ..

(3) 불당 resize (썸네일형, 1.0.21까지의 resize를 한번 더 레벨업 했습니다)
html 코드를 읽어서 img tag를 찾아냅니다.
그다음 그img 태그 정보를 읽어들여서 이미지의 width가 bo_image_width 보다 크면 thumbnail이 화면에 출력되게 합니다 (썸네일을 만들 것인지 여부는 thumb.lib.php 프로그램이 처리 합니다)

장점: 빠른속도, 이미지 layout 안흔들림, 이미지 traffic의 확실한 감소
단점: ??? ... 아직은 못 발견했슴
- opencode.co.kr -


제목Page 1/4
2011-11   21059   불당
2009-03   15288   불당
2010-07   16187   불당
2014-10   6171   하늘
2013-12   8416  
2013-12   7570  
2013-10   5  
2013-10   8993   불당
2013-10   10058  
2013-05   19230   불당
2013-05   11432  
2013-05   11773  
2013-05   12050  
2013-03   14442   불당
2013-03   10770  
2013-03   11182  
2013-02   13694  
2013-02   11282  
2013-02   14016  
2013-02   10788  
2013-01   10303  
2012-11   14249   karam007
2012-10   11653