SVG와 CSS가 그라데이션에 사용하는 브라우저 리소스의 양에 차이가 있습니까?

Question

사이트 디자인에서 많은 그라디언트를 사용하는 가장 비용이 많이 드는 방법이 무엇인지 궁금합니다.

Answer 1

나는 CSS가 SVG보다 브라우저에 덜 비싸다고 느낀다. 그러나 나는 테스트없이 이것을 정당화 할 수 없다. CSS에서 많은 그라디언트를 사용하여 페이지를 생성하고 SVG 또는 기타 기술을 사용해보아야 할 경우 성능이 문제가되는 경우에만 제안하는 것이 좋습니다.

Answer 2

나는이쪽으로 CSS를 기울여야 할 것이다. 그것은 이미지가 아니라 CODE입니다.

CSS를 사용하는쪽으로 기울이면 CSS3pie를 통해 IE 8 이하에서 볼 수 있고 작동 가능하게 만들지 않겠습니까? http://css3pie.com/

Answer 3

이것은 흥미로운 질문입니다. 내 개인적인 경험으로 웹킷은 svg가 빠르지 만 잘못 될 수 있습니다.

나는 CSS 전환과 테스트 바이올린을 만든 그들은 같은, 아마도 더 많은 경험을 가진 사람이 확장 할 수 있습니다 스트레스 사건에 대해보고 :

http://jsfiddle.net/KLCEw/

가 명심 SVG 그라디언트는 최상의 데이터를 포함하는 것을 -uri이기 때문에 서버에 새로운 요청을 생성하지 않습니다.