Media Log

블로그 코리아가 다시 오픈하였군요.   오늘 블로그코리아가 다시 오픈하였다는 글을 보고 접속해 봤습니다.  일단 첫 인상은 좋아 보입니다.  블로그 코리아와 올블로그 어느게 나한테 맞는지는 조금 더 사용해 봐야겠습니다.  올블로그도 얼마 전에 변신을 했는데 저한테는 변신한게 잘 맞지 않네요.

카테고리별로 글이 분류가 되어 있어서 관심이 있는 "포토"를 눌러봤습니다.  어째 화면 디스플레이가 느리군요.  제가 첫번째 개선하였으면 하는 점이 이 것입니다.  제 시스템이 7년이 지난 워낙 오래된 컴퓨터다 보니 시스템 부하에 상당히 많은 영향을 받습니다.  티스토리에서 글을 쓸 때도 IE(티스토리 편집기)에서 직접 글을 쓰면 속도 때문에 여간 불편한게 아닙니다.

왜 이렇게 느리다고 생각이 들었을까요?

아래 그림을 보면 압니다.

사용자 삽입 이미지

글에 그림이나 사진이 포함되어 있을 경우 좌측에 썸네일 이미지를 보여 줍니다.  이 이미지 때문에 저사양에서는 상당히 부담이 됩니다.  그림을 보면 알겠지만 썸네일 사진의 크기는 90*61 크기입니다.  
90*61 사이즈라면 90*61*3Byte(=24bit=1600만 색상)로  5,670Byte 크기입니다.  물론 압축을 하지 않았을 때의 크기고 압축을 하면 더 줄어들겠죠.
그런데 사진 크기가 345,419Byte로 345KB나 되는 엄청난 사이즈입니다.  클릭을 하면 원본 글에 들어가면  원본 글에 사진이 있는데 이 사진의 크기가 345,419입니다. 
썸네일에 있는 사진은 원본 글에 있는 사진을 크기만 줄여서 보여 준다는 것입니다.

그렇담 올블로그는 어떤지 살펴볼까요?
카테고리가 없기 때문에 키워드에 "사진"을 넣어 보았습니다.  올블로그는 검색할 때 시간이 많이 걸립니다.  빨리 검색이 되는 경우도 있지만 한참을 기달려도 나올 때도 자주 있습니다. 얼마 전까지는 검색 결과가 제대로 표시되지 않는 경우도 있었습니다. 올블로그는 검색결과를  빨리 표시해 주었으면 합니다.

사용자 삽입 이미지


62KB가 조금 넘는 크기입니다.  원본 크기는 535KB이니 사이즈가 대폭 줄었습니다.  하지만 100*155 크기에 비하면 상당히 큰 사이즈입니다.   100*155*4Byte(32bit)로 계산해도 약간 넘치는 크기입니다. 규칙을 찾기 위해  다른 사진들을 보니 가로, 세로 픽셀 수로만 계산하려니 크기가 매칭이 안됩니다.  확실히 원본보다 크기가 줄지만 어떤 식으로 줄이는지에 대한 방법은 모르겠군요.

블로그코리아에서 썸네일 사진을 어떤 식으로 보여줄지는 블로그코리아  자유지만 저 같이 느린 시스템을 위해 크기만 줄일게 아니라 용량도 줄여서 보여주었으면 하네요.



submit

블로그 코리아가 다시 오픈하였군요.   오늘 블로그코리아가 다시 오픈하였다는 글을 보고 접속해 봤습니다.  일단 첫 인상은 좋아 보입니다.  블로그 코리아와 올블로그 어느게 나한테 맞는지는 조금 더 사용해 봐야겠습니다.  올블로그도 얼마 전에 변신을 했는데 저한테는 변신한게 잘 맞지 않네요.

카테고리별로 글이 분류가 되어 있어서 관심이 있는 "포토"를 눌러봤습니다.  어째 화면 디스플레이가 느리군요.  제가 첫번째 개선하였으면 하는 점이 이 것입니다.  제 시스템이 7년이 지난 워낙 오래된 컴퓨터다 보니 시스템 부하에 상당히 많은 영향을 받습니다.  티스토리에서 글을 쓸 때도 IE(티스토리 편집기)에서 직접 글을 쓰면 속도 때문에 여간 불편한게 아닙니다.

