JPG랑 PNG 차이랑 장단점

포토샵에서 이미지 저장할 때는 사진 중심이면 JPG, 로고·글자·투명 배경·스티커면 PNG로 생각하시면 거의 맞습니다.

구분JPG(JPEG)PNG

압축 방식	손실 압축	무손실 압축
저장할수록 화질	조금씩 열화될 수 있음	화질 손실 거의 없음
파일 용량	대체로 작음	대체로 큼
투명 배경	불가능	가능
사진/그라데이션	유리함	가능하지만 용량 커질 수 있음
글자·로고·선명한 도형	압축 자국 생길 수 있음	선명하게 유지됨
웹 업로드	사진용으로 적합	로고·배너·투명 이미지용 적합

JPG 장단점

장점

• 사진 저장 시 용량이 작습니다.
• 회사 내부 사진, 행사 사진, 풍경 사진, 인물 사진처럼 색 변화가 많은 이미지에 적합합니다.
• 웹사이트나 블로그 업로드 시 로딩 부담이 적습니다.

단점

• 저장할 때마다 압축되어, 반복 수정·저장을 하면 화질이 점점 깨질 수 있습니다.
• 글자 주변, 얇은 선, 로고 테두리 등에 모기장처럼 지저분한 압축 노이즈가 생길 수 있습니다.
• 투명 배경을 유지할 수 없습니다. 투명 부분은 보통 흰색 등 배경색으로 채워집니다.

PNG 장단점

장점

• 저장해도 화질 손실이 거의 없습니다.
• 글씨, 아이콘, 픽토그램, 로고, QR코드, 타투스티커처럼 선명함이 중요한 작업에 좋습니다.
• 투명 배경 저장이 됩니다.

단점

• 사진을 PNG로 저장하면 파일이 지나치게 커질 수 있습니다.
• 카카오톡, 블로그, 홈페이지 등에 많이 올리면 업로드·로딩이 느려질 수 있습니다.

결과적으로 어떤 걸 쓰면 되냐면

• 안내문, 엘리베이터 공지, 픽토그램, 로고, 글자 많은 배너
  → PNG 추천
• 투명 배경 캐릭터, 캐릭터 이미지,누끼 이미지, 원본
  → PNG 필수
• 야구 직관 사진, 인물 사진, 풍경 사진, 내부 사진, 블로그 사진
  → JPG 추천
• 인스타그램 게시물처럼 글자와 사진이 함께 있는 완성 디자인
  → 보통 JPG 고화질이면 충분합니다.
  다만 글자가 아주 작거나 QR코드, 얇은 선이 많으면 PNG가 더 깔끔합니다.
• 인쇄소 전달용
  → 업체가 따로 요구하지 않았다면 보통 PDF 또는 TIFF가 더 안전합니다. JPG/PNG는 인쇄용 최종 원본으로는 덜 적합할 수 있습니다.

실무적으로는 작업 원본은 PSD로 보관, 투명·선명함 필요하면 PNG, 사진 중심 최종본은 JPG로 뽑는 방식이 가장 좋습니다.

 

 

 

 

 

실제로는 아래처럼 고르면 됩니다.

작업 상황추천 형식이유

안내문, 엘리베이터 공지, 안내 이미지	PNG	글씨·아이콘·픽토그램이 또렷하게 유지됨
로고, 캐릭터 누끼, 투명 배경 이미지	PNG	투명 배경 저장 가능
작업용 이미지	PNG	배경 투명 + 테두리·글씨 깨짐 방지
야구 굿즈 디자인 원본	PNG / PDF	로고·선·글자가 많아 선명도가 중요함
인물 사진, 경기 사진, 풍경 사진	JPG	용량 대비 화질 효율이 좋음
블로그 본문 사진 여러 장	JPG	용량이 작아 업로드·로딩 부담이 적음
홈페이지의 내부 사진	JPG	사진 중심이라 PNG보다 효율적
SNS용 카드뉴스·홍보 이미지	JPG 권장	대부분 사진·배경이 들어가고 용량 관리가 편함
글씨가 아주 작거나 QR코드가 있는 SNS 이미지	PNG 고려	작은 글씨·QR코드 선명도 유지에 유리
카카오톡으로 사진 전달	JPG	파일이 가벼워 전송이 편함
투명 배경으로 카카오톡 스티커 느낌 이미지 전달	PNG	배경이 투명하게 유지됨
인쇄소 제출용 포스터·전단	PDF 우선	출력용으로 가장 안정적
인쇄소에서 이미지 파일만 달라고 할 때	TIFF 또는 최고품질 JPG	업체 요구사항을 먼저 따르는 게 안전
수정 계속할 원본	PSD	JPG/PNG로만 저장하면 레이어 수정 불가

