회원로그인 폼 회원가입 아이디찾기
SIR 디자인몰 바로가기 SIR 반응형웹 강좌 SIR 드로잉 강좌 SIR PHP 강좌

자유게시판

배경화면에 대하여

  • simon1004
  • 작성일시
  • 조회 621
  • 댓글 21

본문

친절하신 디자이너분이 

백그라운드 이미지를 900K ~ 1.5M 짜리를 

메인과 서버페이지 각각 다르게 만들어서 올려 달라고 합니다.

물론 repeat-x 또는 Y과 절대 불가한 이미지 입니다.

각 페이지마다 CSS를 달리줘서 해결했습니다.

그런데 문제는 배경이 용량이 커다보니 각페이지 부를때마다 새롭게 부르니 페이지 전환시

깜빡임 현상이 나타납니다.

정상인가요? 아니면 다른 방법이 있을까요?

글을써다보니 질문 게시판에  가야 할 글 같은데 답을 찾고자 하는게 아니고

왜 저렇게 큰 배경화면을 고집하는지  답답해서 입니다. 

한두번이면 디자인이다 생각 하겠는데 매번 사이트 작업시마다 그러니 그 디자이너 스탈이 그런갑다 하겠는데

이번에 2.5M짜리 백그라운드는 달리 표현할 마음이 없네요

이게 멘붕인가요?


  • 이 글을 내 페이스북 계정으로 보내기
  • 이 글을 내 트위터 계정으로 보내기
  • 이 글을 내 미투데이 계정으로 보내기
  • 이 글을 내 요즘 계정으로 보내기
  • 이 글을 내 구글플러스 계정으로 보내기

댓글보기

repeat가 불가한 이미지요?
이미지 용량이나 사이즈가 커서 그런건가요???
이미지는 repeat로 넣어주고 top center로 주면 중앙정렬로 되고..

백그라운드는.. 용량이 그렇게 크면 호스팅/서버가 좀 힘들어할건데요...
페이지마다 body css를 따로 주면 되겠죠..

repeat를 줄 수 없는 이미지는 없는걸로 알고있습니다.

가운데 정렬을 하고 no-repeat를 하면 반복이 안되고 고정배경이고
repeat-x는 가로반복
repeat-y는 세로반복인데요^^

다 아쉬면서 ~~

아니 그게 아니구요. 디자인적으루다가 이걸 반복을 주면 웃기니까 반복 안되게 해주세요. 그런 거 아닐까 하는 거죠. ㅎ

repeat가 안된다는 말이 아니고 반복을 하면 디자인이 엉망이 된다는 말입니다.
반복하면 김태희 얼굴 절반만 보이는 상황이라고 하면 될라나요 지운아빠님 말이 맞습니다.

아니요 엘남매아빠님 말씀은 알아 들었어요 no-repat repeat 문제가 제가 말하는 의도는  반복이 되냐 안되냐가 아니고 고정된이미지를 반복을 하게되면 디자인이 이상해진다는거 예요

ㅎㅎㅎ. 글 내용상 디자인이 반복을 시키면 안되는 아주 큰 고정된 이미지를 배경으로 깔아달라는 디자이너분에 대한 답답함에 대한 하소연을 하시는거네요..^^

2.5M 이 PNG 였네요 JPG로 용량은 줄였는데 페이지마다 body  css를 달리 해서 인지 능력치 부족인지 다른방법이 없는지 깜빡이는건 어찌 안되네요

음 저도 그런 방법이 궁금하네요. 일단 문제는 기본 배경이미지 용량이 상당한 상태에서 추가적인 js 나 어떤 걸 실행하면 속도가 더 느려질텐데... 디자이너 분을 어떻게 설득하실 수는 없는 건가요?

이미지가 그렇게 복잡하게 아니고, 그라디언트가 은은하게 들어간 정도라면 배경색을 맞춰주는 방법으로 깜빡임을 덜하게 할 수 있긴 있을텐데...

본인이 머가 잘된지를 설명해도 자기컴퓨터에서 디자인한 화면 예를 들어 1440by 900 모니터 해상도에서 디자인한 관점에서 본 화면이 안나오면 코딩이나 개발 문제라고 생각합니다. 제 직원이 아니라 심각하게 얘기를 해줄수도 없고
난감합니다

