이미지 불투명도 변경

이미지 불투명도 변경 도구는 모든 이미지의 알파 채널을 다시 기록해 원하는 백분율만큼 반투명하게 만든 뒤, 어디에 붙여 넣어도 투명도가 유지되는 PNG로 돌려줍니다. 불투명도 자체에는 고유한 모양이 없으므로 미리보기 배경을 체크무늬, 흰색, 검은색 또는 원하는 색으로 바꿀 수 있으며, 실제 이미지에서 여러 불투명도 단계를 동시에 보여 주는 썸네일도 제공됩니다. 모든 처리는 이 브라우저 탭 안에서 이루어지고 파일은 업로드되지 않습니다.

이 불투명도 변경 도구의 특징

이미지 불투명도 변경 도구 사용 방법

1. 이미지 열기: JPG, PNG, WebP 또는 GIF 파일을 업로드 영역에 놓거나, 영역을 눌러 파일을 찾거나, Ctrl+V를 눌러 붙여넣으세요. 이미지는 브라우저에서 디코딩되며 업로드되지 않습니다.
2. 불투명도 설정: 불투명도 슬라이더를 드래그하거나 정확한 백분율을 입력하거나, 불투명도 단계 썸네일을 클릭해 실제 이미지에서 각 단계를 확인하세요.
3. 미리보기 배경 선택: 배경을 체크무늬, 흰색, 검은색 또는 원하는 색으로 바꿔 이미지가 실제로 놓일 배경에서 불투명도를 확인하세요.
4. 원하는 경우 페이드 추가: 선형, 방사형 또는 가장자리 페이드를 선택해 이미지 전체에 투명도 변화를 적용한 다음 페이드 각도, 폭 및 최소 불투명도를 설정하세요.
5. 결과 다운로드: 알파 채널을 유지하려면 PNG 또는 WebP를 선택해 원본 해상도로 다운로드하세요. JPG를 선택하는 경우 투명 영역을 합성할 색을 지정하세요.

어느 정도의 불투명도를 선택해야 하나요?

실제 작업에서 자주 쓰이는 값입니다. 정해진 규칙이라기보다 시작점으로 참고하세요. 적용하기 전에 최종 배경과 비슷한 배경색으로 미리보기를 설정하세요.

세 가지 페이드 모양

• 선형 페이드는 페이드 각도로 지정한 한 방향을 따라 불투명도가 변합니다. 90°에서는 이미지가 아래쪽으로 페이드됩니다. 사진을 아래쪽 페이지와 자연스럽게 연결할 때 흔히 쓰는 방식입니다. 페이드 폭은 이미지에서 그라데이션이 차지하는 범위를 정합니다. 폭을 25%로 좁히면 이미지 대부분이 선명하게 유지되고, 100%로 설정하면 가장자리부터 가장자리까지 전체가 페이드됩니다.
• 방사형 페이드는 중앙을 선명하게 유지하면서 타원형으로 바깥쪽을 향해 흐려지므로 피사체는 또렷하게 남고 주변은 사라집니다. 부드러운 비네팅이나 테두리가 없는 원형 아바타에 적합합니다.
• 가장자리 페이드는 네 가장자리에서 안쪽으로 균일하게 페이드됩니다. 가장 가까운 가장자리까지의 거리를 기준으로 페이드되므로 가로로 긴 이미지와 세로로 긴 이미지의 테두리 두께가 같은 느낌으로 표현됩니다. 이미지 세트의 외관을 일관되게 맞출 때 유용합니다.

세 가지 그라데이션은 모두 직선 대신 smoothstep 곡선을 사용합니다. 알파를 직선으로 변화시키면 변화율이 갑자기 달라지는 지점을 눈이 알아차려 시작과 끝이 딱딱하게 보일 수 있습니다. smoothstep은 점진적으로 시작하고 끝나므로 자연스럽게 사라지는 느낌을 줍니다.

사용 사례

• 워터마크: 로고를 20%로 낮춰 PNG로 내보내세요. 투명도를 매번 다시 설정하지 않아도 어떤 편집기에서든 사진 위에 올릴 수 있습니다.
• 슬라이드 및 문서 배경: 텍스트 영역 뒤에 불투명도 12%의 사진을 두면 접근성 기준보다 명암비를 낮추지 않으면서 깊이감을 더할 수 있습니다.
• 웹 및 앱 디자인: 오버레이, 비활성 상태, 마우스 오버 레이어에 쓸 반투명 이미지를 미리 만들어 두세요. CSS에서 별도로 불투명도를 지정할 필요가 없습니다.
• 동영상 및 스트리밍 오버레이: OBS 등 유사한 도구는 PNG 알파를 바로 합성하므로 불투명도 35%의 배지를 별도 필터 없이 스트림에 표시할 수 있습니다.
• 인쇄 및 공예: 초대장, 스크랩북, 증명서에 쓸 흐린 사진 배경을 원본 해상도로 저장해 리샘플링을 피하세요.
• 겹쳐 보는 비교 이미지: 건축 사진이나 제품 사진을 맞춰 볼 때 한 이미지를 다른 이미지 위에 페이드해 겹치세요.

불투명도, 투명도, 알파 — 같은 값을 세 가지 방식으로 보기

