Sure, Why not?

왜 SVG와 PNG를 혼용해서 썼는지에 대한 내 답변이다. 앨범처럼 이미지 중심인 앱이 아니라면,보통 버튼이나 아이콘 같은 UI 요소에 아무 생각 없이 SVG를 써왔었다.그런데 아이콘까지 전부 SVG로 쓰다 보니 렌더링이 지연되는 걸 직접 경험하게 됐고,그 이후로는 본능적으로 SVG와 PNG를 구분해서 사용하게 됐다. 사실 지금까지는 “그냥 이렇게 해야 빠르더라” 정도로만 감각적으로 구분했었는데,해당 이유뿐만 아니라 5가지 포맷 모두를 이번에 제대로 정리해보려고 한다. PNG✅- 무손실 압축이 특징이다.무손실 압축은 말그대로 품질 손상 없이 데이터만 줄이는 방식을 말한다. - 투명도를 지원한다. ❌- 다른 포맷에 비해 보통은 큰 편이다. - Resizing 경우 이미지가 깨질 수 있다. => 즉, 품..

🤔 PNG와 JPEG의 차이점은?🙋‍♂️PNG와 JPEG는 둘다 이미지 파일 형식이지만,압축 방식, 사용 용도에 따른 파일크기와 품질에 차이가 있습니다. PNG는 무손실 압축 방식을 사용합니다.이미지의 품질을 유지하기 위해 더 많은 정보를 담고 있기 때문에 JPG, GIF보다 용량이 크기 때문에 저장 공간이 추가로 필요할 수 있습니다.그래서 이미지 자체를 그대로 보존해야하는 경우에 적합합니다.그리고 알파 채널 지원을 바탕으로 선명하고 투명도가 중요한 이미지에 많이 사용됩니다. 이를 통해 투명한 배경이 필요한 이미지를 나타낼 수 있습니다. JPEG는 손실 압축 방식을 사용합니다.일부 이미지 데이터를 제거하여, 파일 크기를 크게 줄이는 과정을 통해서메모리 사용을 줄이지만, 이미지의 품질이 PNG에 비해 ..