2012-07-21 5 views
4

약간의 문제가 있습니다. 헤더 이미지가 크기가 크며 잘못된 인터넷 연결에서로드하는 데 시간이 걸립니다. 나는 몇몇 웹 사이트가 "no-image"가 아닌 "low quality"-> "normal quality (original)"에서 큰 이미지 파일을로드하는 것을 보았습니다. "로드 된 이미지".. 내 머리글 .CSS - 이미지로드

background-image:url("images/header"); 

CSS에서 이미지를 생성하는 대신 저품질에서 고화질로 이미지를로드하는 방법이 있습니까?

문제를 심하게 표현하면 대단히 죄송합니다. 영어는 내 모국어 :

+0

당신이 헤더 이미지에 링크 할 수 있습니까? 크기에 맞게 최적화 할 수 있는지 궁금합니다. – Andrew

+0

http://www.upload.ee/image/2532054/header.png – Kristjan

+3

[프로그레시브 이미지 렌더링] (http://www.codinghorror.com/blog/2005/12/progressive-image-rendering.html) – lanan

답변

2

없는 사용 lowsrc 특성 :

<img alt="Image Name" src="highquality.jpg" lowsrc="lowquality.jpg"> 
+1

CSS를 사용하면이 작업이 필요하지만 배경 이미지가 있습니다.하지만 다른 옵션이 없다면이 작업을 해보십시오. – Kristjan

+0

CSS에 그런 옵션이 없다고 생각하고 대신 헤더 div를 다른 것으로 감싸고 배경 이미지 소스를 저품질로 만들지 만 여기서는 두 이미지가 불필요하게로드 될 것입니다. –