왜 이렇게 느리다고 생각이 들었을까요?

아래 그림을 보면 압니다.

사용자 삽입 이미지

글에 그림이나 사진이 포함되어 있을 경우 좌측에 썸네일 이미지를 보여 줍니다.  이 이미지 때문에 저사양에서는 상당히 부담이 됩니다.  그림을 보면 알겠지만 썸네일 사진의 크기는 90*61 크기입니다.  
90*61 사이즈라면 90*61*3Byte(=24bit=1600만 색상)로  5,670Byte 크기입니다.  물론 압축을 하지 않았을 때의 크기고 압축을 하면 더 줄어들겠죠.
그런데 사진 크기가 345,419Byte로 345KB나 되는 엄청난 사이즈입니다.  클릭을 하면 원본 글에 들어가면  원본 글에 사진이 있는데 이 사진의 크기가 345,419입니다. 
썸네일에 있는 사진은 원본 글에 있는 사진을 크기만 줄여서 보여 준다는 것입니다.

그렇담 올블로그는 어떤지 살펴볼까요?
카테고리가 없기 때문에 키워드에 "사진"을 넣어 보았습니다.  올블로그는 검색할 때 시간이 많이 걸립니다.  빨리 검색이 되는 경우도 있지만 한참을 기달려도 나올 때도 자주 있습니다. 얼마 전까지는 검색 결과가 제대로 표시되지 않는 경우도 있었습니다. 올블로그는 검색결과를  빨리 표시해 주었으면 합니다.

사용자 삽입 이미지


62KB가 조금 넘는 크기입니다.  원본 크기는 535KB이니 사이즈가 대폭 줄었습니다.  하지만 100*155 크기에 비하면 상당히 큰 사이즈입니다.   100*155*4Byte(32bit)로 계산해도 약간 넘치는 크기입니다. 규칙을 찾기 위해  다른 사진들을 보니 가로, 세로 픽셀 수로만 계산하려니 크기가 매칭이 안됩니다.  확실히 원본보다 크기가 줄지만 어떤 식으로 줄이는지에 대한 방법은 모르겠군요.

블로그코리아에서 썸네일 사진을 어떤 식으로 보여줄지는 블로그코리아  자유지만 저 같이 느린 시스템을 위해 크기만 줄일게 아니라 용량도 줄여서 보여주었으면 하네요.



  1. Favicon of http://www.sunblogged.com BlogIcon easysun at 2007.07.17 12:14 신고 [edit/del]

    좋은 지적 감사드립니다. 반영토록 하겠습니다.

    Reply
  2. Favicon of http://golbin.net BlogIcon 골빈해커 at 2007.07.17 13:43 신고 [edit/del]

    음.. 제가 이런 말을 하면 좀 그렇긴 하겠습니다만, 블코의 이미지 표시는 해당 블로그의 이미지를 링크걸어 보여주는 형식이군요. 트래픽이 많아지면, 해당 블로그의 트래픽을 초과할 수 있겠습니다. 이 부분은 조금 문제가 있어보이는군요.

    올블 검색의 경우는 좀 더 빠르게 하기 위해 얼마전 최적화를 조금 했고, 두달 안에 배 이상 빠른 결과를 보실 수 있도록 자금도 투입하고 있습니다. 늦더라도 많이 사용해주세요 (_ _)(^ ^);;

    Reply
    • Favicon of http://www.osnews.kr BlogIcon OSNews sonamu at 2007.07.17 18:48 신고 [edit/del]

      티스토리를 쓰다보니 트래픽쪽은 신경 쓰지 않고 있었네요. 이미지 파일의 주소를 보니 이미지는 원본 글에 있는 이미지를 그대로 가져오고 있군요.
      진짜로 호스팅하여 서비스 받는 경우 홈페이지 방문을 하지 않아도 트래픽 초과 현상이 발생할 수 있겠네요.
      위에 관련자 분이 수정을 하신다고하였는데 빨리 반영이 되었으면 합니다.

submit

윈도우 탐색기에서 보기 형식을 "미리보기" 형태로 지정하면 파일을 썸네일 형태로 보여준다. 그림을 보는 프로그램을 띄우지 않더라도 그림 모양을 미리볼 수 있기 때문에 빠르고 편리하게 그림 모양을 확인할 수 있다.

