온라인 이미지에 텍스트 추가

사용자 정의 글꼴, 크기, 색상 및 위치로 이미지에 텍스트를 추가합니다.

텍스트 추가가 하는 일

텍스트 추가는 서버로 아무것도 보내지 않고 캔버스 렌더링을 사용해 브라우저 안에서 이미지 픽셀 위에 텍스트 레이어를 직접 그립니다. 텍스트 내용에 입력하는 내용은 고른 글꼴, 글꼴 크기, 색상으로 렌더링된 뒤 수평 위치와 수직 위치 — 이미지 좌상단 모서리를 기준으로 측정된 숫자 오프셋 — 를 사용해 배치됩니다. 그림자 토글은 글자 뒤에 고정된 드롭 섀도를 넣어, 뒤쪽 영역이 사진이나 그라디언트, 또는 단색보다 복잡한 무엇이든 텍스트가 배경에 묻히지 않고 계속 읽기 쉽게 유지합니다. 이 도구가 하지 않는 것도 알아둘 필요가 있습니다. 자동 줄바꿈이 없으므로 큰 글꼴 크기의 긴 문자열은 새 줄로 넘어가는 대신 캔버스 가장자리를 벗어나 버립니다 — 줄바꿈은 텍스트 내용 안에서 직접 제어해야 합니다. 회전 컨트롤이 없어서 텍스트는 항상 수평으로 놓이며, 글자별 또는 단어별 스타일도 없습니다 — 전체 문자열이 하나의 글꼴, 하나의 색상, 하나의 크기, 하나의 그림자 상태를 공유합니다. 내보내면 텍스트는 이미지의 픽셀 안으로 평탄화됩니다 — 나중에 다시 열어 재배치하거나 스타일을 바꿀 수 있는 별도의 움직이는 레이어로 유지되지 않으므로, 내보내기 전 미리보기에서 본 것이 이후에는 고정된 결과가 됩니다.

텍스트 추가를 사용해야 할 때

일반적인 캡션 바가 아니라 그 단어들이 정확히 어떻게 보이고 자리 잡는지에 대한 통제가 필요할 때 사진 위에 글자를 얹기 위한 도구입니다. 밈 스타일 이미지가 가장 명확한 사례입니다 — 위나 아래 가장자리 근처에 굵게 고정된 텍스트를 그림자를 켠 채로 배치해 아래 사진에서 무슨 일이 일어나든 확실히 읽히게 합니다. 소셜 게시물용 명언 그래픽도 같은 방식으로 작동합니다. 배경 사진을 고르고, 인용문 텍스트를 겹치고, 복잡한 디테일을 피할 때까지 수평 위치와 수직 위치를 조정한 뒤 내보내면 됩니다. 더 조용하고 실용적인 작업도 다룹니다 — 공유하기 전에 사진 구석에 작은 크레딧이나 저작자 표시 줄을 찍거나, 상품 사진에 크기나 가격을 라벨링하거나, 사용법 가이드를 위해 스크린샷에 포인터 캡션으로 주석을 다는 일입니다. 이 각각의 경우에서 특히 그림자가 가치를 발휘합니다 — 사진에는 텍스트를 얹을 깔끔한 평면 영역이 거의 없고, 노을 그라디언트나 무늬 있는 천, 어수선한 책상 사진 위의 단순한 색상 문자열은 위에 또렷하게 자리 잡기보다 이미지 속으로 사라지는 경향이 있기 때문입니다.

그림자를 통해 복잡하거나 대비가 낮은 배경 위에서도 읽기 쉬운 캡션을 만듭니다
수평 위치와 수직 위치로 픽셀 단위로 정밀하게 배치합니다
전적으로 클라이언트 측에서 실행됩니다 — 미리보고 조정하는 동안 업로드가 없습니다
밈, 명언 그래픽, 크레딧 줄, 스크린샷 캡션까지 하나의 도구로 처리합니다

이미지에 텍스트를 추가하는 방법

모든 필드는 브라우저에서 미리보기를 실시간으로 업데이트하므로 내보내기 전에 텍스트가 정확히 어떻게 자리 잡을지 볼 수 있습니다.

1

