본문 바로가기

IT/웹디자이너

포토샵강좌 PNG JPG 사진파일용량줄이기변환

반응형

이번 포토샵강좌 주제는

PNG파일과 JPG파일에 대하여 차이점을 알아보고

용량을 줄여야할때나 사용처에 따라 변환하는 방법을 알아보겠습니다.

PNG형식의 이미지파일은

Portable Network Graphics 의 약자로

여러가지 다양한 컬러를 지원하고

무엇보다 투명한 백그라운드 배경을 지원하기때문에

다른배경위에 언제든지 얹을수 있습니다.

 

 

 

 

결과적으로 PNG형식의 파일을 사용하면

JPEG의 형식보다 고품질의 이미지를 생성할수 있으나

파일크기는 다소 커질수 있습니다.

 

 

 

 

일반적인사용자에게 영향을 줄만큼의 용량은 아니기때문에

부담없이 적제적소에 사용하면 됩니다.

PNG형식의 경우 PNG-8 과 PNG-24 두가지 저장형식이 있는데

24형식이 이미지에 그림자효과나 그라데이션효과를 적용시켜보면

더욱 부드럽게 표현이 됩니다.

또한 모바일상에서는 텍스트와 로고 같은 이미지를 JPEG형식보다

선명하고 부드럽게 보여져 SNS상에서 사용될때 더욱 적합하다 할수 있습니다.

 

 

좌측은 JPG 형식 우측은 PNG 형식의 이미지 입니다.뒤

에 백그라운드 이미지가 PNG파일에 경우 나타나지 않습니다.

본포스팅의 배경색이 흰색이기때문에 같아보이지만

배경색이 다른색이라도 COMA 라는 폰트만 보여지게 됩니다.

 

 

포토샵CS6 작업환경에서보면 좌측 JPG 파일형식은 똑같

이 표현이 되지만 우측 PNG 파일은 마름모모양의 패턴이 배경에 보여지게 됩니다.

저패턴은 실제저장이미지 상에서는 보이지않는 여백을 의미 합니다.

 

 

 

 

PNG파일로 저장을 하려면 레이어를 이해하셔야 하는데

포토샵작업시 처음 파일을 열면 백그라운드 이미지가 생기고

그위에 추가레이어를 생성하고 사진편집을 하게 됩니다.

PNG형식으로 파일을 저장할때는 배경의 표시를 꺼주시거나

레이어를 삭제후 PNG형식으로 저장해야 합니다.

 

 

좌측은 보기눈모양을 클릭하여 배경을 안보이게 했으며

우측은 배경이 보여지는 상태입니다.

PNG파일로 저장할때는 꼭 눈모양을 클릭하여 배경을 제외시켜 저장 합니다.

저장은 파일-저장하기 클릭후 파일형식을 클릭하면 PNG형식을 선택할수 있습니다.

앞서설명드린 PNG-8,PNG-24형식중 선택하여 저장하면됩니다.

 

 

 

 

SNS상이든 쇼핑몰운영 사이트관리를 할때는

그채널을 대표하는 로고가 있을것 입니다.

로고에 백그라운드색을 입혀 JPG 형태의 파일로 제작을 했다면

스킨이 변경되어 색이 들어가게되는경우 이전배경색으로 그대로 보여지게 됩니다.

반면에 PNG형태로 파일저장을 해놓으면 백그라운드색상이 변경되더라도

변함없이 깔끔하게 로고만 표시 됩니다.

 

 

 

 

백그라운드 색에 영향없이 항상 사용할수 있습니다.

용량문제만 아니면 더깔끔하고 선명하며 유용한

PNG형태로 저장 사용하는것이 좋습니다.

회사의 결제도장같은경우도 스캔후 흰배경을 제거하고

PNG형식으로 저장을 해 사용 하면 됩니다.

세금계산서나 견적서등 직인이 필요할때 이미지첨부로 사용하면 유용합니다.

다음에 도장이미지PNG형식으로 저장활용하기 포스팅 해보겠습니다.

 

 

반응형