로고 배경 투명하게 만들기

한눈에 보기

방법

1. 찾을 수 있는 가장 큰 파일로 시작이메일 서명의 로고는 폭이 200 px도 안 되는 경우가 많습니다. 브랜드 폴더, 보도 자료 키트, PDF, 사이트 이미지 파일에서 원본을 찾아보세요. 누끼로는 없는 디테일을 만들 수 없으므로, 2000 px 원본이면 가장자리가 깔끔하고 150 px 원본이면 흐리고 들쭉날쭉해집니다.
2. 배경 제거 후 구멍 확인배경을 제거한 다음 O, A, B, e, g처럼 닫힌 모양의 글자와 아이콘과 글자 사이의 틈을 확대하세요. 이런 안쪽 영역도 투명해야 슬라이드나 헤더 색이 비쳐 보입니다. 미리보기를 어두운 배경으로 바꿔 남은 흰색을 찾으세요.
3. 쓰일 곳에 맞게 내보내기슬라이드, 문서, 굿즈 목업에는 투명 PNG를, 웹사이트에는 용량이 더 작은 WebP를 다운로드하세요. 파비콘과 SNS 프로필용으로는 원형으로 잘려도 마크가 잘리지 않도록 주변에 여백을 둔 정사각형 버전을 만드세요.

팁과 흔한 실수

• 어두운 배경에서 생기는 흰 테두리흰 배경 위에 저장된 로고의 가장자리 픽셀은 흰색과 섞여 있어서, 누끼를 따면 남색이나 검은색 위에서 옅은 테두리로 보입니다. 더 큰 원본에서 다시 따거나, 어두운 배경용 밝은 로고(흰색이나 반전 색상)를 따로 만들어 해결하세요. 많은 브랜드가 두 가지를 모두 제공합니다.
• SVG가 있으면 SVG를 쓰세요웹사이트 헤더 로고에 대해 MDN은 벡터 버전이 있으면 SVG를, 래스터 로고에는 무손실 형식을 권장합니다. 선명한 가장자리 주변의 번짐이 아주 잘 보이기 때문입니다. 사진이나 JPG밖에 없다면 투명 PNG가 대안입니다.
• 파비콘에는 글자가 아닌 심볼을파비콘은 브라우저 탭과 검색 결과에 아주 작게 표시됩니다. 심볼이나 첫 글자로 자르고, 정사각형(Google은 1:1 필수)으로 만들고, 밝은 탭과 어두운 탭 모두에서 보이도록 단색이나 대비가 높은 모양으로 만드세요.
• 슬라이드와 문서PowerPoint 와이드스크린 슬라이드는 13.333 x 7.5인치(16:9)입니다. 로고를 JPG가 아닌 PNG로 삽입하면 슬라이드 색이 비쳐 보이고, 색이 있는 템플릿에 흰 사각형이 생기지 않습니다.
• 굿즈와 인쇄래스터 로고는 픽셀만큼만 선명하게 인쇄됩니다. 벡터 파일이 있다면 그것을 보내고, 투명 PNG는 목업, 스토어 상품 페이지, 간단한 교정용으로 쓰세요.
• SNS의 글자가 들어간 로고Facebook은 로고나 글자가 들어간 프로필 사진과 커버 사진은 PNG가 더 보기 좋을 수 있다고 안내합니다. JPG의 손실 압축은 선명한 가장자리를 흐리고 번지게 하며, 글자에서 가장 눈에 띕니다.