이미지

이미지에 넣은 글자가 배경에 묻힐 때, 대비를 잡는 네 가지 방법

사진 위 글자가 안 읽히는 것은 글자색을 잘못 골라서가 아니라 배경이 균일하지 않기 때문입니다. 배경 상태별로 쓸 수 있는 방법을 정리했습니다.

최종 수정일 읽는 데 약 5

핵심 요약

  • 사진 배경은 위치마다 밝기가 달라서 어떤 글자색을 골라도 일부 구간에서는 묻힙니다.
  • 글자색만으로 해결하려 하지 말고 배경 상자, 외곽선, 그림자 중 하나를 함께 써야 합니다.
  • 밝기 차이가 충분한지는 색상값을 확인해 대략적으로 가늠할 수 있습니다.
  • 글자를 놓을 자리를 먼저 고르는 것이 색을 고르는 것보다 효과가 큽니다.

사진 위에 제목을 올렸는데 일부 글자가 배경에 묻혀 읽히지 않습니다. 글자색을 흰색에서 검은색으로 바꿔봤지만 이번에는 다른 부분이 안 보입니다.

색을 아무리 바꿔도 해결되지 않는 이유가 있습니다. 결론부터 말하면 사진 배경은 위치마다 밝기가 다르기 때문에 한 가지 글자색으로는 전 구간을 감당할 수 없고, 색이 아니라 배경 처리를 함께 써야 합니다.

글자가 배경에 묻히는 조건

글자가 읽히는 것은 글자와 배경 사이의 밝기 차이 덕분입니다. 색상이 달라도 밝기가 비슷하면 경계가 흐릿하게 느껴집니다. 흑백으로 바꿔 보면 이 점이 분명해집니다. 색을 빼고도 읽히면 대비가 충분한 것이고, 흑백에서 뭉개지면 색이 있어도 읽기 어렵습니다.

문제는 사진이 균일한 배경이 아니라는 점입니다. 한 장의 사진 안에 밝은 하늘과 어두운 그림자가 함께 있습니다. 흰 글자를 놓으면 하늘 위 구간에서 사라지고, 검은 글자를 놓으면 그림자 위 구간에서 사라집니다.

여기에 하나가 더 있습니다. 사진에는 잔무늬가 많습니다. 나뭇잎, 벽돌, 물결 같은 무늬 위에서는 밝기 차이가 충분해도 글자 획이 무늬에 섞여 읽기 어려워집니다.

정리하면 밝기 차이와 배경의 복잡도, 두 가지가 함께 작용합니다.

배경 상태별로 달라지는 처리 방법

배경 상태권장 처리이유
균일한 어두운 면흰 글자만으로 충분밝기 차이가 확보됨
균일한 밝은 면검은 글자만으로 충분같은 이유
밝고 어두운 부분이 섞임반투명 배경 상자글자 뒤 밝기를 통일함
잔무늬가 많은 배경배경 상자 또는 굵은 외곽선무늬와 획을 분리함
하늘처럼 완만한 그러데이션그림자 또는 얇은 외곽선경계만 살짝 띄우면 충분
어디에 놓아도 애매함여백을 만들어 그 위에 배치배경을 바꾸는 것이 가장 확실

네 가지 방법 중에서는 반투명 배경 상자가 가장 확실합니다. 글자 뒤의 밝기를 한 가지로 만들어 버리므로 배경이 무엇이든 결과가 예측 가능합니다. 대신 사진이 가려집니다.

외곽선은 사진을 덜 가리면서 무늬와 획을 분리해 줍니다. 흰 글자에 어두운 외곽선을 얇게 두르는 조합이 무난합니다.

그림자는 가장 자연스럽지만 효과가 약합니다. 배경이 대체로 균일하고 경계만 살짝 애매할 때 적합합니다.

여백 만들기는 사진 위아래에 단색 띠를 두고 그 위에 글자를 올리는 방식입니다. 사진을 전혀 가리지 않지만 전체 구도가 달라집니다.

