2012-09-28 2 views
4

전 배경이나 전경 일러스트레이션을 위해 크고 복잡한 이미지를 사용하는 웹 앱을 만들고 있습니다. 확장 성과 동적 인 상호 작용 때문에 래스터 그래픽 대신 SVG를 사용하고자합니다. 그러나 더 큰 이미지 중 일부는 매우 복잡합니다 (수천 개의 경로가 잉크 스케이프에 그려져 있음).웹에서 매우 복잡한 일러스트레이션에 SVG가 실용적입니까?

그런 종류의 SVG 이미지를 사용하는 것이 성능면에서 얼마나 실용적입니까? PNG 이미지를 사용하는 것보다 내 페이지를 크게 느리게 만들 수 있습니까? 다운로드 속도와 렌더링 속도가 달라지는 특정 기술 (예 : 다른 기술보다 한 가지 임베딩 방법)이 있습니까?

+1

비트 맵보다 복잡성이 큰 벡터 그래픽을 렌더링하는 것이 더 느리지 만, 허용되는 속도로 렌더링할지 여부는 많은 부분에 달려 있습니다. 왜 웹 서버를 로컬로 설치하고, SVG 이미지를 페이지에 추가하고, 다양한 브라우저에서 사용해보아야할까요? 로드/렌더링 시간이 괜찮은지 알 수 있습니다. – halfer

+0

무거운 시차 기반의 배경 SVG를 사용하는이 웹 사이트를 개발했지만 지옥처럼 느껴지기 시작한 새로운 섹션을 만들었습니다 ... SVG가 복잡한 레이아웃에 적합하다고 생각하지 않습니다 .. –

답변

0

보기 포트 크기에 맞게 경로 데이터를 단순화 할 수 있습니다. 일부 보이지 않는 요소는 DOM 트리로 출력되지 않아야합니다. Google지도도 SVG를 사용하며 잘 돌아갑니다.

+0

어떻게 보이지 않게하는 것이 좋을까요? DOM 트리 밖으로 요소? – monotasker

관련 문제