렌더링 svg vs 이미지

Question

하나의 이미지를 축소판으로 여러 번 렌더링해야하는 상황에 처해 있습니다. 이미지 크기가 3kb보다 작은 png 및 svg 파일이 있습니다.

이미지를 png 또는 svg 파일로 렌더링하는 것이 더 빠른지 알고 싶습니다. 다음과 같은 가정을 마음하십시오 : 나는 인라인 경로 내가 PNG 파일을 사용하는 경우 네트워크 대기 시간

을 방지하기 위해 서버에서 렌더링로 svgs을 사용할 계획입니다

• 을, 그들은 한 번만 네트워크에서로드됩니다 후속 요청은 브라우저의 캐시에 충돌합니다.
• 앞에서 설명한 것처럼 이미지를 다음과 같은 목록에 여러 번로드해야합니다.

Answer 1

SVG 정말 "파일 크기가 같은"만일 어떤 빨리 또는 느리게로드하지만 이전 버전의 브라우저는 기본적으로 SVG를 지원하지 않을 수 있습니다 기억하지만이 같은 SVG는 일반적으로 gzip을 이용 할 수 있습니다 안 XML 파일.

때로는 단순한 SVG가 비트 맵 파일보다 작아서 더 빨리로드 할 수 있지만 순전히 파일 형식이 아닌 파일 크기와 관련이 있습니다.

또한 좋은 브라우저는 일반적으로 SVG를 지원하지만 항상 전체 SVG 사양을 지원하지는 않습니다.