대비를 확인하고 조정하는 순서

  1. 글자를 놓을 자리를 먼저 고릅니다. 사진에서 비교적 균일하고 덜 중요한 영역을 찾습니다. 이 단계가 색을 고르는 것보다 효과가 큽니다.
  2. 그 자리의 배경색을 확인합니다. 밝은 편인지 어두운 편인지 봅니다.
  3. 반대쪽 밝기의 글자색을 고릅니다. 색상 코드 변환기에서 HSL 값을 확인하면 밝기를 숫자로 비교할 수 있습니다. 배경과 글자의 밝기 값 차이가 클수록 안전합니다.
  4. 배경 처리를 더합니다. 이미지에 텍스트 추가 도구에서 배경 상자, 테두리, 불투명도를 조절합니다.
  5. 흑백으로 바꿔 확인합니다. 색을 뺀 상태에서도 읽히면 통과입니다.
  6. 작게 축소해서 봅니다. 목록이나 미리보기에서는 작게 표시됩니다.

1번을 먼저 하는 것이 핵심입니다. 자리를 잘 고르면 색은 거의 자동으로 정해지고, 자리를 잘못 고르면 어떤 색으로도 해결되지 않습니다.

색을 바꿔도 안 읽힐 때

증상원인조치
글자 일부만 안 보임그 구간의 배경 밝기가 다름반투명 배경 상자 추가
전체가 흐릿하게 느껴짐밝기 차이가 부족더 밝거나 더 어두운 색으로
무늬 위에서 뭉개짐배경 복잡도가 높음외곽선을 두껍게
작게 보면 안 읽힘획이 얇음글자를 굵게 하거나 크게
배경 상자가 답답함상자가 불투명하거나 큼불투명도를 낮추고 여백을 줄임
저장하니 색이 달라 보임형식 변환에서 색이 변함PNG로 저장해 확인

이미지 위 글자에서 흔한 실수

색만으로 해결하려 합니다. 배경이 균일하지 않으면 어떤 색도 전 구간을 감당하지 못합니다. 배경 처리를 함께 써야 합니다.

자리를 정하지 않고 색부터 고릅니다. 순서가 반대입니다. 놓을 자리를 정하면 색은 대체로 따라 정해집니다.

큰 화면에서만 확인합니다. 목록에서는 작게 표시되고, 그때 얇은 획이 먼저 사라집니다.

외곽선을 너무 두껍게 넣습니다. 획 사이가 메워져 오히려 읽기 어려워집니다. 얇게 시작해 필요한 만큼만 늘리세요.

중요한 피사체 위에 글자를 올립니다. 읽히더라도 사진이 망가집니다. 여백이나 덜 중요한 영역을 먼저 찾아보세요.

저장 후 확인하지 않습니다. 편집 화면의 미리보기와 저장된 파일의 인상이 다를 수 있습니다.

읽히는 글자의 조건

글자가 읽히려면 배경과의 밝기 차이가 있어야 하고, 배경이 복잡하면 밝기 차이만으로는 부족합니다.

자리를 먼저 고르고, 그 자리의 밝기에 맞춰 색을 정하고, 배경이 복잡하면 상자나 외곽선을 더하세요. 마지막에 흑백으로 한 번, 축소해서 한 번 확인하면 대부분 걸러집니다.

자주 묻는 질문

흰 글자와 검은 글자 중 뭐가 안전한가요?

배경에 따라 다릅니다. 어두운 사진에는 흰 글자가, 밝은 사진에는 검은 글자가 유리합니다. 다만 한 사진 안에서도 밝은 부분과 어두운 부분이 섞여 있으면 어느 쪽도 안전하지 않습니다. 그때는 색이 아니라 배경 상자나 외곽선으로 해결해야 합니다.

대비가 충분한지 어떻게 판단하나요?

가장 확실한 방법은 이미지를 흑백으로 바꿔 보는 것입니다. 색을 빼고도 글자가 읽히면 대비가 충분합니다. 색상값으로 가늠하려면 글자색과 배경색의 밝기 차이를 확인하는데, 두 색의 HSL 밝기 값 차이가 클수록 안전합니다.

그림자를 넣으면 다 해결되나요?

복잡한 배경에서는 그림자만으로 부족한 경우가 많습니다. 그림자는 글자 경계를 살짝 띄워주는 정도의 효과라, 배경이 글자색과 비슷한 밝기로 넓게 깔려 있으면 여전히 묻힙니다. 그때는 반투명 배경 상자가 확실합니다.

글자를 크게 하면 읽히지 않나요?

도움은 되지만 근본 해결은 아닙니다. 크기는 획을 두껍게 만들어 인식을 돕지만, 배경과 밝기가 같으면 커도 읽기 어렵습니다. 크기보다 밝기 차이가 우선입니다.