캡션, 인용문, 크레딧 줄을 텍스트 내용에 입력합니다 — 긴 텍스트는 자동으로 줄바꿈되지 않으므로 두 번째 줄이 필요하면 직접 줄바꿈을 추가하세요.

2

글꼴을 고르고 이미지 해상도에 맞춰 글꼴 크기를 설정합니다 — 원본 사진이 클수록 전체 크기에서 읽기 쉽게 하려면 더 큰 글꼴 크기가 필요합니다.

3

텍스트 뒤와 대비되는 색상을 고르고, 그 영역이 사진이나 그라디언트 또는 단색이 아닌 무언가라면 그림자를 켭니다.

4

수평 위치와 수직 위치를 설정해 텍스트를 원하는 정확한 자리에 배치하고, 배경에서 가장 복잡한 부분과 대조해 확인한 뒤 내보냅니다.

자주 묻는 질문

텍스트 추가는 텍스트를 캔버스에 맞춰 자동으로 줄바꿈하거나 자동으로 줄이지 않으므로, 큰 글꼴 크기와 결합된 긴 문자열은 왼쪽이나 오른쪽 가장자리를 넘어가 내보내기에서 잘릴 수 있습니다. 텍스트 내용 안에서 직접 줄바꿈으로 더 짧은 줄로 나누거나, 문자열이 프레임 안에 편안히 자리 잡을 때까지 글꼴 크기를 줄이세요. 회전 컨트롤도 없어서 모든 것이 엄격히 수평으로 렌더링되므로, 읽기 어려울 때까지 글꼴을 줄이는 것보다 긴 줄을 두 줄로 나누는 편이 더 안정적인 해결책입니다.
텍스트 추가는 특정 사진 한 장에 대해 글꼴, 색상, 크기, 정확한 수평/수직 위치를 완전히 수동으로 제어하면서 캡션 하나를 배치하는 데 더 적합합니다. 워터마크 도구는 텍스트 추가가 제공하지 않는 타일링이나 불투명도 처리를 흔히 곁들여 여러 이미지에 걸쳐 같은 마크를 한 번에 일관되게 적용하도록 만들어졌습니다. 명언 그래픽이나 일회성 캡션 하나를 찍는 것이라면 텍스트 추가를, 이미지 배치 전체를 같은 방식으로 브랜딩하는 것이라면 워터마크를 사용하세요.
둘 다 이미지 좌상단 모서리를 기준으로 측정된 픽셀 오프셋이므로, 0/0은 텍스트를 좌상단 모서리에 고정하고 값을 늘리면 오른쪽이나 아래로 밀립니다. 유효한 값은 대략 0부터 이미지의 너비와 높이(픽셀)까지이며, 그 이상은 텍스트를 보이는 캔버스 밖으로 밀어냅니다. 백분율 격자가 아니라 이미지 자체의 픽셀 치수에 연동되므로, 같은 숫자 위치라도 4000px 사진과 400px 썸네일에서는 상대적으로 다른 자리에 놓입니다 — 크기를 조절한 뒤에는 배치를 다시 확인하세요.
아니요. 텍스트 추가는 전적으로 클라이언트 측에서 실행됩니다 — 글꼴 렌더링, 색상 합성, 위치 지정이 모두 서버가 아니라 브라우저의 캔버스 안에서 일어납니다. 편집하는 동안 이미지가 전송되는 일은 없으며, 이는 페이지가 로드된 뒤에는 인터넷 연결 없이도 계속 작동한다는 뜻이고, 이후 서버 측에 남는 사진 사본도 없습니다.
텍스트 내용은 여러 줄 입력을 받으므로, 직접 줄바꿈을 추가해 한 줄에는 캡션을, 다음 줄에는 크레딧이나 날짜를 넣을 수 있습니다. 제공되지 않는 것은 자체 글꼴, 색상, 위치를 가진 독립적인 두 번째 텍스트 블록입니다 — 텍스트 내용에 입력된 모든 것은 하나의 스타일과 하나의 수평/수직 위치를 공유합니다. 완전히 다르게 스타일된 캡션 두 개가 필요하다면, 텍스트 추가를 한 번 적용해 내보낸 뒤 그 결과물에 다시 실행하세요.
그림자는 자체 색상, 흐림, 오프셋 컨트롤을 가진 패널이 아니라 단일 토글입니다 — 켜면 텍스트 뒤에 일관된 드롭 섀도 하나가 적용됩니다. 이는 그라디언트 하늘이나 무늬 있는 벽처럼 복잡하거나 대비가 낮은 배경에서 텍스트를 분리하기 위해 특별히 존재하며, 이런 배경에서는 단색 텍스트만으로는 배경에 묻히게 됩니다. 기본 그림자보다 더 강한 분리가 필요하다면, 그림자 자체의 모양은 조절할 수 없으므로 이미 대비가 잘 되는 텍스트 색상을 고르는 것이 주된 방법입니다.
글꼴 스타일은 오로지 글꼴 드롭다운에서 고르는 옵션에서 나옵니다 — 그 위에 별도의 굵게나 기울임꼴 토글이 없고, 사용자 글꼴 파일을 불러오는 옵션도 없습니다. 굵거나 기울어진 텍스트를 원한다면 목록에서 이미 그렇게 스타일된 글꼴 계열을 고르세요. 목록은 서식 스위치로 그런 효과를 흉내 내는 것을 지원하지 않습니다. 어떤 글꼴 계열을 고르든 글꼴 크기와 색상은 계속 자유롭게 조절할 수 있습니다.
텍스트 추가는 JPG, PNG 같은 표준 사진 형식과 작동하며, 내보낸 파일은 불러온 것과 같은 형식을 유지합니다 — JPG는 텍스트가 픽셀 안에 구워진 채 그대로 JPG로 남고, 별도의 편집 가능한 레이어로 저장되지 않습니다. 텍스트가 내보내기 시 이미지에 평탄화되므로, 나중에 돌아와 원본의 손대지 않은 사진부터 다시 시작하지 않고는 이동하거나 다시 스타일을 바꿀 수 없습니다. 나중에 다른 캡션이 필요할 것 같다면 원본 이미지를 안전한 곳에 보관해 두세요.

