배경화면에 대하여 정보
배경화면에 대하여
본문
친절하신 디자이너분이
백그라운드 이미지를 900K ~ 1.5M 짜리를
메인과 서버페이지 각각 다르게 만들어서 올려 달라고 합니다.
물론 repeat-x 또는 Y과 절대 불가한 이미지 입니다.
각 페이지마다 CSS를 달리줘서 해결했습니다.
그런데 문제는 배경이 용량이 커다보니 각페이지 부를때마다 새롭게 부르니 페이지 전환시
깜빡임 현상이 나타납니다.
정상인가요? 아니면 다른 방법이 있을까요?
글을써다보니 질문 게시판에 가야 할 글 같은데 답을 찾고자 하는게 아니고
왜 저렇게 큰 배경화면을 고집하는지 답답해서 입니다.
한두번이면 디자인이다 생각 하겠는데 매번 사이트 작업시마다 그러니 그 디자이너 스탈이 그런갑다 하겠는데
이번에 2.5M짜리 백그라운드는 달리 표현할 마음이 없네요
이게 멘붕인가요?
추천
0
0
댓글 21개
repeat가 불가한 이미지요?
이미지 용량이나 사이즈가 커서 그런건가요???
이미지는 repeat로 넣어주고 top center로 주면 중앙정렬로 되고..
백그라운드는.. 용량이 그렇게 크면 호스팅/서버가 좀 힘들어할건데요...
페이지마다 body css를 따로 주면 되겠죠..
repeat를 줄 수 없는 이미지는 없는걸로 알고있습니다.
이미지 용량이나 사이즈가 커서 그런건가요???
이미지는 repeat로 넣어주고 top center로 주면 중앙정렬로 되고..
백그라운드는.. 용량이 그렇게 크면 호스팅/서버가 좀 힘들어할건데요...
페이지마다 body css를 따로 주면 되겠죠..
repeat를 줄 수 없는 이미지는 없는걸로 알고있습니다.
디자인상 반복을 주면 안된다는 거 아닐까요? ㅎ
가운데 정렬을 하고 no-repeat를 하면 반복이 안되고 고정배경이고
repeat-x는 가로반복
repeat-y는 세로반복인데요^^
다 아쉬면서 ~~
repeat-x는 가로반복
repeat-y는 세로반복인데요^^
다 아쉬면서 ~~
아니 그게 아니구요. 디자인적으루다가 이걸 반복을 주면 웃기니까 반복 안되게 해주세요. 그런 거 아닐까 하는 거죠. ㅎ
ㅋㅋ죄송~ 제가 머리가 잘 안굴러가나보네요~
무슨뜻인지 이해를 잘 못하고 있어요.ㅠㅠ
무슨뜻인지 이해를 잘 못하고 있어요.ㅠㅠ
repeat가 안된다는 말이 아니고 반복을 하면 디자인이 엉망이 된다는 말입니다.
반복하면 김태희 얼굴 절반만 보이는 상황이라고 하면 될라나요 지운아빠님 말이 맞습니다.
반복하면 김태희 얼굴 절반만 보이는 상황이라고 하면 될라나요 지운아빠님 말이 맞습니다.
제 답변중..
no-repeat로 하면 반복이 안되는건데요^^;
위치도 고정을 할 수 있구요..
no-repeat로 하면 반복이 안되는건데요^^;
위치도 고정을 할 수 있구요..
아니요 엘남매아빠님 말씀은 알아 들었어요 no-repat repeat 문제가 제가 말하는 의도는 반복이 되냐 안되냐가 아니고 고정된이미지를 반복을 하게되면 디자인이 이상해진다는거 예요
댓글에 이미지안올라가나요???
ㅎㅎㅎ. 글 내용상 디자인이 반복을 시키면 안되는 아주 큰 고정된 이미지를 배경으로 깔아달라는 디자이너분에 대한 답답함에 대한 하소연을 하시는거네요..^^
[ 요거로 앞뒤 닫아주시고 이미지 주소만 쓰심 됨돠~
2.5m 짜리 백그라운드 한번 구경시켜 주세요. 쪽지 ㄱㄱ
2.5M 이 PNG 였네요 JPG로 용량은 줄였는데 페이지마다 body css를 달리 해서 인지 능력치 부족인지 다른방법이 없는지 깜빡이는건 어찌 안되네요
음 저도 그런 방법이 궁금하네요. 일단 문제는 기본 배경이미지 용량이 상당한 상태에서 추가적인 js 나 어떤 걸 실행하면 속도가 더 느려질텐데... 디자이너 분을 어떻게 설득하실 수는 없는 건가요?
이미지가 그렇게 복잡하게 아니고, 그라디언트가 은은하게 들어간 정도라면 배경색을 맞춰주는 방법으로 깜빡임을 덜하게 할 수 있긴 있을텐데...
이미지가 그렇게 복잡하게 아니고, 그라디언트가 은은하게 들어간 정도라면 배경색을 맞춰주는 방법으로 깜빡임을 덜하게 할 수 있긴 있을텐데...
본인이 머가 잘된지를 설명해도 자기컴퓨터에서 디자인한 화면 예를 들어 1440by 900 모니터 해상도에서 디자인한 관점에서 본 화면이 안나오면 코딩이나 개발 문제라고 생각합니다. 제 직원이 아니라 심각하게 얘기를 해줄수도 없고
난감합니다
난감합니다
이미지 퀄리티 좀 떨어트리시고 배경화면으로 맞추면 되지 않아요? 그 이미지크기만큼 high값이랑 with값 넣어주고 보더값0주고 그럼 배경화면으로 소스입력해도 위드값이랑 하이값이 입력 되어있기 때문에 반복이 안되는데
그냥 포기네요... 디자인을 생각없이 하면 그리됩니다.
웹상의 모든 이미지는 96/72 (윈도우/맥) 이상의 resolution 으로 보여지지 않습니다. 따라서 이미지 dimension 이 아무리 크더라도 저런 용량의 웹 이미지는 나오지 않습니다.
dimension 이 커진다고 이미지 파일 사이즈가 커지는게 아닙니다. 웹상에 올릴 이미지를 600dpi 로 저장하셨으니 저런 황당한 크기의 이미지 파일이 만들어 지는거겠죠.
이미지 optimizer 같은 tool 을 쓰셔셔 웹상에 최적화 된 이미지 파일을 만드시면 될 일 입니다.
통상적으로 dimension 이 1024X683 인 경우, 이미지 파일사이즈는 82kb 정도 되는게 정상입니다.
웹페이지 한장을 짜더라도 기본적인 지식은....... 알고 뭘 해야하는게... 아닌가 싶은데.... ㅠㅠ
dimension 이 커진다고 이미지 파일 사이즈가 커지는게 아닙니다. 웹상에 올릴 이미지를 600dpi 로 저장하셨으니 저런 황당한 크기의 이미지 파일이 만들어 지는거겠죠.
이미지 optimizer 같은 tool 을 쓰셔셔 웹상에 최적화 된 이미지 파일을 만드시면 될 일 입니다.
통상적으로 dimension 이 1024X683 인 경우, 이미지 파일사이즈는 82kb 정도 되는게 정상입니다.
웹페이지 한장을 짜더라도 기본적인 지식은....... 알고 뭘 해야하는게... 아닌가 싶은데.... ㅠㅠ
배경으로 한다면 png24 할필요없이 jpg 70%만 줘도 파일용량이 많이 줄어들껀데..
뭔가 아쉽네요 ㅎㅎ
뭔가 아쉽네요 ㅎㅎ