이미지 저장 시 깨짐 현상

우선 벡터 이미지로 내보내는 방식이 제일 깔끔합니다. 

벡터 이미지와 PNG가 JPG보다 화질이 더 좋은 이유는 주로 압축 방식과 이미지 구조의 차이입니다.

1. 벡터(Vector) 이미지가 JPG보다 화질이 좋은 이유

• 벡터 이미지는 수학적인 좌표, 선, 곡선, 도형 정보를 기반으로 이미지가 구성됨

• 반면 JPG는 픽셀 기반의 래스터 이미지. 사진처럼 픽셀이 많을수록 용량이 커지고, 확대하면 픽셀이 보여주신 이미지처럼 깨지게됨

• 벡터 이미지는 확대를 해도 선명함이 유지됨 (수학적 계산으로 무한 확대 가능).

• JPG는 확대할수록 픽셀이 뭉개지거나 깨짐 (블록 노이즈 발생) 첨부한 이미지가 대표적

따라서 로고, 아이콘, 텍스트 그래픽 → 벡터가 절대적으로 유리합니다. 

2. PNG가 JPG보다 화질이 좋은 이유

• PNG는 무손실 압축을 사용해.
  → 이미지를 저장하면서 데이터를 손실 없이 압축해서 화질 유지됨.

• JPG는 손실 압축을 사용해.
  → 용량을 줄이기 위해 이미지의 색상 정보나 디테일을 일부 삭제함.

• PNG는 이미지의 세밀한 부분, 글씨, 투명한 배경 등을 정확히 보존할 수 있어.

• JPG는 압축률이 높을수록 노이즈, 번짐, 색상 왜곡이 생기기 쉬워.

• 스크린샷, 웹 그래픽, 텍스트 포함 이미지 → PNG

• 사진 위주 이미지, 파일 크기 작은 게 중요한 경우 → JPG