이미지 퀄리티 좀 떨어트리시고 배경화면으로 맞추면 되지 않아요? 그 이미지크기만큼 high값이랑 with값 넣어주고 보더값0주고 그럼 배경화면으로 소스입력해도 위드값이랑 하이값이 입력 되어있기 때문에 반복이 안되는데

웹상의 모든 이미지는 96/72 (윈도우/맥)  이상의 resolution 으로 보여지지 않습니다.  따라서 이미지 dimension 이 아무리 크더라도 저런 용량의 웹 이미지는 나오지 않습니다.

dimension 이 커진다고 이미지 파일 사이즈가 커지는게 아닙니다.  웹상에 올릴 이미지를 600dpi 로 저장하셨으니 저런 황당한 크기의 이미지 파일이 만들어 지는거겠죠.

이미지 optimizer 같은 tool 을 쓰셔셔 웹상에 최적화 된 이미지 파일을 만드시면 될 일 입니다.

통상적으로 dimension 이 1024X683 인 경우, 이미지 파일사이즈는 82kb 정도 되는게 정상입니다.

웹페이지 한장을 짜더라도 기본적인 지식은....... 알고 뭘 해야하는게... 아닌가 싶은데.... ㅠㅠ

neue 2012.07.10 11:27:39 115.♡.95.186

배경으로 한다면 png24 할필요없이 jpg 70%만 줘도 파일용량이 많이 줄어들껀데..
뭔가 아쉽네요 ㅎㅎ

로그인 하시면 댓글을 남길 수 있습니다.

자유 !== 방종
질문은 내용에 맞는 게시판으로 이동됩니다.

자유게시판 내용 검색
TOTAL 110,723 RSS 글쓰기
자유게시판 목록
번호 제목 작성자 조회 날짜
공지 웹 표준/접근성 퍼블리싱 강좌 수요조사 댓글54 897 13.05.13
110723 '웹 표준, 웹 접근성', '크로스 브라우징' 종속관계 4 13.05.23
110722 정말 씁쓸한..기사;; 댓글1 19 13.05.23
110721 포맷을 해야되는데 엄두가 안납니다 ㅠㅠ 댓글9 23 13.05.23
110720 윈도우에서 화일 일괄변환 14 13.05.23
110719 저도 이제 익스 7이하버전 호환 버릴까 생각중입니다..ㅇㅅㅇ; 댓글2 19 13.05.23
110718 얼마전 유사 디도스관련 글 올리신 분?(HashDoS) 댓글2 41 13.05.23
110717 개발하다 안되면 치킨집이나 차리지 뭐 댓글6 50 13.05.23
110716 크롬개발자 값 넘어갔는지 확인 하는 법 댓글1 33 13.05.23
110715 티스토리 초대장 있는 분 계시나요?? 댓글1 44 13.05.23
110714 벌써 목요일 이네요 .철야조 분들 오세요.~ 댓글12 45 13.05.23
110713 요즘 이것저것 바쁘네요.... 46 13.05.22
110712 이거 사이트 무슨 빌더인지 아시는분?? 댓글2 123 13.05.22
110711 만화그려볼려고 하는데 댓글9 81 13.05.22
110710 혹시 XML DTD 쪽에 잘 아시는분 ㅠㅠ 댓글1 57 13.05.22
110709 후힛 ㅋㅋ 전체 게시물 + 쇼핑몰도 같이 불러오게 완성했어요^^ 댓글1 55 13.05.22
110708 리얼클릭에서 일베 광고 차단했군요 댓글7 147 13.05.22
110707 크롬쓰시는분들중에 bootstrap 쓸때 : 이 이유없이 찍히는분 있나요 댓글7 84 13.05.22
110706 리쌍 논란을 전 이렇게 생각합니다. 댓글4 119 13.05.22
110705 제 스킨 다운 받으셨던 분들 다시 다운 받으세요...ㅡ.,ㅡ; 댓글3 96 13.05.22
110704 냐하하하 회원수 4200명 돌파하였습니다^^ 댓글8 126 13.05.22