inblog logo
|
spencer-tech

    JPG vs PNG

    Sang Un Lee's avatar
    Sang Un Lee
    Jun 18, 2024
    JPG vs PNG
    Contents
    1. JPG vs PNG2. JPG와 PNG 비교2.1 압축 방식2.2 파일 크기2.3 투명도3. 용도별 선택3.1 편집용 ⇒ PNG3.2 보관용 ⇒ JPG3.3 웹용 ⇒ 혼합 사용
     
    1. JPG vs PNGJPGJPG의 장점PNG : 향상된 색상 및 이미지 품질PNG 장점2. JPG와 PNG 비교2.1 압축 방식2.2 파일 크기2.3 투명도3. 용도별 선택3.1 편집용 ⇒ PNG3.2 보관용 ⇒ JPG3.3 웹용 ⇒ 혼합 사용
     

    1. JPG vs PNG

     
    • PNG는 고품질 압축을 제공
    • JPG는 공간을 덜 차지하며 웹에서 빠르게 로드됨
     

    JPG

     
    • JPG는 1992년 JPEG(Joint Photographic Experts Group)에서 개발
      • 목적 : 대용량 사진 파일을 더 쉽게 공유하기 위해 파일을 더 작게 만들기 위함
     
    • 이미지를 JPG로 변환하면 일부 품질이 저하됨
      • ∵ 손실 압축이라서 불필요한 특정 정보가 영구적으로 삭제되기 때문
      • 그러나 JPG를 사용하면 PNG보다 더 작은 파일 크기를 만들 수 있음
     

    JPG의 장점

     
    • 효율성 : JPG 파일은 이미지 데이터를 효과적으로 압축하도록 설계되어 저장 드라이브나 웹사이트의 공간을 적게 차지함
    • 속도 : 파일 크기가 작을수록 로드 시간이 빨라지므로 다운로드, 공유 속도가 빨라짐
    • 호환성 : 현존하는 거의 모든 사진 뷰어, 편집 도구 및 기기가 JPG 파일을 지원하므로 대부분 앱에서 안전하게 사용할 수 있음
     

    PNG : 향상된 색상 및 이미지 품질

     
    • 1994년에 GIF(Graphics Interchange Format)를 대체하기 위해 만들어졌음
    • PNG 파일 사용의 결정적인 이유이자 중요한 장점 : 투평한 픽셀을 지원함
    • 즉, 불규칙한 모양의 개체 주위에 투명한 배경을 둘 수 있고 이미지의 윤곽을 나타내는 흰색(또는 다른 색상의) 상자를 피할 수 있음
     
    notion image
     
    • JPG와 달리 PNG 파일은 무손실 압축
    • 따라서 압축 과정에서 파일에 포함된 모든 데이터를 유지하므로 크기 조정이 필요한 이미지거나 여러 번의 편집이 필요한 경우, PNG가 유용함
    • PNG는 JPG보다 더 많은 정보를 저장 → ∴ 디테일이 많은 이미지이거나 저장 공간이 여유 있는 경우에 사용됨
     

    PNG 장점

     
    • 고품질 : 무손실 압축 알고리즘 → ∴ 압축 및 압축 해제 후에도 사진의 품질이 높게 유지됨
    • 선명한 그래픽 : 가장자리를 선명하게 유지하고 색상을 선명하게 유지함
    • 투명한 배경 : 이미지를 다양한 배경 위에 배치해서 이미지를 만들 때 유용함

    2. JPG와 PNG 비교

    2.1 압축 방식

     
    • JPG : 손실 압축 ↔ PNG : 비손실 압축
     
    • 손실 압축
      • 데이터를 일부 삭제하여 파일 크기를 줄이는 방식
      • 이미지 품질은 약간 저하될 수 있지만, 일반적으로 육안으로는 거의 인식되지 않음
        • 그러나 JPG로 저장할 때마다 데이터가 영구적으로 삭제되므로, 반복적으로 편집하거나 저장할수록 이미지 품질 저하가 눈에 띌 수 있음
     
    • 비손실 압축
      • 압축 과정에서 데이터가 삭제되지 않음
      • 압축 후에도 원본과 동일한 이미지를 제공
        • 높은 품질과 세부 사항 보존을 보장
        • 파일 크기가 JPG보다 더 크게 나올 수 있음
     

    2.2 파일 크기

     
    • JPG : 파일 크기가 작음
      • 저장 공간을 절약 가능
      • 빠른 로딩 시간
     
    • PNG : 파일 크기가 더 큼
      • ∴ 로딩 속도가 느림
     

    2.3 투명도

     
    • JPG는 투명 픽셀을 지원하지 않음
      • JPG로 저장할 경우, 투명 픽셀은 일반적으로 흰색으로 채워짐
      • 다양한 배경 위에 이미지를 배치하거나 다른 이미지와 레이어링해야 하는 경우에 적합하지 않음
     
    • PNG는 투명 픽셀을 지원
      • 디지털 그래픽 디자인에서 유용
      • 이미지가 다양한 배경과 원활하게 어울릴 수 있음
     

    3. 용도별 선택

    3.1 편집용 ⇒ PNG

     
    • PNG는 고해상도 이미지 품질, 비손실 압축, 투명 픽셀 지원
      • ∴ 이미지 편집에 적합함

    3.2 보관용 ⇒ JPG

     
    • 많은 사진을 보관할 때는 작은 파일 크기를 가진 JPG가 더 적합

    3.3 웹용 ⇒ 혼합 사용

     
    • JPG의 빠른 로딩 시간 ⇒ 사용자 경험을 개선하고 SEO 순위 ↑
    • PNG의 투명도 지원 ⇒ 로고나 아이콘과 같은 그래픽에 사용
     
    Share article
    Contents
    1. JPG vs PNG2. JPG와 PNG 비교2.1 압축 방식2.2 파일 크기2.3 투명도3. 용도별 선택3.1 편집용 ⇒ PNG3.2 보관용 ⇒ JPG3.3 웹용 ⇒ 혼합 사용

    spencer-tech

    RSS·Powered by Inblog