배경 이미지를 추가하거나 CSS3 그래디언트를 만드는 동일한 스타일을 복제 할 수있는 DIV 요소를 사용한다고 가정 해 보겠습니다. 이제는 Phonegap 응용 프로그램 (모든 이미지 파일이 장치 자체에있는)에서 어떤 옵션을 사용하는 것이 더 좋습니다.배경 이미지 또는 CSS3 그래디언트를 사용하는 것이 더 좋습니까?
그래디언트가 이미지를 사용하여 로딩 시간 문제를 일으킬 수있는 계산 시간이 걸리는 곳을 보았 기 때문에이 질문을드립니다. 하지만 Phonegap 앱의 경우 이미지로드 시간 문제가 없을 수 있습니다. 그래서, 아마 여기 이미지를 사용 하는게 더 좋은 선택일까요?
는 웹킷 위키에 대한 기사에 따르면, 이미지가 더 잘 수행 :
때로는 실제로 필요하지 때, -webkit-그라데이션처럼, 웹킷의 그리기 기능을 사용하는 유혹 - 이미지를 유지하고 포토샵 처리 그리고 드로잉 도구는 번거 로움이 될 수 있습니다. 그러나 이러한 작업에 CSS를 사용하면 디자이너의 컴퓨터에서 대상의 CPU로 번거로운 작업을 수행 할 수 있습니다. CSS의 그라디언트, 그림자 및 기타 장식은 필요할 때만 사용해야합니다 (예 : 내용에 따라 모양이 동적 인 경우). 그렇지 않으면 정적 이미지가 항상 빠릅니다. 매우 로우 엔드 플랫폼에서는 가능한 경우 텍스트의 일부에 정적 이미지를 사용하는 것이 좋습니다.
출처 : https://trac.webkit.org/wiki/QtWebKitGraphics#Usestaticimages
은 물론, 당신은이 서버에서 이미지를로드하는 데 걸리는 여분의 시간이 CPU 시간의 균형을해야합니다. 또한 Internet Explorer의 경우 필터가 매우 느립니다. 특히 한 페이지에 많은 필터가있는 경우 더욱 그렇습니다.
답변 해 주셔서 감사합니다. Phonegap 기반 모바일 앱의 경우 이미지가 그래디언트보다 좋을 것이라고 생각합니다. – Swar
고마워요, @ DanielNova :) – Shinigamae