최적화1 SVG 확장자와 이미지 용량 최적화 사이트 SVG 확장자의 개념과 비트맵 이미지의 차이, 고해상도 디스플레이 대응 방식, 웹 이미지 용량 최적화 방법까지 실무 관점에서 정리한 가이드. SVG 확장자와 이미지 용량 최적화에 대한 이해SVG(Scalable Vector Graphics)는 이름 그대로 확대·축소가 자유로운 벡터 그래픽 확장자다.SVG는 점 하나하나를 픽셀로 저장하는 방식이 아니라, 선과 곡선을 수학적 좌표와 계산식으로 저장한다. 이 때문에 해상도에 구애받지 않고 어떤 크기로 확대해도 이미지가 깨지지 않는다. 반면 PNG, JPG, GIF는 모두 비트맵(bitmap) 이미지 확장자다. 비트맵 이미지는 픽셀 단위로 색상 정보를 저장하기 때문에, 원본보다 크게 출력될 경우 픽셀이 늘어나면서 이미지가 흐려지거나 깨지는 현상이 발생한다.이 차.. 2025. 12. 21. 이전 1 다음
