큰 배경 이미지 VS 작은 반복 배경 이미지

Question

질감을 사용하고 있습니다. 구체적으로는 linen texture입니다. CSS 그래디언트로이 작업을 수행 할 수 없었습니다. 그래서, 내 질문은 성능에 관한 것입니다 :

큰 배경 이미지 또는 작은 배경 이미지가 반복되는 것이 가장 좋습니다.

Answer 1

내 의견에 관계없이 작은 이미지를 다운로드하고 큰 이미지를 갖는 것보다 훨씬 저렴합니다. 당신이 타일 이미지를 사용하는 경우 다음과 같은 이점을 얻을 :

• 낮은 대역폭이 서버에을 사용했다.
• 짧은 길이 다운로드 시간은 브라우저에서입니다.
• 약 렌더링 시간 확실하지 않지만, 여기서 벤치 마크를 실행해야합니다.하지만 무시해도 좋습니다.

일반적으로 바둑판 식 이미지가 필요합니다. 그러나 이미지의 타일링이 강한 반복 패턴으로 인식되지 않도록 텍스처가 충분히 평평한 지 확인하십시오. 당신의 이미지는 충분히 좋아 보인다. 당신이 * 성능 *을 고려하는 일

The Layered Look: Better Responsive Images Using Multiple Backgrounds

Answer 2

"큰 배경 이미지 또는 작은 배경 이미지가 반복되는 것이 가장 좋습니다."

후자. 반복은 성능에 거의 또는 전혀 영향을 미치지 않지만 파일 크기는 가장 확실합니다.