Image Extender는 잘린 이미지의 바깥을 AI가 이어 그려 넓혀 주는 오픈소스 웹 도구로, 직접 설치와 OpenRouter 유료 키가 필요해 문턱이 있습니다.
Image Extender가 뭔가요
잘린 사진의 '바깥쪽'을 AI가 상상해서 자연스럽게 이어 그려 주는 도구입니다.
- Outpainting아웃페인팅(바깥 이어 그리기)
- 이미지의 가장자리 바깥을 AI가 원본과 어울리게 이어 그려 화면을 넓히는 기술입니다. Image Extender가 하는 핵심 일이 바로 이것입니다.
- Open source / MIT오픈소스 / MIT 라이선스
- 프로그램 코드가 공개돼 있고, MIT 조건 아래 누구나 보고 가져다 쓸 수 있다는 뜻입니다. 단 '코드가 무료'라는 것이지, 실행에 필요한 AI 이용료까지 공짜라는 뜻은 아닙니다.
- API keyAPI 키
- 외부 AI 서비스를 내 프로그램에서 쓰게 해주는 '비밀 출입증' 같은 글자 묶음입니다. Image Extender는 이미지를 만들 때 이 키로 AI를 호출하고, 사용한 만큼 키 주인에게 요금이 매겨집니다.
나한테 맞는 도구일까
솔직히 말하면, 비개발자에겐 '직접 설치'와 '유료 키'라는 두 문턱이 있습니다.
Image Extender는 좋은 도구지만, 클릭만으로 바로 쓰는 웹 서비스가 아니라 내 컴퓨터에 직접 받아서 띄워야 하는 프로그램입니다. 시작하기 전에 두 가지를 솔직히 알아두는 게 좋습니다.
- 직접 설치가 필요합니다 — 공식 안내 기준, 코드를 내려받아(git clone) 'npm install', 'npm run dev' 같은 명령으로 내 컴퓨터에 띄운 뒤 브라우저에서 'localhost:3000' 주소로 엽니다. 이 과정은 개발 환경(Node.js)에 익숙하지 않으면 막힐 수 있습니다.
- 유료 OpenRouter API 키가 필요합니다 — 이미지를 만들 때마다 외부 AI(구글 Gemini 계열)를 부르므로, OpenRouter에서 키를 발급받고 결제 수단을 등록해야 합니다. 공식 안내 기준 확장 1회당 약 0.03달러가 든다고 돼 있어, 코드 자체는 무료라도 실제 사용엔 돈이 듭니다.
그래서 '비율 맞추기를 자주 하고, 설치 정도는 시도해 볼 의향이 있는 분'에겐 쓸모가 크지만, '지금 당장 사진 하나만 넓히면 된다' 정도라면 설치 없이 쓰는 더 쉬운 대안(아래 안내)이 나을 수 있습니다.
오픈소스라니까 사이트 들어가서 바로 클릭으로 쓰면 되는 거죠?
아닙니다. Image Extender는 누구나 클릭으로 쓰는 공개 웹사이트가 아니라, 코드를 받아 내 컴퓨터에 직접 띄워야 하는 프로그램입니다(공식 안내 기준 localhost:3000에서 실행). 게다가 이미지를 만들려면 유료 OpenRouter 키가 필요합니다. 설치가 부담되면, 아래 '오늘 해볼 것'에서 안내하는 설치 없는 대안부터 써 보는 게 더 쉬운 입구입니다.
비율 작업이 잦은 디자인·마케팅 담당
썸네일·배너·발표 배경의 가로세로 비율을 자주 맞춰야 하고, 한 번 설치해 두고 반복해서 쓰고 싶은 분. 직접 띄워 쓰는 만큼 외부에 이미지를 덜 올린다는 장점도 있습니다.
지금 사진 한 장만 급한 분
설치·키 발급이 부담스럽고 한 번만 쓰면 된다면, 굳이 직접 띄우지 않아도 됩니다. 설치 없이 쓰는 이미지 편집 서비스의 '이미지 확장/생성형 채우기' 기능이 더 빠를 수 있습니다.
사무직은 어떤 일에 쓰나
'화면 밖을 만들어내야 할 때'면 어디든 — 발표·홍보물에서 특히 쓸모가 큽니다.
Image Extender의 핵심 쓸모는 '비율이 안 맞는 이미지를 잘라내지 않고 넓혀서 맞추는 것'입니다. 디자인 도구가 없는 사무직도 이런 상황이 자주 생깁니다.
이런 업무에 써볼 수 있어요
- 기획·마케팅 — 세로로 찍힌 제품 사진을 가로 와이드 배너 비율로 넓혀 홈페이지·SNS 표지에 쓰기
- 발표·교육 — 슬라이드 꽉 채우는 배경이 필요한데 이미지가 작을 때, 가장자리를 이어 그려 화면 전체를 덮기
- 총무·사내 공지 — 행사 포스터의 여백이 부족할 때 위아래를 넓혀 제목·일정 넣을 자리 확보하기
- 콘텐츠 — 유튜브·블로그 썸네일을 16:9 비율에 맞추려고 인물을 자르는 대신 배경을 옆으로 늘리기
시작하는 법 — 설치부터 첫 실행까지
흐름은 '코드 받기 → 설치 → 실행 → 브라우저에서 열기 → 유료 키 넣기'입니다.
1단계 · 준비물 확인
내 컴퓨터에 Node.js(자바스크립트 실행 환경)가 깔려 있어야 하고, 명령을 입력할 터미널이 필요합니다. OpenRouter 계정과 결제 수단도 미리 준비하세요. 이 준비물이 막막하다면, 아래 '오늘 해볼 것'의 설치 없는 대안부터 보는 게 좋습니다.
2단계 · 코드 내려받기(git clone)
공식 저장소 github.com/boona13/image-extender 의 안내대로 'git clone' 명령으로 코드를 내 컴퓨터에 복사합니다. 명령어는 바뀔 수 있으니 반드시 공식 README에서 최신 내용을 그대로 가져오세요.
3단계 · 설치하고 실행하기
받은 폴더 안에서 'npm install'(필요한 부품 설치) → 'npm run dev'(실행) 순서로 입력합니다. 공식 안내 기준 이렇게 하면 내 컴퓨터에 도구가 켜집니다.
4단계 · 브라우저에서 열기
실행이 끝나면 브라우저 주소창에 'localhost:3000'을 입력해 도구 화면을 엽니다. 이 화면은 인터넷 공개 사이트가 아니라 내 컴퓨터 안에서만 도는 화면입니다.
5단계 · OpenRouter 키 넣고 이미지 넓히기
openrouter.ai/keys 에서 발급한 키를 화면 안내에 따라 입력합니다(공식 안내 기준 키는 브라우저에만 저장). 그다음 이미지를 올리고 넓힐 방향(위·아래·좌·우)을 골라 실행하면, AI가 바깥을 이어 그려 줍니다.
비용과 안전 — 미리 알아둘 것
'코드는 무료'지만, 이미지를 만들 때마다 AI 이용료가 따로 듭니다.
| 항목 | 내용(변동될 수 있음) |
|---|---|
| 프로그램 라이선스 | MIT 오픈소스 — 코드를 보고 가져다 쓸 수 있음(코드 자체는 무료) |
| 실제 이용료 | OpenRouter API 키 필요 — 공식 안내 기준 확장 1회당 약 0.03달러(Gemini 계열 모델) |
| 이용 방식 | 공개 웹사이트 아님 — 직접 설치 후 내 컴퓨터의 localhost:3000에서 실행 |
| 넓히는 방향 | 위·아래·왼쪽·오른쪽(공식 안내 기준 네 방향) |
오픈소스니까 비용 한 푼 없이 마음껏 쓸 수 있는 거죠?
코드는 MIT 오픈소스라 무료지만, 실제로 이미지를 넓히려면 외부 AI(Gemini 계열)를 호출해야 하고 그때마다 요금이 듭니다. 공식 안내 기준 확장 1회당 약 0.03달러로, 많이 쓰면 쌓일 수 있어요. '코드 무료'와 'AI 사용 무료'는 다릅니다. 구체적 요금·모델은 바뀔 수 있으니 OpenRouter와 공식 저장소에서 꼭 확인하세요.
오늘 해볼 것 — 부담 없이 한 걸음
꼭 설치하지 않아도 됩니다. '나한테 맞는지'부터 가볍게 가늠해 보세요.
1단계 · 공식 저장소 둘러보기
github.com/boona13/image-extender 를 열어 화면 예시와 소개를 훑어보며 '어떤 결과가 나오는 도구인지' 감을 잡습니다. 영어가 부담되면 브라우저 번역을 켜세요.
2단계 · 내게 맞는지 체크
'나는 직접 설치(Node.js·터미널)를 시도할 의향이 있나?', '유료 OpenRouter 키를 만들 생각이 있나?' 두 질문에 스스로 답해 봅니다.
3단계 · 부담되면 설치 없는 대안부터
설치가 막막하면, 평소 쓰는 이미지 편집 서비스(예: 생성형 채우기·이미지 확장 기능이 있는 온라인 편집 도구)로 먼저 '바깥 이어 그리기'가 무엇인지 체험해 봅니다. 결과가 자주 필요하다고 느껴질 때 Image Extender 설치로 넘어가도 늦지 않습니다.
4단계 · 맞다면 연습용 이미지로 시험
설치를 진행한다면, 중요하지 않은 연습용 이미지를 한 장 넣어 위·아래·좌·우 중 한 방향만 넓혀 보고 결과의 어색함 정도를 확인합니다.
- 설치를 진행한다면, 명령어는 기억에 의존하지 말고 공식 README에서 그대로 복사하기
- 회사 홍보물에 쓸 거라면 원본 이미지의 저작권·초상권을 미리 확인하기
- AI가 이어 그린 결과는 그대로 쓰기 전에 인물·글자·로고가 어색하지 않은지 한 번 확인하기
| 이걸 했으면 첫걸음 끝 | 확인 |
|---|---|
| 공식 저장소에서 '어떤 결과가 나오는 도구인지' 확인했다 | ☐ |
| '직접 설치·유료 키' 두 조건이 나에게 맞는지 판단했다 | ☐ |
| 부담되면 설치 없는 대안으로 '바깥 이어 그리기'를 먼저 체험했다 | ☐ |
| 설치한다면 연습용 이미지로 한 방향만 먼저 시험하기로 했다 | ☐ |
자주 묻는 질문
Image Extender는 무료인가요?
프로그램 코드는 MIT 라이선스 오픈소스라 무료로 보고 가져다 쓸 수 있습니다. 다만 실제로 이미지를 넓히려면 OpenRouter API 키가 필요하고, 공식 안내 기준 확장 1회당 약 0.03달러의 AI 이용료가 듭니다. 구체적 요금은 변동될 수 있으니 공식 안내를 확인하세요.
코딩을 모르는데 쓸 수 있나요?
가능은 하지만 권장되진 않습니다. 클릭만으로 쓰는 웹사이트가 아니라 코드를 받아 내 컴퓨터에 직접 띄워야 해서(Node.js·터미널 필요) 비개발자에겐 문턱이 있습니다. 부담된다면 설치 없이 '이미지 확장/생성형 채우기' 기능을 제공하는 온라인 편집 서비스로 먼저 체험하는 게 더 쉽습니다.
OpenRouter API 키가 꼭 있어야 하나요?
네. 이 도구는 이미지를 만들 때 외부 AI(구글 Gemini 계열)를 호출하므로 OpenRouter 키가 필요합니다. openrouter.ai/keys 에서 발급하며, 공식 안내 기준 키는 내 브라우저에만 저장됩니다. 키는 결제와 연결된 비밀번호 같은 것이라 외부에 공유하지 마세요.
AI가 이어 그린 부분이 어색하면 어쩌죠?
충분히 생길 수 있는 일입니다. AI가 바깥을 '상상해서' 그리기 때문에 인물 얼굴·글자·로고가 틀리거나 어색할 수 있어요. 결과는 그대로 믿지 말고 한 번 더 만들어 보거나, 어색한 방향은 빼고 다른 방향만 넓히는 식으로 다듬으세요.
남의 사진을 넓혀서 회사 홍보물에 써도 되나요?
주의가 필요합니다. AI가 바깥을 그려도 원본의 저작권·초상권은 그대로 남습니다. 출처가 불분명하거나 인물이 또렷한 이미지는 권리를 먼저 확인하고, 확인이 어려우면 업무용으로 쓰지 않는 게 안전합니다.
어떤 비율 작업에 쓰면 좋나요?
세로 사진을 가로 배너로, 작은 이미지를 슬라이드 꽉 채우는 배경으로, 여백이 부족한 포스터를 넓히는 식으로 '잘라내지 않고 화면을 넓혀야 할 때' 잘 맞습니다. 위·아래·좌·우 네 방향으로 넓힐 수 있습니다.
출처와 확인 경계
기능·설치 방법·이용 조건·라이선스는 Image Extender 공식 GitHub 저장소(README)와 OpenRouter 안내를 기준으로 정리했습니다(2026-06-08 기준). 공식 README에 따르면 이 프로젝트는 MIT 라이선스 오픈소스이고, 실행하려면 OpenRouter API 키가 필요하며 확장 1회당 대략 0.03달러(Gemini 'Nano Banana' 이미지 모델 기준)의 비용이 든다고 안내합니다. 설치 명령어·화면 표시·지원 모델·요금 형태는 업데이트로 바뀔 수 있으니 아래 내용은 큰 흐름으로 참고하고, 실제 진행 전 공식 저장소에서 최신 정보를 한 번 확인하세요. AI가 이어 그린 부분은 어색하거나 사실과 다를 수 있으므로, 결과 이미지는 그대로 믿기보다 한 번 직접 확인하는 게 좋습니다.