더 많은 이미지 도구

이미지 편집 요구에 맞는 다른 강력한 도구를 살펴보세요

이미지 압축

크기 줄이기

크기 조절

치수 변경

이미지 자르기

영역 자르기

형식 변환

형식 변경

사진 편집기

사진 편집

이미지 회전

이미지 회전

이미지 뒤집기

수평/수직 뒤집기

워터마크 추가

워터마크

테두리 추가

이미지 테두리 추가

둥근 모서리

둥근 모서리 추가

필터

밝기/대비

얼굴 흐리게

얼굴 숨기기

모자이크

영역 흐림

배경 제거

배경 제거

이미지 향상

AI 업스케일

콜라주

여러 이미지 결합

HTML을 이미지로

웹을 이미지로

GIF를 시퀀스로

프레임 추출

이미지 여백 제거

빈 가장자리 제거

이미지 일괄 이름 변경

파일 이름을 안전하게 한꺼번에 변경

원형 자르기

이미지를 원형으로 자르기

흑백

이미지를 흑백으로 변환

이미지 분할

이미지를 그리드로 자르기

이미지 병합

이미지를 하나로 결합

DPI 변경

이미지 DPI 메타데이터 설정

이미지를 Base64로

이미지를 Base64로 인코딩

이미지를 PDF로

이미지를 하나의 PDF로 합치기

HEIC을 JPG로 변환

아이폰 HEIC 사진을 JPG로 변환

EXIF 제거기

GPS 위치를 포함한 사진 속 숨겨진 메타데이터 확인 및 삭제

파비콘 생성기

전체 아이콘 세트와 HTML 제공

색상 팔레트

이미지에서 색상 추출하기

Base64를 이미지로

Base64를 다시 이미지로 디코딩

HEIC를 PNG로

아이폰 HEIC 사진을 무손실 PNG로 변환

이미지 뒤 텍스트

사진 속 피사체 뒤에 텍스트를 넣습니다. 전부 브라우저에서 처리됩니다

컬러 피커

원하는 픽셀의 HEX, RGB, HSL 값 확인

서명 만들기

서명을 그려서 투명 PNG로 다운로드

서명 배경 제거

종이에서 잉크만 남겨 투명하게

투명 배경 만들기

배경을 투명하게 만들기