미리보기 형태로 보여주는 썸네일 파일은 사용자가 임의로 조절할 수 있는데 임의로 조절하기 위해서는 레지스터리 값을 변경하면 된다.


1. 윈도우의 [시작] 단추를 누른 후 [실행]을 누른다.
2. 실행 창이 뜨면 열기에 "regedit"를 입력하여 레지스트리 편집기를 실행한다.
3. 레지스터리 값을 수정하기 위해 다음 경로를 찾는다.
  경로: HKEY_CURRENT_USER→Software→Microsoft→Windows→CurrentVersion→Explorer
4. 이동한 경로에서 마우스를 다시 편집기 오른쪽 창의 빈 공간에 위치시킨 다음, 마우스 오른쪽 버튼을 눌러 <새로 만들기>→<DWORD> 단축 메뉴를 선택한다.
5. 새로운 DWORD 값이 생성되면, 값의 이름을 ‘ThumbnailSize'로 입력한다.
6. 그런 다음, ThumbnailSize 값을 선택하여 더블 클릭한다.
7. DWORD' 값 편집 대화상자가 나타나면, ThumbnailSize의 값을 입력한다. 단위는 10진수, 16진수 중에서 선택할 수 있는데 사람이 쓰는 형태인 10진수로 선택하여 수치를 입력하면 <Enter>를 누르면 된다.   입력 가능한 수치는 10진수로 최소 32부터 최대 256까지 입력할 수 있다.

참고 :
- 수치가 작을 수록 썸네일 파일의 크기가 작아지고, 클 수록 썸네일 파일이 커진다.
- 썸네일 사이즈를 크게하면 그림 크기가 늘어나기 때문에 미리보기가 좀 더 자연스럽다.  대신 리소스를 많이 차지하기 때문에 속도가 느려질 수 있다.
- 썸네일 사이즈를 작게하면 그림 크기가 작아지기 때문에 미리보기가 조그맣게 나오지만 대신 리소스가 줄어 속도가 빨라진다.

속도보다 미리보기 품질을 중요하게 생각하면 사이즈를 늘리고,
미리보기는 간단하게만 보아도 파악되기 때문에 속도가 중요하다고 생각하면 사이즈를 줄여서 사용하면 된다.



submit

윈도우 탐색기에서 보기 형식을 "미리보기" 형태로 지정하면 파일을 썸네일 형태로 보여준다. 그림을 보는 프로그램을 띄우지 않더라도 그림 모양을 미리볼 수 있기 때문에 빠르고 편리하게 그림 모양을 확인할 수 있다.

미리보기 형태로 보여주는 썸네일 파일은 사용자가 임의로 조절할 수 있는데 임의로 조절하기 위해서는 레지스터리 값을 변경하면 된다.


1. 윈도우의 [시작] 단추를 누른 후 [실행]을 누른다.
2. 실행 창이 뜨면 열기에 "regedit"를 입력하여 레지스트리 편집기를 실행한다.
3. 레지스터리 값을 수정하기 위해 다음 경로를 찾는다.
  경로: HKEY_CURRENT_USER→Software→Microsoft→Windows→CurrentVersion→Explorer
4. 이동한 경로에서 마우스를 다시 편집기 오른쪽 창의 빈 공간에 위치시킨 다음, 마우스 오른쪽 버튼을 눌러 <새로 만들기>→<DWORD> 단축 메뉴를 선택한다.
5. 새로운 DWORD 값이 생성되면, 값의 이름을 ‘ThumbnailSize'로 입력한다.
6. 그런 다음, ThumbnailSize 값을 선택하여 더블 클릭한다.
7. DWORD' 값 편집 대화상자가 나타나면, ThumbnailSize의 값을 입력한다. 단위는 10진수, 16진수 중에서 선택할 수 있는데 사람이 쓰는 형태인 10진수로 선택하여 수치를 입력하면 <Enter>를 누르면 된다.   입력 가능한 수치는 10진수로 최소 32부터 최대 256까지 입력할 수 있다.

