SVG vs PNG vs JPG : 이미지 형식 장점 및 단점

/2016-01-04 00:04:46/
Brilee
/제도법/

웹 및 기타 디지털 목적으로 이미지를 만들 때 어떤 파일 형식이 최상의 결과를 제공합니까? 속도 대 이미지 품질 및 스케일에 대해 생각해야합니다. SVG 대 PNG 대 JPG는 무엇을 사용해야합니까?

72dpi의 공간에 맞게 JPG 크기의 방금 사용하고 이동 한 시간이있었습니다. 더 이상은 아닙니다. 고해상도 화면, 다중 뷰포트 및 빠른 웹 사이트가 필요하기 때문에 훨씬 복잡한 프로세스가되었습니다. 이러한 각 형식의 장단점을 살펴 보겠습니다!

SVG

SVG는 모든 크기에서 멋지게 보이고 사진 이외의 거의 모든 유형의 이미지에서 작동합니다.

SVG (Scalable Vector Graphics)는 매우 실용적입니다. 이것이 디자이너들이 더 자주 사용하는 이유입니다.

SVG는 벡터 형식이므로 모든 크기로보기 좋으며 사진 이외의 거의 모든 유형의 이미지에서 작동합니다.

SVG는 손실이없는 형식입니다. 압축 할 때 데이터를 잃지 않는다는 의미는 무제한의 색상을 렌더링하며 웹의 그래픽과 로고 및 망막 또는 기타 고해상도 화면에서 볼 수있는 프로젝트에 가장 일반적으로 사용됩니다.

SVG의 장점

벡터 형식은 모든 크기에서 잘 렌더링
코드 또는 텍스트 편집기에서 간단한 SVG 렌더링을 생성하는 기능
Adobe Illustrator 또는 Sketch에서 복잡한 그래픽 디자인 및 내보내기
SVG 텍스트에 액세스 할 수 있습니다
SVG는 스타일과 스크립트가 쉽습니다.
SVG 형식은 최신 브라우저에서 지원되며 미래를 보장합니다
압축률이 높고 가벼운 형식
텍스트 기반 형식으로 인해 검색에 적합
투명성 지원
스틸 이미지 또는 애니메이션 이미지를 허용합니다

SVG의 단점

SVG 디자인은 복잡해질 수 있습니다
성능이 저하 된 일부 브라우저에서는 렌더링하지 마십시오
이메일 클라이언트에 대한 제한된 지원

더 알고 싶으세요? 우리는 SVG에 관해 더 많은 두 가지 가이드를 가지고 있습니다 : SVG에 대한 실용 초보자 가이드와 SVG가 인계하는 방법 (& 이유).

PNG

PNG는 JPG가 할 수없는 투명성을 제공합니다.

PNG (Portable Network Graphics)는 JPG가 할 수없는 투명성을 제공하는 웹용으로 설계된 형식입니다. 이것만으로도 웹 사이트 디자인에 로고와 같은 요소를 업로드하는 데 PNG가 인기를 얻은 이유입니다.

PNG에는 PNG-8과 PNG-24의 두 가지 유형이 있습니다. PNG-8은 256 색으로 제한적인 색상 팔레트를 사용하며 약간 더 투명하고 작은 크기로 내보내집니다. PNG-24는 무제한 색상 표를 사용하고 투명성을 유지하면서 더 큰 크기로 내 보냅니다. 두 PNG 유형 모두 무손실 압축이 있습니다.

PNG 형식은 GIF와 유사하지만 애니메이션을 지원하지 않습니다. 이 형식은 아이콘, 작은 스틸 이미지 또는 투명도가 필요한 이미지에 가장 일반적으로 사용됩니다.

PNG의 장점