배경 이미지를 볼 때 너무 큰 것이 얼마나 큽니까?

여기에 약간의 문제가 있습니다. 저는 웹 개발 전공이고 현재 제가해야 할 프로젝트를 위해이 사이트를 만들고 있습니다. 나는 그것을 배경 이미지로 아름답게 보이고 싶었다. Photoshop에서 이미지를 만들고 .jpg로 웹에 저장하면 58.8k 크기가됩니다.배경 이미지를 볼 때 너무 큰 것이 얼마나 큽니까?

나는 사용자를 위해 빠르게로드하는 웹 사이트를 위해 모든 것이지만 60k 미만이 괜찮습니까? yslow Firefox 확장 프로그램에서 검사하여 96ms (약간 불만족스러운 시험 대상 - http://www.speedtest.net/result/1146275377.png)에서로드됩니다.

60k가 너무 많습니까? 이미지가 10-20k 만있는 것이 가장 좋은 방법입니까? 나는 이미지 로딩을 볼 때 그것을 싫어한다. .. 단지 .. 그 시점에서 그래픽 가치가 없다. 그 크기의 이미지를 더 빨리로드 할 수 있습니까? CSS 또는 태그? 아니면 그것에 대해 걱정하지 않아도 될까요?

출처

2011-02-07 Phil

대부분의 브라우저는 기본적으로 배경 이미지를로드하므로 문제가 발생하지 않습니다.

크기가 너무 큰 것은 호스팅 설정, 사이트에 유입되는 트래픽 양 및 방문자의 일반적인 전송률에 따라 다릅니다.

60k는 너무 많은 동시 방문자가있는 보통 사이트의 경우 나에게 적당합니다. 그러나 대역폭 비용이 돈과 큰 사이트에 그 크기의 배경 이미지를 거의 볼 수없는 이유입니다. 반면에 YouTube는 사용자가 제안한 배경 이미지보다 수천 배 더 큰 동영상을 정기적으로 스트리밍합니다. 사이트, 호스팅 솔루션 및 사용 통계에 대해 자세히 알지 못해도 정확한 조언을 제공하는 것은 불가능합니다.

이 질문을하는 경우 60k가 문제가되지 않을 가능성이 있습니다.

당신이 당신의 배경 이미지로드가 첫 번째 또는 당신이 할 수있는 지속을 보장하려면

: body 태그 위의 코드는 배경 이미지를 미리로드

<script type="text/javascript"> 
bgimage = new Image(); 
bgimage.src = "http://www.olhovsky.com/img/cdf97/256fwt1_eg.png"; 
</script>

장소. HTML 문서에 나중에 넣으십시오 (예 : </body> 태그 뒤에 배경을 마지막으로로드하는 등).

그리고 body 태그에

<body onload="document.body.background=bgimage.src;">

출처

2011-02-07 08:12:18 Olhovsky

당신은 아마 당신의 가능성이 사용자를보고 자신의 연결 속도가 같은 일 무슨 생각하고 싶지 않지만 60K가 너무 커서 생각하지 않습니다. 가능한 한 파일 크기를 줄이려 고 시도한 경우 smushing it도 시도해보십시오. 그러면 파일 크기가 조금 더 줄어들 수도 있습니다.

출처

2011-02-07 08:32:17

나는 그것을 잊었다! 정말 고마워, 54.6k로 내려 놔! – Phil

배경 이미지를 볼 때 너무 큰 것이 얼마나 큽니까?

답변

관련 문제