참고 :
- 수치가 작을 수록 썸네일 파일의 크기가 작아지고, 클 수록 썸네일 파일이 커진다.
- 썸네일 사이즈를 크게하면 그림 크기가 늘어나기 때문에 미리보기가 좀 더 자연스럽다.  대신 리소스를 많이 차지하기 때문에 속도가 느려질 수 있다.
- 썸네일 사이즈를 작게하면 그림 크기가 작아지기 때문에 미리보기가 조그맣게 나오지만 대신 리소스가 줄어 속도가 빨라진다.

속도보다 미리보기 품질을 중요하게 생각하면 사이즈를 늘리고,
미리보기는 간단하게만 보아도 파악되기 때문에 속도가 중요하다고 생각하면 사이즈를 줄여서 사용하면 된다.



  1. Favicon of http://hotwomen2008.com/sel/yahoo-adult-group-list BlogIcon yahoo adult group list at 2008.03.13 03:16 신고 [edit/del]

    친구는 너의 위치의 현재 팬이 되었다!

    Reply

submit
이전에 사용하던 제로보드나 파란의 경우 사진을 편하게 보기 위해  사진 사이즈를 800 이상으로 지정한 경우가 많았다.  싸이나 네어버 블로그 등에 사람이 더 많음에도 쓰지 않은 이유는 사진을 올리면 사진이 리사이즈되어 원본 이미지의 품질이 떨어지기 때문이다. 그렇다고 사진 사이즈를 작게하면 시원하지 않고 웬지 답답함을 느꼈기 때문이다.

제로보드에서 사용하던 갤러리 게시판을 이용하여 티스토리로 옮기면서 2가지 문제가 부딪혔는데 하나는 게시물에 포함된 사진 일부를 불러오지 못한다는 것이었고, 다른 하나른 사진을 올리면 네이버에서처럼 리사이즈가 된다는 것이다.   티스토리가 테터툴즈 것을 사용하기 때문에 테터툴즈 역시 동일한 문제를 안고 있다.

처음에 불러왔을 때에는 사진 리사이즈가 안되었는데 나중에 새로 글을 작성하여 올리면 그때부터 이런 증상이나타나 이곳 저곳 알아보니 글을 작성하여 등록할 때 contentWidth에서 지정한 수치보다 클 경우 이 수치에 맞게 리사이즈를 한다는 것이다. index.xml을 보면 된다고 하는데 스킨 편집에 들어가면 파일 목록에 index.xml은 보이지만 다운로드하여 편집할 수 없고, 편집할 수 있는 것은 skin.htm과 style.css뿐이었다.

할 수 없이 skin.htm과 style.css만으로 수정을 하기 위해 스킨 관리의 편집으로 들어가 contentWidth를 찾아보아도 보이지 않아 width만으로 검색하여 수치를 조절하여 보았으나 이미 작성한 문서의 경우 조절한 수치에따라 사진 보여주는 형식만 변할 뿐(테이블 크기에 맞게 사진을 줄여서 보여주거나, 크기에 맞는 부분만 보여주고 나머지 부분은 잘려서 보여줌) 글을 작성하여 등록할 때에는 잘리는 현상이 계속 발생하였다.

그러다가 스킨을 올리는 방법을 알고 index.xml을 확인하니 그 안에 <contentWidth>500</contentWidth>이 있다는 것을 알게 되었다.  <contentWidth>와 </contentWidth>에 있는 수치인 500 이상이면 리사이즈되어 표시가 된다.

리사이즈 안되게 올리려면 이 수치를 다른 수치로 옮기면 된다.  참고로 대부분 사진이 800으로 만들었고 일부 이보다 조금 큰게 있어 850으로 수정을 하였다.

사진이 리사이즈 안되게 하려면 다음과 같은 방법을 사용하면 된다.

1. 먼저 테터툴즈에서 사용한 스킨을 티스토리에서 사용하기를 참고한다.
테터툴즈에서 사용한 스킨을 티스토리에서 사용하기 :
  - http://www.solijini.com/1456
  - http://solijini.tistory.com

이걸 읽으면 아래 내용은 바로 할 수 있다.

2. 스킨의 index.xml 파일 수정하여 올리기
적용하려는 스킨 폴더를 보면 index.xml이 있는데 이 파일의 끝부분에 있는 <contentWidth>500</contentWidth>이라고되어 있는 부분을 <contentWidth>850</contentWidth>과 같이 적당한 수치로 변경한 후 등록한다.


