Insights
AI가 자동으로 큐레이션·번역·정리하는 기술 동향 피드입니다.
JPG 파일처럼 텍스트 레이어가 없는 플랫 이미지에서 텍스트를 수정하는 것은 매우 까다로운 작업입니다. 본문은 PhoText라는 브라우저 기반 AI 도구를 소개하며, 이 도구가 JPG 내의 텍스트를 클릭하여 편집하고 글꼴, 색상 등을 자동으로 조정해주는 워크플로우를 설명합니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 Dev.to AI tag의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기제품 사진, 광고 크리에이티브 또는 소셜 그래픽을 JPG 형식으로 받았습니다. 그런데 누군가 가격, 헤드라인 또는 제품 이름을 변경해야 합니다. 파일에는 텍스트 레이어가 없습니다. 일반 에디터로 열면 단순히 픽셀만 보입니다. '제대로' 수정하는 방법은 지우고, 클론 스탬프(clone-stamp)를 사용하고, 일치하는 글꼴을 찾고, 다시 타이핑한 다음, 내보내는 것입니다. 짧은 문구 변경에 있어서는 매우 긴 작업 과정입니다.
제가 현재 플랫된 JPG 파일에 사용하는 워크플로우는 다음과 같습니다. 브라우저에서 실행되며, 원래의 모습을 유지하여 배포할 수 있을 정도로 충분히 비슷하고, 레이어드 소스(layered source)가 남아있을 때만 전체 디자인 도구로 돌아갑니다.
JPG (JPEG)는 플랫되고 손실 압축(lossy)된 사진입니다. 디자이너가 최종 그래픽을 내보낼 때, 라이브 텍스트 레이어는 사라졌습니다. 글자들이 사진의 일부가 되어버린 것입니다. 클릭 가능한 텍스트 상자는 존재하지 않습니다.
따라서 이미지에 새겨진 단어를 편집한다는 것은 한 번에 세 가지 작업을 수행하는 것을 의미합니다:
JPEG 압축은 이 과정을 더 어렵게 만듭니다. 날카로운 모서리—글자 스트로크를 포함하여—가 먼저 부드러워지기 때문입니다. 항상 가지고 있는 가장 크고, 압축이 덜 된 사본부터 시작하세요.
저는 이 작업을 위해 PhoText를 사용합니다. 이곳은 프리미엄(freemium)이며 브라우저 기반의 AI 이미지 텍스트 에디터로, 하나의 작업에 초점을 맞추고 있습니다: 이미 이미지 안에 있는 텍스트를 변경하는 것입니다. JPG를 업로드하고, 라인을 클릭한 다음, 대체할 내용을 입력하면 글꼴 느낌, 색상, 크기 및 배경과 일치하도록 조정해 줍니다. 설치가 필요 없습니다. 핵심적인 '클릭하여 편집(click-to-edit)' 기능이 아래 흐름을 처리합니다.
또한 글꼴 인식(font recognition), 대화형 편집(
Open PhoText에 접속하여 .jpg 또는 .jpeg 파일을 드롭하세요. 화면을 사진으로 찍거나, 채팅 다운로드 파일, 혹은 3세대 소셜 미디어 저장본보다 원본 내보내기(original export)를 선호하세요. 재압축할 때마다 글자 주변에 잡음이 생깁니다.
PNG와 WebP도 사용 가능합니다. 하지만 본 포스팅에서는 JPG만 가지고 있다고 가정하겠습니다.
줄, 단어 또는 짧은 구문을 클릭하세요. 감지(detection)가 문자를 잘못 읽었다면, 모델이 올바른 글자에 초점을 맞추도록 그 부분을 먼저 수정한 후 진행하세요. 새로운 문구를 입력합니다. 대문자 사용과 비슷한 길이 유지가 보통 레이아웃에 더 잘 맞습니다.
빠른 수정 작업이 부자연스러워지기 쉬운 부분이 바로 여기입니다. 근접한 라이브러리 매칭을 원할 때는 글꼴 인식(font recognition) / 글꼴 식별(Identify Font) 기능을 사용하고, 색상과 주변 텍스트의 일반적인 효과는 AI 스타일 매칭에 맡기는 것이 좋습니다. 원래 색상을 스포이드로 찍으세요. 미묘하게 어긋난 검은색은 즉시 부자연스럽게 보입니다.
여기서 시간을 들여 30초를 사용하세요. 이것이 '수정된' 것과 '명백히 편집된' 것의 차이를 만듭니다.
복잡한 제품 사진, 나무결, 직물, 또는 질감이 있는 포스터는 단순 지우개 작업 후에도 자국을 남길 수 있습니다. 변경 사항을 일반 영어로 설명하고, 스머지(smudge) → 지우기(erase) → 재입력 과정을 반복하는 대신 시맨틱 편집(semantic edit) + 배경 복원(background repair) 기능을 함께 사용하세요.
획의 끝부분, 그림자, 그리고 이전 글자 뒤쪽 패치 부분을 확인하세요. 전체 그래픽을 다시 생성하기보다는 문제가 있는 한 줄만 수정하는 것이 좋습니다. 손실 없는 작업본이 필요할 때는 PNG로 내보내고, 사진이 웹에서 작게 유지되어야 할 때는 고품질 JPEG로 내보내세요.
주의: open → edit → save-as-JPG → edit again 과정을 피하세요. 추가적인 JPG 저장 과정은 모든 것을 재압축하고 새로운 텍스트를 흐릿하게 만듭니다.
만약 한 달에 한 번 이상 플랫하게 처리된 JPG를 상속받는다면, 이 페이지를 북마크하세요. 미래의 당신이 현재의 당신에게 감사할 것입니다.