한국어

사진에 글자 넣기 — 이미지 텍스트 추가 (글꼴·외곽선)

이미지 위에 여러 줄 텍스트를 글꼴·색·외곽선과 함께 넣어 저장하는 브라우저 도구

브라우저에서 처리 · 서버로 전송되지 않음

글자를 넣을 이미지를 여기로 끌어다 놓으세요

JPG, PNG, WebP 한 장, 50MB까지 돼요. 복사한 이미지는 Ctrl+V(맥은 ⌘V)로 붙여 넣어도 돼요. 이미지는 브라우저 밖으로 나가지 않아요.

Enter로 줄을 바꿀 수 있어요. 긴 줄은 자동 줄바꿈을 켜면 폭에 맞춰 나뉘어요.

글꼴은 이 사이트에서 직접 받아요(SIL 오픈 폰트 라이선스). 글꼴에 없는 글자는 기기 기본 글꼴로 그려요.

이미지 가로폭에 대한 비율이에요.

글자 크기에 대한 비율이에요. 0이면 외곽선이 없어요.

줄 정렬

이미지 가로폭에 대한 비율이에요. 이보다 긴 줄은 다음 줄로 넘어가요.

위치

미리보기를 끌거나 눌러서 원하는 곳에 놓을 수도 있어요. 미리보기를 선택한 뒤 방향키로 1%씩(Shift는 5%씩) 옮길 수 있어요. 화면 낭독기를 쓴다면 포커스 모드(NVDA는 Insert+Space)로 바꾼 뒤 방향키를 누르세요.

저장 형식

원본 해상도로 저장해요. PNG는 화질 손실이 없고, JPG는 품질 92로 저장해요. 파일 이름 끝에 -text가 붙어요.

새로 그려서 저장하기 때문에 원본의 EXIF(촬영 기기·시각·GPS 위치)는 담기지 않고, 사진의 회전 방향은 반영돼요. 이미지는 서버로 올라가지 않아요.

사진에 글자 넣기란?

사진이나 그림 위에 문구를 얹어 이미지로 저장하는 도구예요. 가게 메뉴판 사진에 가격을 적거나, 행사 사진에 제목을 넣거나, 블로그 대표 이미지에 큰 제목을 올릴 때 써요. 줄바꿈이 있는 여러 줄 문구도 그대로 넣을 수 있고, 한글이 예쁘게 나오는 글꼴을 골라 쓸 수 있어요.

사용법

  1. 이미지를 점선 영역에 끌어다 놓거나 이미지 선택을 눌러요.
  2. 넣을 글자에 문구를 적어요. Enter로 줄을 바꿀 수 있어요.
  3. 글꼴, 글자 크기, 글자 색, 외곽선 색·두께, 그림자, 줄 정렬을 정해요. 긴 문장은 자동 줄바꿈과 줄 폭으로 정리해요.
  4. 위치의 9칸 버튼으로 자리를 잡거나 미리보기를 끌어서 옮겨요.
  5. 저장 형식(PNG 또는 JPG)을 고르고 이미지 저장을 눌러요.

그리는 기준

  • 크기 비율: 글자 크기는 이미지 가로폭의 1~40%, 외곽선은 글자 크기의 0~30%, 줄 폭은 가로폭의 20~100%예요. 그래서 미리보기와 원본 크기 결과가 똑같이 보여요.
  • 줄바꿈: 띄어쓰기 단위로 줄을 나누고, 띄어쓰기가 없는 중국어·일본어나 긴 주소는 글자 단위로 나눠요. 이모지 조합(가족, 국기 등)은 중간에서 끊지 않아요.
  • 위치: 9칸 위치는 가장자리에서 짧은 변의 3%를 띄우고, 직접 옮긴 위치는 글자 상자가 이미지 밖으로 나가지 않게 맞춰요.
  • 저장: PNG는 화질 손실이 없고, JPG는 품질 92로 저장해요. 파일 이름 끝에 -text가 붙어요. 원본의 EXIF 정보는 담기지 않아요.

예시

용도 설정 예
메뉴 사진 가격 표시 굵은 제목체, 크기 7%, 흰 글자, 검은 외곽선 12%, 아래 가운데
블로그 대표 이미지 제목 고딕, 크기 9%, 반투명 상자 켬, 정가운데, 줄 폭 80%
손글씨 느낌 카드 손글씨, 크기 10%, 외곽선 0%, 그림자 켬

휴대폰에서 볼 이미지라면 글자를 생각보다 크게 넣는 편이 좋아요. 작은 화면에서는 가로폭의 5% 아래 글자가 잘 읽히지 않을 수 있어요.

위아래 큰 문구가 있는 밈을 만들려면 밈 생성기를, 여러 장에 같은 글자를 넣으려면 워터마크 도구를 써 보세요.

자주 묻는 질문

글자가 사진 위에서 잘 안 보여요.

외곽선 두께를 10~15%로 올리고 글자 색과 반대되는 외곽선 색(흰 글자에 검은 외곽선)을 쓰면 어떤 배경에서도 잘 읽혀요. 배경이 복잡하면 '글자 뒤 반투명 상자'를 켜 보세요.

저장한 이미지가 미리보기와 같은가요?

같아요. 글자 크기, 외곽선, 줄 폭, 위치를 모두 사진 크기에 대한 비율로 계산하고, 미리보기와 저장 파일을 같은 코드로 그려요. 미리보기는 화면에 맞게 줄여서 보여 줄 뿐이고 저장은 원본 해상도로 해요.

어떤 글꼴을 쓸 수 있나요?

고딕(Pretendard), 굵은 제목체, 명조, 손글씨, 붓글씨 다섯 가지예요. 모두 SIL 오픈 폰트 라이선스 글꼴이라 결과 이미지를 상업적으로 써도 돼요. 글꼴에 없는 글자는 기기 기본 글꼴로 그려요.

위치를 정확하게 옮기고 싶어요.

9칸 위치 버튼으로 기본 자리를 잡고, 미리보기를 끌거나 눌러서 원하는 곳에 놓아요. 미리보기를 선택한 뒤 방향키를 누르면 1%씩, Shift와 함께 누르면 5%씩 움직여요.

사진이 서버로 올라가나요?

아니요. 글자를 그리고 저장하는 일은 모두 내 브라우저 안에서 이루어져요.

필요한 도구가 있나요?