참고 1
- 모든 스킨에 적용할 수 있으나 스킨이 특정한 크기에 맞게 제작된 경우가 있다.(이런게 많다.) 그럴 경우 사진 크기가 늘어나면 레이아웃이 깨지는 경우가 생긴다.  여러 개를 적용하여 큰 사진을 올려도 깨지지 않는 이 스킨을 선택해 쓰고 있다.






submit
이전에 사용하던 제로보드나 파란의 경우 사진을 편하게 보기 위해  사진 사이즈를 800 이상으로 지정한 경우가 많았다.  싸이나 네어버 블로그 등에 사람이 더 많음에도 쓰지 않은 이유는 사진을 올리면 사진이 리사이즈되어 원본 이미지의 품질이 떨어지기 때문이다. 그렇다고 사진 사이즈를 작게하면 시원하지 않고 웬지 답답함을 느꼈기 때문이다.

제로보드에서 사용하던 갤러리 게시판을 이용하여 티스토리로 옮기면서 2가지 문제가 부딪혔는데 하나는 게시물에 포함된 사진 일부를 불러오지 못한다는 것이었고, 다른 하나른 사진을 올리면 네이버에서처럼 리사이즈가 된다는 것이다.   티스토리가 테터툴즈 것을 사용하기 때문에 테터툴즈 역시 동일한 문제를 안고 있다.

처음에 불러왔을 때에는 사진 리사이즈가 안되었는데 나중에 새로 글을 작성하여 올리면 그때부터 이런 증상이나타나 이곳 저곳 알아보니 글을 작성하여 등록할 때 contentWidth에서 지정한 수치보다 클 경우 이 수치에 맞게 리사이즈를 한다는 것이다. index.xml을 보면 된다고 하는데 스킨 편집에 들어가면 파일 목록에 index.xml은 보이지만 다운로드하여 편집할 수 없고, 편집할 수 있는 것은 skin.htm과 style.css뿐이었다.

할 수 없이 skin.htm과 style.css만으로 수정을 하기 위해 스킨 관리의 편집으로 들어가 contentWidth를 찾아보아도 보이지 않아 width만으로 검색하여 수치를 조절하여 보았으나 이미 작성한 문서의 경우 조절한 수치에따라 사진 보여주는 형식만 변할 뿐(테이블 크기에 맞게 사진을 줄여서 보여주거나, 크기에 맞는 부분만 보여주고 나머지 부분은 잘려서 보여줌) 글을 작성하여 등록할 때에는 잘리는 현상이 계속 발생하였다.

그러다가 스킨을 올리는 방법을 알고 index.xml을 확인하니 그 안에 <contentWidth>500</contentWidth>이 있다는 것을 알게 되었다.  <contentWidth>와 </contentWidth>에 있는 수치인 500 이상이면 리사이즈되어 표시가 된다.

리사이즈 안되게 올리려면 이 수치를 다른 수치로 옮기면 된다.  참고로 대부분 사진이 800으로 만들었고 일부 이보다 조금 큰게 있어 850으로 수정을 하였다.

사진이 리사이즈 안되게 하려면 다음과 같은 방법을 사용하면 된다.

1. 먼저 테터툴즈에서 사용한 스킨을 티스토리에서 사용하기를 참고한다.
테터툴즈에서 사용한 스킨을 티스토리에서 사용하기 :
  - http://www.solijini.com/1456
  - http://solijini.tistory.com

이걸 읽으면 아래 내용은 바로 할 수 있다.

2. 스킨의 index.xml 파일 수정하여 올리기
적용하려는 스킨 폴더를 보면 index.xml이 있는데 이 파일의 끝부분에 있는 <contentWidth>500</contentWidth>이라고되어 있는 부분을 <contentWidth>850</contentWidth>과 같이 적당한 수치로 변경한 후 등록한다.


참고 1
- 모든 스킨에 적용할 수 있으나 스킨이 특정한 크기에 맞게 제작된 경우가 있다.(이런게 많다.) 그럴 경우 사진 크기가 늘어나면 레이아웃이 깨지는 경우가 생긴다.  여러 개를 적용하여 큰 사진을 올려도 깨지지 않는 이 스킨을 선택해 쓰고 있다.






submit

티스토리 툴바