RGBA 픽셀은 빨강, 초록, 파랑, 알파의 네 바이트를 가집니다. 알파는 색상이 아니라 덮는 정도를 나타내는 값으로, 이 픽셀 뒤의 내용이 얼마나 비쳐 보일지 지정합니다. 불투명도는 이 값을 백분율로 표현한 것이며 투명도는 그 반대 값입니다. 따라서 불투명도 30%, 알파 77, 투명도 70%는 모두 같은 픽셀을 설명합니다. 이 도구는 알파 바이트만 직접 조정하고 빨강, 초록, 파랑은 건드리지 않으므로 불투명도를 낮췄다가 다시 높여도 원래 색상이 정확히 복원됩니다.

알아둘 점이 하나 있습니다. canvas ImageData는 알파가 미리 곱해지지 않은 상태로 저장되므로 색상 채널은 원래 값을 유지하고 알파는 별도로 저장됩니다. 일부 이미지 처리 과정은 색상을 알파로 미리 스케일링해 저장합니다. 이 경우 불투명도를 반복해서 편집하면 이미지 가장자리가 점차 어두워질 수 있습니다. 알파가 미리 곱해지지 않은 방식으로 처리하면 이 작업을 정확히 되돌릴 수 있습니다.

내보내기 형식 선택

더 나은 결과를 얻는 방법

• 먼저 실제 배경과 미리보기 배경을 맞추세요. 체크무늬 배경에서 25%를 선택한 뒤 어두운 페이지에 이미지를 놓으면 워터마크가 잘 보이지 않는 경우가 가장 흔합니다.
• 슬라이더를 조절하기 전에 단계 미리보기를 사용하세요. 내 이미지의 여섯 단계를 나란히 보면 슬라이더를 조금씩 옮기며 이전 값을 기억하려는 것보다 빠르게 결정할 수 있습니다.
• 페이드 폭이 80%를 넘으면 실수처럼 보일 수 있습니다. 불투명한 중심 부분을 최소 20% 남기면 눈이 기준으로 삼을 영역이 생깁니다.
• 텍스트에는 최소 불투명도를 높게 설정하세요. 페이드가 0에 도달하면 캡션의 일부가 사라질 수 있습니다. 최소값을 15–25%로 두면 희미하지만 읽을 수 있습니다.
• 잘 모르겠으면 PNG로 내보내세요. 무손실이고 널리 지원되며, 나중에 예상치 못한 결과를 만들지 않는 세 가지 형식 중 유일한 형식입니다.

개인정보 보호

이미지 디코딩, 알파 값 변경, 재인코딩은 HTML5 canvas API를 통해 브라우저에서 처리됩니다. 이미지 데이터는 miniwebtool이나 제3자에게 전송되지 않고 저장되지도 않으며, 오프라인 상태에서도 페이지가 계속 작동합니다. 미공개 제품 사진, 고객 작품, 개인 사진처럼 워터마크를 넣고 싶은 파일을 처리할 때 특히 중요합니다.

자주 묻는 질문

이미지 불투명도를 어떻게 바꾸나요?

이미지를 열고 불투명도 슬라이더를 원하는 백분율로 조절한 다음 PNG로 다운로드하세요. 이 도구는 모든 픽셀의 알파 채널을 다시 기록하므로 불투명도 40%는 255 중 102의 알파 값으로 저장되고 빨강, 초록, 파랑 채널은 그대로 유지됩니다. 흰색 배경에 합성되지 않으므로 파일은 어디에 배치하든 실제 반투명 상태를 유지합니다.

투명 이미지가 다시 불투명하게 보이는 이유는 무엇인가요?

대부분 JPG로 저장했기 때문입니다. JPG 형식에는 알파 채널이 없으므로 파일을 저장할 때 투명한 픽셀은 어떤 색에든 합성해야 합니다. 대신 PNG 또는 WebP를 선택하면 투명도가 유지됩니다. PNG가 여전히 불투명하게 보이면 이미지를 연 프로그램이 투명도를 합성하는지, 불투명한 흰색 canvas에 표시하는지 확인하세요.

워터마크에는 어느 정도의 불투명도가 적당한가요?

사진 위에 놓는 로고 워터마크는 보통 15~30%가 적당합니다. 찾으려는 사람에게는 보이면서 사진과 경쟁하지 않을 정도로 은은합니다. 텍스트 워터마크는 가는 획이 단단한 도형보다 빨리 흐려지므로 약 25~40%가 좋습니다. 같은 워터마크도 어두운 이미지보다 흰색에서 훨씬 강하게 보일 수 있으니, 결정하기 전에 사진과 비슷한 색으로 미리보기 배경을 설정하세요.

불투명도를 낮추면 이미지 품질이 떨어지나요?

불투명도를 바꾸면 알파 채널만 기록하고 색상 채널은 그대로 두므로 이 작업 자체로는 세부 정보가 손실되지 않습니다. 품질 변화는 내보내는 파일 형식에서 발생합니다. PNG와 무손실 WebP는 손실 없이 다시 인코딩하지만 JPG는 이미지를 다시 압축하고 투명도도 제거합니다. 나중에 이미지를 다시 편집할 예정이라면 PNG로 내보내세요.

이미지가 서버로 업로드되나요?

아니요. 파일은 canvas API를 통해 브라우저에서 직접 디코딩되고 새 알파 채널이 적용된 뒤 재인코딩되므로 픽셀은 기기를 떠나지 않으며 사본도 저장되지 않습니다. 페이지가 로드된 뒤 오프라인으로 전환해도 계속 작동하므로 미공개 작품, 고객 로고, 개인 사진을 안전하게 처리할 수 있습니다.