아주 쉽게 고르는 기준

사진이 메인이다
→ JPG

글씨·로고·도형·픽토그램이 메인이다
→ PNG

배경을 투명하게 해야 한다
→ PNG

인쇄소에 넘긴다
→ PDF 우선, 업체 요청에 따라 TIFF/JPG

나중에 또 수정할 가능성이 있다
→ PSD는 반드시 따로 보관

PSD 원본 저장 → PNG(투명/글자용) 또는 JPG(사진용)로 최종 저장 → 인쇄는 PDF 별도 저장

특히 작업 다 끝난 UV스티커처럼 크기가 고정된 파일은, PSD 원본을 보관한 뒤 최종 출력용은 300dpi PNG로 뽑아두는 게 가장 안전합니다.

 

 

 

JPG에 안내선이 그림처럼 저장된 게 아니라, 포토샵이 JPG 안에 안내선 위치 정보만 별도 데이터로 같이 넣어둔 것입니다.

포토샵은 JPG 안에 자기 전용 정보인 8BIM 이미지 리소스를 넣을 수 있는데, 여기에 가이드·그리드 위치값도 저장할 수 있습니다. 일반 사진 뷰어는 이 정보를 무시하고 픽셀 이미지 부분만 보여주기 때문에 안내선이 안 보이고, 포토샵으로 다시 열면 그 정보를 읽어서 안내선을 복원해 보여주는 겁니다.

즉,

• 뷰어 / 카톡 / 인스타 / 인쇄물: 안내선 안 보임
• 포토샵으로 같은 JPG 다시 열기: 안내선 다시 보일 수 있음
• PNG: 보통 이런 포토샵 전용 가이드 정보가 같이 저장되지 않아서 다시 열어도 안 보이는 경우가 많음

그리고 이건 JPG와 PNG 화질 차이 때문이 아니라 저장 방식 차이에 가깝습니다. 특히 PSD에서 JPG를 다른 이름으로 저장 또는 사본 저장으로 만들면 포토샵 작업 정보가 일부 따라갈 수 있고, 내보내기(Export As)나 빠른 내보내기로 만들면 보통 최종 결과물용 이미지처럼 정리되어 안내선 정보가 빠집니다. Adobe 커뮤니티에서도 JPG를 내보내기로 만들면 가이드가 유지되지 않고, 사본 저장 방식에서는 유지되는 사례가 확인됩니다.

안내선 작업 많이 할 때 추천 방식

원본

• PSD로 저장
• 안내선 유지
• 나중에 스티커 위치나 A4 배치 수정 가능

최종 전달용 JPG

• 파일 > 내보내기 > 내보내기 형식
• 또는 파일 > 내보내기 > 빠른 내보내기
• 이렇게 저장하면 안내선 정보까지 따라갈 가능성이 적습니다.

안내선 자체를 완전히 지우고 JPG 저장하려면

• 보기 > 안내선 지우기
• 단축키로는 메뉴에서 확인하는 게 안전합니다.
• 단, PSD 원본까지 지워질 수 있으니 먼저 PSD 원본 저장 후 복사본에서 삭제하세요.

정리하면, JPG에 안내선이 “박힌” 것은 아니고 포토샵만 읽는 숨은 작업정보가 남아 있는 겁니다. 외부에 전달할 최종 JPG는 내보내기 방식, 작업용 파일은 PSD로 분리해두는 게 제일 깔끔합니다.