이미지에 텍스트 추가하는 법
실전 활용 가이드
이미지에 텍스트를 넣으면 블로그 썸네일, 카드뉴스, 밈 이미지, 이벤트 포스터 등 다양한 콘텐츠를 만들 수 있습니다. 하지만 텍스트를 잘못 배치하면 가독성이 떨어지거나 이미지를 해치는 결과가 됩니다. 이 가이드에서는 이미지에 텍스트를 효과적으로 넣는 방법과 실전 팁을 설명합니다.
1. 이미지에 텍스트를 추가하는 방법
ImgFixIt을 사용하면 소프트웨어 설치 없이 브라우저에서 바로 이미지에 텍스트를 추가할 수 있습니다.
- 이미지를 업로드합니다 — 드래그앤드롭 또는 클릭으로 불러옵니다
- '① 편집' 단계가 나타나면 텍스트 입력란에 원하는 문구를 입력합니다
- 폰트 크기(px)와 색상을 선택합니다
- '텍스트 추가' 버튼을 클릭합니다
- 이미지 위에 나타난 텍스트를 클릭하고 드래그해서 원하는 위치로 이동합니다
- 텍스트를 여러 개 추가하려면 위 과정을 반복합니다
- 완성되면 다운로드 버튼으로 저장합니다
모바일에서도 됩니다: 스마트폰 브라우저에서도 이미지에 텍스트를 추가할 수 있습니다. 터치로 드래그해서 위치를 조절하세요.
2. 폰트 크기 선택 가이드
폰트 크기는 이미지 해상도에 따라 상대적입니다. 같은 36px도 100×100 이미지에서는 크게 보이고, 2000×1500 이미지에서는 작게 보입니다.
| 이미지 크기 | 제목 텍스트 | 부제목·본문 |
|---|---|---|
| 800×600 이하 (소형) | 24~40px | 14~20px |
| 1080×1080 (인스타 정방형) | 48~80px | 24~36px |
| 1200×675 (블로그 썸네일) | 60~100px | 28~44px |
| 1920×1080 (Full HD) | 80~140px | 36~60px |
원칙: 텍스트는 화면에서 확인했을 때 바로 읽힐 수 있어야 합니다. 축소된 썸네일에서도 읽힌다면 적당한 크기입니다.
3. 가독성 높이는 색상 선택
텍스트 색상은 배경 이미지와의 대비(contrast)가 핵심입니다. 대비가 낮으면 텍스트가 잘 보이지 않습니다.
흰색 텍스트 (#FFFFFF)
어두운 배경 사진에서 가장 잘 보입니다. 하늘, 실내, 어두운 풍경 사진에 적합. 가장 많이 쓰이는 선택입니다.
검정 텍스트 (#000000 또는 #222222)
밝은 배경, 흰 배경, 파스텔 톤 이미지에 적합합니다. 제품 사진이나 밝은 풍경 이미지에 잘 어울립니다.
노란색·주황색 계열
경고, 강조, 에너지 있는 느낌을 줍니다. 어두운 배경에 노란 텍스트는 강한 대비로 주목도가 높습니다.
배경이 복잡할 때
사진 배경이 복잡하면 어떤 색을 써도 가독성이 떨어집니다. 이런 경우 텍스트 뒤에 반투명 배경(박스)을 깔거나, 사진을 먼저 어둡게 조정한 후 흰 텍스트를 얹는 것이 좋습니다.
대비 원칙: 흰 텍스트 → 어두운 배경, 검정 텍스트 → 밝은 배경. 비슷한 밝기의 텍스트와 배경 조합은 피하세요.
4. 텍스트 위치 배치 원칙
여백 활용
텍스트는 이미지 가장자리에 너무 붙이지 않습니다. 이미지 폭의 5~10% 정도 여백을 두면 깔끔해 보입니다.
단순한 배경 위에 배치
텍스트는 배경이 단순한 영역(하늘, 벽, 어두운 그림자 영역)에 올리면 가장 잘 읽힙니다. 복잡한 패턴이나 오브젝트 위는 피하세요.
중앙 정렬의 함정
텍스트를 항상 중앙에 배치할 필요는 없습니다. 좌측 정렬이 더 자연스럽게 읽히는 경우가 많습니다. 특히 긴 텍스트는 좌측 정렬이 가독성이 높습니다.
주요 피사체 가리지 않기
사람 얼굴, 상품, 로고 등 핵심 피사체 위에 텍스트를 올리면 이미지가 답답해 보입니다. 피사체를 피해 여백에 배치하세요.
5. 실전 활용 사례
블로그 썸네일
- 크기: 1200×675px (16:9)
- 텍스트: 제목(굵게, 큰 폰트) + 부제목(작게)
- 색상: 배경에 맞는 대비색 선택
- 팁: 오른쪽에 이미지, 왼쪽에 텍스트 배치가 잘 통함
카드뉴스
- 크기: 1080×1080px (정방형)
- 텍스트: 페이지당 하나의 핵심 메시지
- 색상: 일관된 브랜드 색상 유지
- 팁: 텍스트가 이미지의 60~70% 공간 차지해야 잘 읽힘
이벤트·공지 이미지
- 크기: 용도에 맞게 (인스타 스토리라면 1080×1920)
- 텍스트: 날짜, 장소, 주요 내용을 계층적으로 배치
- 색상: 브랜드 색상 또는 행사 테마 색상
- 팁: 가장 중요한 정보를 가장 크게 배치
6. 텍스트 이미지를 더 잘 만드는 팁
- 텍스트는 적게: 이미지에 넣을 텍스트는 최대한 짧고 핵심적으로. 긴 문장은 가독성을 해칩니다.
- 폰트 통일: 한 이미지에 여러 종류의 폰트를 섞으면 지저분해 보입니다. 두 가지 이하로 제한하세요.
- 텍스트 수 제한: 텍스트 레이어가 많을수록 복잡해집니다. ImgFixIt에서 여러 텍스트를 추가할 수 있지만 3개 이하로 유지하는 것이 좋습니다.
- 배경이 복잡하면 여백 영역 만들기: 사진을 크롭하거나 어두운 영역을 골라 텍스트를 배치하세요.
- 미리보기 확인: 모바일에서 어떻게 보이는지 스마트폰으로 미리보기를 확인하세요. PC에서 잘 보여도 모바일에서는 텍스트가 너무 작을 수 있습니다.