이미지에 텍스트 추가

Add Text to Image란 무엇인가요?

Add Text to Image는 사용자가 이미지 위에 맞춤형 텍스트를 올려볼 수 있는 무료 온라인 사진 편집 도구입니다. Fabric.js와 PHP로 구축된 이 웹 기반 애플리케이션은 워터마크, 자막이나 장식 텍스트 요소를 업로드된 이미지에 추가하기 위한 간단하면서도 강력한 인터페이스를 제공합니다.

이 도구는 다양한 텍스트 커스터마이징 옵션을 지원하며, 여러 글꼴 패밀리(산세리프, 서리프, 몬토텍스트, 장식)에서 글꼴 선택, 색상 풀링, 크기 조정, 투명도 제어 및 텍스트 위치 설정이 포함됩니다. 사용자는 텍스트를 회전시키고 그림자와 테두리와 같은 효과를 적용하고 다양한 정렬 옵션을 선택할 수 있습니다. 처리된 이미지는 여러 파일을 사용 중일 때 ZIP 아카이브로 개별적으로 다운로드할 수 있습니다.

Add Text to Image를 어떻게 사용하나요?

1. 이미지 업로드

   • 업로드 영역을 클릭하거나 이미지 파일을 드래그/다운로드
   • 여러 파일 지원 (설정 한도까지)
   • JPG, PNG, GIF, BMP, WEBP 형식 지원

2. 텍스트 커스터마이징

   • 입력 필드에 텍스트 내용 입력
   • 20개 이상의 글꼴 패밀리 선택
   • 색상 풀러 사용하여 텍스트 색상 선택
   • 크기 조정 (10-120px) 및 투명도 조절 (0-100%)
   • 회전 각도 설정 (-180도 ~ 180도)

3. 위치 및 효과

   • 9점 그리드 사용하여 빠른 배치
   • 텍스트 효과 적용: 그림자, 테두리, 배경
   • 형식 선택: 굵게, 이탤릭, 밑줄

4. 결과 다운로드

   • '텍스트 적용' 버튼 클릭하여 이미지 처리
   • 단일 파일 자동 다운로드
   • 여러 파일은 ZIP 아카이브로 다운로드

FAQ

1. 이 도구는 어떤 이미지 형식을 지원하나요? 이 도구는 JPG, PNG, GIF, BMP, WEBP와 같은 모든 일반 이미지 형식을 지원합니다. 처리 시스템은 다양한 파일 형식을 자동으로 처리하면서 원본 품질을 유지합니다 (JPEG 압축은 90% 품질로). 최대 파일 크기와 수량 한도는 서버 측에서 설정되지만 일반적으로 파일당 수백 MB까지 허용합니다.

2. 이미지에 텍스트를 적용한 후 수정할 수 있나요? 네, 이 도구는 실시간 편집을 제공합니다. 초기 배치 후 모든 텍스트 속성을 수정할 수 있습니다 - 단순히 제어를 조정하면 미리보기가 즉시 업데이트됩니다. 이는 콘텐츠, 글꼴, 색상, 크기, 위치 및 효과를 변경하는 것을 포함합니다. 캔버스는 최종 이미지 다운로드될 때까지 완전히 편집 가능한 상태로 유지됩니다.

3. 텍스트 위치는 어떻게 작동하나요? 이 도구는 9점 그리드 시스템(좌상단, 상중앙, 우상단 등)과 수동 드래그를 통해 정밀한 텍스트 위치를 제공합니다. 그리드 버튼을 사용하면 텍스트가 가장자리에서 고정 거리로 배치됩니다. 픽셀 하나의 정밀도로 배치하려면 미리보기 캔버스에서 텍스트 객체를 직접 클릭하고 드래그할 수 있습니다.

4. 텍스트 길이에 제한은 있나요? 텍스트 길이에 엄격한 제한은 없지만, 매우 긴 텍스트는 캔버스 경계를 벗어날 수 있습니다. 도구는 이미지 너비 내에서 텍스트를 자동으로 감싸는 데 사용됩니다. 최적의 결과를 얻으려면 워터마크를 간결하게 유지하거나, 이미지 크기 내에서 긴 텍스트를 맞추기 위해 글꼴 크기를 수동으로 조정하는 것이 좋습니다.

5. 이 도구는 업로드한 이미지를 저장하나요? 아니요, 모든 처리는 브라우저 내에서 클라이언트 측에서 이루어집니다. 이미지는 결코 서버에 업로드되거나 저장되지 않습니다. 이 도구는 JavaScript(Fabric.js 라이브러리)를 사용하여 로컬에서 이미지를 처리하여 완전한 프라이버시를 보장합니다. 다운로드된 파일은 현재 설정에 따라 매번 새로 생성됩니다.

6. 드롭다운 목록에 없는 사용자 정의 글꼴을 사용할 수 있나요? 현재 미리 정의된 글꼴 선택만 사용 가능합니다. 이 도구는 산세리프, 서리프, 몬토텍스트, 장식 등 모든 주요 카테고리를 포함한 20개 이상의 웹 안전 글꼴을 포함합니다. 이는 다양한 장치와 브라우저에서 일관된 렌더링을 보장하며 외부 글꼴 로딩이 필요 없습니다.