안녕하세요 여우별입니다😉
이번 포스팅에서 알려드릴 내용은 제가 정말정말정말정말 많은 질문을 받는 것 중 하나입니다
배경이 투명한 PNG 파일에 관련된 내용이에요!
PNG 확장자로 저장했는데 배경이 같이 나와요
PNG로 잘 저장했는데 자꾸 하얀 배경이 깔려 나와요
PNG 파일로 어떻게 저장하나요?
JPG 파일 확장자를 PNG로 고쳤는데 안 나와요
기타 등등 정말 다양한 형태로 궁금해하세요😅
PNG 파일 제대로 저장하는 방법을 영상으로 편하게 확인하고 싶으신 분은
아래 영상을 참고해주시면 감사하겠습니다🥰
PNG 파일은 내가 원하는 이미지만 남고 나머지는 투명한 배경으로 저장하는 방법인데요
투명한 배경이 필요한 이유는 이미지를 제한 없이 사용하기 위함입니다 :)
예를 들어 아래와 같은 이미지가 있습니다.
보시는 것과 같이 하얀색 배경에 분홍색 이미지인데요
하얀색 배경이 있는 곳에는 자유롭게 사용할 수 있습니다
어차피 같은 하얀색 배경이기 때문에 이미지의 배경이 티가 나지 않아요😙
이 화면은 제 티스토리 블로그 메인을 캡처한 것인데
상단에 이미지를 세 개나 넣어도 전혀 문제가 되지 않습니다
하지만 어두운 배경이나 다른 배경 위에 올라가면 이렇게 엉망진창이 되어버리죠😭
나오지 말아야 할 뒤의 하얀색 배경까지 같이 나와버린답니당.... 흑흑
이미지의 배경화면을 투명하게 만들어주어야 깔끔하게 원하는 이미지만 쓸 수 있습니다
제대로 적용한다면 이런 이미지가 되겠네요!
이해가 되셨을 거라 생각하고 다음으로 넘어가 볼게요🥰
PNG 파일이 제대로 저장되지 않는 경우는 크게 두 가지입니다
내가 가진 PNG 파일을 제대로 저장했는지 같이 확인해보아요💜
첫 번째로 레이어 창을 확인해주세요
우리가 포토샵 새 창을 띄우면 기본적으로 하얀색 배경이 있는 채로 시작합니다
작업할 때는 보기 편하게 배경화면을 그대로 켜두고 작업을 하게 되는데요
이 부분에서 가장 많은 첫 번째 실수가 발생합니다 :)
PNG로 저장하려면 레이어 창 가장 아래에 있는 Background 레이어(배경화면)를 찾아서 레이어의 눈을 꺼줍니다
그럼 배경이 흰색 배경에서 바둑판무늬로 바뀌게 됩니다
바둑판무늬는 지금 이 이미지의 배경화면이 투명하다는 뜻이에요
이렇게 배경화면 눈을 껐는데도 PNG 이미지가 제대로 저장이 안 되었다면
두 번째 단계에서 확인하시면 됩니당
PNG로 저장할 때 Save As (Shift + Ctrl + S)로 저장하셔도 되는데
용량을 최대한 줄여서 사용하셔야 하는 경우에는 웹용으로 저장하기를 사용하시면 됩니다
File - Export - Save for Web (Legacy / 단축키 Ctrl + Shift + Alt + S)를 눌러주세요
한글버전이어도 위치는 똑같으니까 걱정하지 마세요 :)
Save foe Web을 누르면 이렇게 새 창이 뜨는데 여기에서 두 번째 실수가 일어나게 됩니다
창의 오른쪽 설정 부분에서 확장자를 확인해 주세요
노란색으로 표시한 부분을 PNG로 설정해주셔야 한답니다
PNG가 아닌 다른 확장자로 되어있으면 하얀색 배경이 자동으로 들어갑니다!
어라라 그런데 PNG 두 개나 있잖아?!?!!?
특이한 사항이 없다면 PNG-24로 설정해 주시면 된답니당😊
PNG로 바꾸는 순간 미리 보기 창에서도 바둑판무늬 배경이 적용되니까
Save for Web 창에서도 배경이 투명해진 걸 확인하시고 이제 저장하시면 됩니닷😆😆
그리고 저장이 잘 되었는지 확인하시면 되는데
폴더에서 미리 보기로 보면 다 똑같이 생겨서 분간하기가 어려울 거예요
그럴 땐 파일을 클릭해 보면 쉽게 알 수 있습니당
눌러보면 이렇게 각각 다르게 보이기 때문이에요 오호홋💘
PNG 파일은 클릭하면 배경이 투명한 곳까지 파랗게 보이니까
간단하게 이렇게 확인하시면 돼요!
그리고 반대로 Save for Web으로 JPG 저장을 했는데
자꾸 배경이 빠지는 이상한 이미지로 저장이 된다! 하시면
첫째, 작업 이미지의 배경화면 눈이 켜졌는지 확인하고
둘째, Save for Web 창에서 PNG로 설정되어 있는 부분을 JPG로 바꿔서 저장하시면 된답니다
많이 어려운 내용은 아니니 몇 번 하다 보면 금방 익히실 거예요😄
하다가 막히는 부분이나 궁금하신 점이 있다면 언제든지 댓글로 남겨주세요
감사합니댱💛🧡💚
댓글