목록png (1)

Jaeilit

SVG vs PNG

SVG vs PNG 정적 페이지를 만들면서 이미지를 어떤 파일을 써야 할지 생각을 하다가 예전에 문득 png 3배율이나 svg 를 사용하라는 말이 떠올라서 왜지? 라는 생각에 조금 찾아봤다. 이미지 파일에는 무손실/무압축으로 jpg, png, svg 등등 나뉘긴 하지만 svg 와 png 만 살펴보기로 함 특징 1. 이미지가 깨지지 않음. 2. 상대적으로 용량이 적고 렌더링이 빠름 4. HTML 코드로 스타일링을 할 수 있음 SVG 의 V 는 vector 로 좌표 값들이 이어져서 만들어져있기 때문에 확대, 축소해도 이미지가 깨지지 않음 PNG 와 JPG 는 비트맵, bit를 를 가지고 표현하기 때문에 확대, 축소에 이미지가 깨진다. 렌더링 차이 SVG 는 용량도 상대적으로 작기 때문에 브라우저 로딩 속도가..
TIL 2022. 5. 24. 14:57
이전 Prev 1 Next 다음