카드뉴스 배경사진이 흐릿한 이유와 직접 만드는 법

카드뉴스나 인스타그램 게시물을 넘겨보다 보면 배경 사진이 유독 흐릿하게 처리된 경우를 자주 보게 됩니다. 사진을 잘못 찍었거나 화질이 나빠서가 아니라, 그 위에 얹을 글자를 더 잘 읽히게 만들기 위해 일부러 흐리게 처리한 것입니다. 원리를 알면 이런 방식을 직접 만드는 것도 어렵지 않습니다.

요약 ① 선명한 사진 위에 글자를 얹으면 배경의 디테일과 글자 획이 겹쳐 보여 가독성이 떨어집니다 ② 배경을 흐리게 하면 디테일이 줄어들면서 글자와 배경의 명암 대비가 또렷해집니다 ③ 적절한 블러 강도는 사진 밝기와 글자 크기에 따라 달라지므로 눈으로 확인하며 맞추는 게 가장 정확합니다

배경사진이 흐릿한 이유 — 왜 이런 일이 생기나

카드뉴스나 인스타그램 게시물은 사진 위에 제목·문구를 직접 얹는 구조가 많습니다. 이때 배경 사진이 선명하면 사진 속 윤곽선, 무늬, 색상 경계가 그대로 남아 있어 그 위에 놓인 글자 획과 시각적으로 겹쳐 보입니다.

특히 흰색이나 검은색 같은 단색 글자를 쓸 때 이 문제가 두드러집니다. 배경에 밝고 어두운 부분이 뒤섞여 있으면 글자가 밝은 부분에서는 잘 보이다가 어두운 부분에서는 묻혀 보이는 식으로 대비가 불안정해집니다.

블러는 사진의 미세한 디테일(윤곽선, 질감)을 뭉개서 색상 영역을 매끄럽게 만드는 처리입니다. 배경이 매끄러워지면 그 위에 놓인 글자의 테두리가 상대적으로 또렷하게 도드라져 보이는데, 이 대비 확보가 배경을 흐리게 만드는 핵심 이유입니다.

확인하는 방법 — 원하는 강도로 직접 만들기

도구 없이 만들 때는 포토샵의 가우시안 블러, 파워포인트의 '그림 서식 → 꾸밈 효과 → 흐리게', 캔바의 효과 패널에 있는 흐림 슬라이더처럼 이미지 편집 프로그램에 내장된 블러 기능을 그대로 쓰면 됩니다. 원리는 모두 같아서 강도(픽셀 값)만 조절하면 됩니다.

강도를 얼마나 줘야 하는지는 사진 해상도와 글자 크기에 따라 달라 정해진 정답이 없습니다. 다만 가로 폭 10001200px 정도의 사진이라면 1020px 사이에서 시작해 결과를 보면서 조절하는 방식이 실패가 적습니다.

강도가 너무 약하면 디테일이 남아 있어 글자와 배경이 여전히 겹쳐 보이고, 너무 강하면 사진 자체가 무엇을 찍은 건지 알아보기 어려워져 배경이 주는 분위기 정보가 사라집니다. 그래서 수치를 외우기보다 슬라이더를 움직이며 눈으로 확인하는 편이 정확합니다.

저희 도구로 확인하기. 사진을 올리고 슬라이더를 움직이면 흐림 강도가 바뀌는 결과를 실시간 미리보기로 바로 확인할 수 있습니다.

직접 해보기 →

자주 막히는 지점

정리

카드뉴스나 인스타그램 배경 사진이 흐릿한 건 실수가 아니라, 글자 가독성을 위해 배경의 디테일을 줄이고 명암 대비를 만드는 의도적인 처리입니다. 강도가 너무 약하면 글자와 배경이 겹치고, 너무 강하면 사진의 정보가 사라지므로 그 사이 지점을 찾는 게 핵심입니다.

정답이 정해진 수치가 아니라 사진마다 다르기 때문에, 슬라이더로 강도를 바꿔가며 결과를 바로 눈으로 보고 맞추는 방식이 가장 빠릅니다.

자주 묻는 질문

카드뉴스용 사진은 블러를 얼마나 줘야 적당한가요?

정해진 수치는 없지만 가로 폭 10001200px 사진 기준으로 1020px 정도가 흔히 쓰이는 범위입니다. 사진의 형태는 알아볼 수 있으면서 글자가 또렷하게 보이는 지점을 슬라이더로 직접 확인하며 찾는 것이 가장 정확합니다.

배경만 흐리게 하고 인물은 선명하게 남길 수 있나요?

이 도구는 사진 전체에 동일한 강도로 블러를 적용하는 방식입니다. 인물이나 특정 영역만 선명하게 남기고 나머지만 흐리게 하려면 영역을 나눠 편집하는 별도 작업이 추가로 필요합니다.

블러 처리한 사진은 서버에 저장되나요?

업로드한 사진은 브라우저 안에서 처리되어 결과 파일로 바로 다운로드됩니다. 별도 서버에 전송하거나 저장하지 않으므로 개인 사진을 다루는 데 부담이 적습니다.