SVG 이미지의 특성
각각의 파일 특성과 구분에 대해 정리했습니다.
SVG (Scalable Vector Graphics)
SVG 파일, 벡터 이미지.
벡터 이미지(Vector graphics)라고 불리는 화상 형식은, 화상을 점의 집합으로 표현하는 것이 아니라, 복잡한 계산식에 의해 색이나 곡선을 표현.
특성
확대 축소해도 화질이 저하되지 않음
PNG (Portable Network Graphics)
PNG는 비트맵 이미지. (「GIF」「JPEG」도 마찬가지.)
비트맵 화상(Bitmap graphics)은, 화상을 격자 형상으로 세세한 점(픽셀, 화소)으로 분할하고, 각각의 점에 색이나 휘도 등의 정보를 주어 표현하는 방법.
특성
벡터 이미지와 비트맵 이미지 사용
이상의 특성을 읽으면 SVG의 압도적 승리로 보인다.
그러나 SVG에도 단점이 있다.
그것은, 사진이나 문자 등 복잡하고 섬세한 배색이나 곡선의 화상 묘화에 서투른 일.
SVG는 복잡한 계산식에 따라 색과 곡선을 표현하므로 사진 등 많은 색을 사용하는 묘사에는 적합하지 않습니다.
풍경 등 복잡한 이미지를 계산식에 따라 도형으로 취급하려면 방대한 계산이 필요하기 때문입니다.
실제로, 작은 아이콘 이미지에서도 문자 등 복잡한 곡선 등을 포함하고 있으면, 이미지가 무너져 표현되어 버리기도 했습니다
이상에서 엉망이지만,
라고 기억해 두어 구분해 나가면 좋을 것 같습니다.
다만 앱 개발에 있어서는, 특히 확대 축소해도 화질이 열화되지 않고, 파일 사이즈도 비교적 작아지는 SVG 화상의 특성은 크기 때문에, 복잡한 화상이 아니면, 어느 화면상에서도 명료하게 화상을 표시 가능한 SVG를 비교적 권장합니다.
Reference
이 문제에 관하여(SVG 이미지의 특성), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/aiko_han/items/2d1f61ebe5c302b951f1텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)