s

배경화면에 대하여

친절하신 디자이너분이 

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

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

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

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

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

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

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

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

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

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

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

이게 멘붕인가요?


|

댓글 21개

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

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

repeat를 줄 수 없는 이미지는 없는걸로 알고있습니다.
디자인상 반복을 주면 안된다는 거 아닐까요? ㅎ
가운데 정렬을 하고 no-repeat를 하면 반복이 안되고 고정배경이고
repeat-x는 가로반복
repeat-y는 세로반복인데요^^

다 아쉬면서 ~~
아니 그게 아니구요. 디자인적으루다가 이걸 반복을 주면 웃기니까 반복 안되게 해주세요. 그런 거 아닐까 하는 거죠. ㅎ
ㅋㅋ죄송~ 제가 머리가 잘 안굴러가나보네요~
무슨뜻인지 이해를 잘 못하고 있어요.ㅠㅠ
repeat가 안된다는 말이 아니고 반복을 하면 디자인이 엉망이 된다는 말입니다.
반복하면 김태희 얼굴 절반만 보이는 상황이라고 하면 될라나요 지운아빠님 말이 맞습니다.
제 답변중..
no-repeat로 하면 반복이 안되는건데요^^;
위치도 고정을 할 수 있구요..
아니요 엘남매아빠님 말씀은 알아 들었어요 no-repat repeat 문제가 제가 말하는 의도는 반복이 되냐 안되냐가 아니고 고정된이미지를 반복을 하게되면 디자인이 이상해진다는거 예요
댓글에 이미지안올라가나요???
ㅎㅎㅎ. 글 내용상 디자인이 반복을 시키면 안되는 아주 큰 고정된 이미지를 배경으로 깔아달라는 디자이너분에 대한 답답함에 대한 하소연을 하시는거네요..^^
[ 요거로 앞뒤 닫아주시고 이미지 주소만 쓰심 됨돠~
[http://dev.baratree.co.kr/8888.jpg]
2.5m 짜리 백그라운드 한번 구경시켜 주세요. 쪽지 ㄱㄱ
2.5M 이 PNG 였네요 JPG로 용량은 줄였는데 페이지마다 body css를 달리 해서 인지 능력치 부족인지 다른방법이 없는지 깜빡이는건 어찌 안되네요
음 저도 그런 방법이 궁금하네요. 일단 문제는 기본 배경이미지 용량이 상당한 상태에서 추가적인 js 나 어떤 걸 실행하면 속도가 더 느려질텐데... 디자이너 분을 어떻게 설득하실 수는 없는 건가요?

이미지가 그렇게 복잡하게 아니고, 그라디언트가 은은하게 들어간 정도라면 배경색을 맞춰주는 방법으로 깜빡임을 덜하게 할 수 있긴 있을텐데...
본인이 머가 잘된지를 설명해도 자기컴퓨터에서 디자인한 화면 예를 들어 1440by 900 모니터 해상도에서 디자인한 관점에서 본 화면이 안나오면 코딩이나 개발 문제라고 생각합니다. 제 직원이 아니라 심각하게 얘기를 해줄수도 없고
난감합니다
제이쿼리를 이용해 http://launchrock.com/ 와 같은 백그라운드 이미지를 구사할 수 있지 않나요?

Vegas 효과라고 하던가...
이미지 퀄리티 좀 떨어트리시고 배경화면으로 맞추면 되지 않아요? 그 이미지크기만큼 high값이랑 with값 넣어주고 보더값0주고 그럼 배경화면으로 소스입력해도 위드값이랑 하이값이 입력 되어있기 때문에 반복이 안되는데
그냥 포기네요... 디자인을 생각없이 하면 그리됩니다.
웹상의 모든 이미지는 96/72 (윈도우/맥) 이상의 resolution 으로 보여지지 않습니다. 따라서 이미지 dimension 이 아무리 크더라도 저런 용량의 웹 이미지는 나오지 않습니다.

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

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

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

웹페이지 한장을 짜더라도 기본적인 지식은....... 알고 뭘 해야하는게... 아닌가 싶은데.... ㅠㅠ
배경으로 한다면 png24 할필요없이 jpg 70%만 줘도 파일용량이 많이 줄어들껀데..
뭔가 아쉽네요 ㅎㅎ
댓글을 작성하시려면 로그인이 필요합니다. 로그인

자유게시판

+
제목 글쓴이 날짜 조회
13년 전 조회 1,496
13년 전 조회 1,178
13년 전 조회 1,245
13년 전 조회 1,339
13년 전 조회 1,817
13년 전 조회 1,114
13년 전 조회 1,342
13년 전 조회 1,192
13년 전 조회 1,121
13년 전 조회 1,138
13년 전 조회 2,325
13년 전 조회 1,396
13년 전 조회 1,699
13년 전 조회 1,170
13년 전 조회 1,996
13년 전 조회 1,122
13년 전 조회 1,235
13년 전 조회 1,117
13년 전 조회 1,623
13년 전 조회 1,830
13년 전 조회 1,141
13년 전 조회 1,107
13년 전 조회 1,736
13년 전 조회 1,841
13년 전 조회 1,108
13년 전 조회 1,323
13년 전 조회 1,102
13년 전 조회 1,107
13년 전 조회 1,139
13년 전 조회 1,170
🐛 버그신고