이미지 시퀀스를 MP4로 — 무료, 업로드 없이, 오프라인에서도

이 약속을 직접 확인하는 방법

이미지는 나갈 곳이 없습니다. 이 페이지가 연결해도 되는 주소는 Content-Security-Policy에 모두 적혀 있는데, 그중 이 사이트 것은 하나도 없습니다. 파일이 모일 만한 수신 지점이 없고, 설령 있더라도 거기로 파일을 보낼 코드가 없습니다. 예전에는 이 줄이 connect-src 'none'이었고 그건 절대적이었습니다. 광고를 넣으면서 그걸 잃었고, 그 사실을 말해 두는 것까지가 약속입니다.

인코딩은 내 기기에서 합니다. WebCodecs는 내 브라우저 안에서 돌고, 완성된 파일은 곧바로 내려받기로 넘어갑니다. 이 앱에는 서버 쪽이라는 것이 없습니다.

구글이 불러오는 것과, 구글에게 주지 않는 것. 광고와 측정 스크립트는 구글에서 옵니다. 어느 쪽에도 내 이미지에 관한 것은 넘어가지 않습니다. 파일도, 미리보기도, 이름도, 용량도, 개수도요. 이미지를 읽고 디코딩하고 합성하고 인코딩하는 코드는 한 줄도 빠짐없이 이 출처에서 제공되고 저장소에 공개되어 있습니다.

후원 버튼이 불러오는 것과, 후원 버튼이 받지 못하는 것. 헤더의 "Buy me a coffee" 버튼은 cdnjs.buymeacoffee.com의 스크립트가 그리고, 글꼴은 Google Fonts에서 가져옵니다. 그저 링크일 뿐이에요. 방문을 보고하지도, 나에 관한 것이나 내 이미지에 관한 것을 받아 가지도 않습니다. 누르지 않으면 아무 일도 일어나지 않고, 눌러서 가게 되는 곳은 남의 사이트입니다.

일부러 둔 예외 하나. "주소로 추가하기"를 쓰면 이미지를 가져오려고 그 서버에 연결하게 되고, 그쪽은 내 IP 주소를 보게 됩니다. 가져오는 것은 붙여 넣은 이미지뿐이고, 방향도 들어오는 쪽뿐입니다. img-src는 열려 있지만 connect-src는 아닙니다. 아래 카운터가 연결된 외부 출처를 전부 나열합니다.

오프라인에서도 동작합니다. 네트워크를 끊어도 주소로 불러오기 말고는 전부 그대로 돌아갑니다. 가장 간단한 증거입니다.

직접 확인해 보세요. 위에 적은 어느 것도 그냥 믿으실 필요는 없습니다. 이 페이지는 저장소 안의 템플릿과 설정을 빌드 스크립트가 찍어 낸 결과이고, 그 스크립트는 누구나 읽고 직접 돌려 볼 수 있습니다. 결과물은 dist 브랜치에 그대로 올라가 있고요. 그래서 실제로 제공되는 파일과 소스를 빌드한 결과를 나란히 놓고 비교해 보실 수 있습니다:

github.com/A-Box-of-Tools/website

먼저 읽어 볼 파일을 꼽자면, Content-Security-Policy는 config/site.toml, 네트워크에 손대지 않는 인코딩 반복문은 src/encoder.js에 있습니다.

회사 보안 소프트웨어가 업로드를 경고한다면. 그것은 브라우저에서 파일이 선택되는 순간을 지켜보며, 페이지가 그것을 보낼 생각인지는 알 수 없습니다 — 그래서 고르는 순간에 경고합니다. 여기서는 아무것도 보내지 않습니다. 브라우저 개발자 도구를 열고 네트워크 탭으로 옮긴 뒤 파일을 골라 보세요. 그것을 실어 나르는 요청은 없고, 이 페이지 자체의 로컬 미리보기 말고는 요청 자체가 없습니다. 같은 확인을 IT 팀도 삼십 초면 할 수 있습니다.

1 이미지 고르기

여기에 이미지를 놓으세요 또는 클릭해서 고르기. JPEG, PNG, WebP, GIF, AVIF

주소로 추가하기

네트워크를 쓰는 기능은 이것 하나뿐입니다. 주소를 불러오면 그쪽 서버는 내 IP 주소와 어떤 이미지 파일을 요청했는지를 알게 됩니다. 이미지 파일은 도착하자마자 로컬 메모리로 복사되고 다시 요청하지 않습니다. 내 쪽에서 나가는 것은 아무것도 없고, 이 페이지는 여전히 어떤 업로드도 하지 못합니다.

한 줄에 주소 하나

상대 서버가 이미지 파일의 교차 출처 사용을 허용해야 합니다. 허용하지 않는 곳도 많은데, 그럴 때는 나중에 조용히 망가지는 대신 메시지를 띄우며 실패합니다.

2 영상 설정

해상도

프레임 레이트

이미지 맞춤

배경색

화질

형식

이미지를 넣으면 미리보기가 나옵니다

이미지: —
길이: —
출력 크기: —
전체 프레임: —

3 동영상 만들기

이미지로 읽지 못한 파일 {n}개를 건너뛰었습니다: {names} 이미지로 읽지 못한 파일 {n}개를 건너뛰었습니다: {names} {names}… {name} 순서를 바꾸려면 끌기 {name} 제거 {name}을 몇 프레임 보여줄지 {name}을 몇 초 보여줄지 {name} 앞으로 이동 앞으로 {name} 뒤로 이동 뒤로 · {host}에서 프레임 초 이미지 {n}개 이미지 {n}개 초당 {n}프레임입니다. {n} fps를 씁니다 (허용 범위 {min}-{max}). ⁦{width} x {height}⁩에 맞췄습니다. 줄어드는 이미지는 없습니다. 고른 이미지 가운데 가장 높은 해상도에 맞춥니다. 출력 ⁦{width} x {height}⁩ (짝수로 반올림). 이 브라우저는 영상을 인코딩하지 못합니다. 최근의 Chrome이나 Edge, Safari를 써 보세요. 실시간으로 녹화합니다. 끝날 때까지 이 탭을 앞에 두세요. 실시간보다 빠르게 인코딩합니다. 뒤에 두어도 됩니다. ⁦{width} × {height}⁩ {fps} fps면 모두 {total}입니다 준비하는 중… 마무리하는 중… 실시간으로 녹화하는 중 — {total} 중 {done} ({percent}%) {total}프레임 중 {done}번째를 인코딩하는 중 ({percent}%) {n} fps 이 브라우저는 ⁦{width}×{height}⁩로 H.264를 인코딩하지 않습니다. 더 낮은 해상도를 쓰거나 출력 형식을 WebM으로 바꿔 보세요. 이 브라우저는 WebCodecs도 캔버스 녹화도 지원하지 않습니다. 녹화가 멈췄습니다. 이 브라우저는 뒤에 있는 탭에서 캔버스 캡처를 멈춥니다. 영상을 만드는 동안 이 탭을 앞에 두세요. 녹화하는 동안 탭이 가려져 있어서 빠진 프레임이 있을 수 있습니다. 이 탭을 앞에 두고 다시 내보내면 깔끔한 결과가 나옵니다. {a}, {b} {a} · {b} {a} — {b} {n} KB {n} MB {minutes}분 {seconds}초 {n}초 인코더가 디코더 구성을 내놓지 않았습니다. 인코딩된 프레임이 하나도 없습니다. 영상이 4 GB 한도를 넘습니다. 품질이나 해상도, 길이를 낮추면 됩니다. 내부 오류: MP4 색인의 크기가 두 차례 계산 사이에 달라졌습니다. 영상을 만드는 중에 문제가 생겼습니다. 이미지는 어디로도 가지 않았습니다. 파일 {total}개를 불러왔습니다. {platform} {hosts}에서 이미지를 가져왔습니다. 당신이 직접 붙여 넣은 주소입니다. {platform} 광고와 측정과 후원 버튼을 위한 이 사이트 자신의 스크립트가 호스트 {hosts}곳에서 왔습니다. 그중 어느 쪽도 파일을 받지 않았습니다. 광고와 측정과 후원 버튼을 위한 이 사이트 자신의 스크립트가 호스트 {hosts}곳에서 왔습니다. 그중 어느 쪽도 파일을 받지 않았습니다.

# 이미지를 동영상으로 — MP4 슬라이드쇼 만들기 이미지가 든 폴더 하나를 동영상으로. > JPG, PNG, WebP 이미지를 MP4 슬라이드쇼 영상으로 만듭니다. 무료이고 전부 브라우저 안에서 돌아갑니다. 아무것도 업로드되지 않고, 가입도 필요 없으며, 오프라인에서도 됩니다. 이 페이지는 브라우저 안에서만 동작하는 대화형 도구입니다(https://abox.tools/ko/사진으로-동영상-만들기/). 도구에 넘긴 어떤 것도 업로드되지 않습니다. 아래는 이 페이지가 도구에 대해 글로 설명하는 내용 전부입니다. 도구를 쓰려면 이 주소를 여세요. ## 이미지 파일은 **절대 업로드되지 않습니다**. 서버가 아예 없으니까요. 모든 프레임을 인코딩하는 일은 내 브라우저가 하고, 영상은 이 기기의 메모리에서 만들어집니다. 인코더는 네트워크에 손을 대지 않으며, 설령 댄다 해도 이 페이지 반대편에는 이미지를 받아 줄 서버가 없습니다. - ✗ 업로드 없음 - ✗ 가입 없음 - ✓ 오프라인 동작 - ✓ 오픈 소스 - ✓ 파일은 기기에 그대로 ## 이미지를 동영상으로 만드는 방법 1. **이미지를 고릅니다.** 폴더를 통째로 선택 영역에 끌어다 놓거나 파일을 직접 고르세요. 브라우저가 디스크에서 곧바로 읽습니다. 그동안 어디로도 아무것도 나가지 않습니다. 2. **순서를 정하고 각 장이 얼마나 머무를지 설정합니다.** 끌어서 순서를 바꾸세요. 머무는 시간은 프레임으로도 초로도 줄 수 있고, 전체에 한 번에 적용하거나 한 장씩 따로 정할 수 있습니다. 3. **해상도와 프레임 레이트를 고릅니다.** "가장 높은 해상도에 맞추기"는 가장 큰 이미지를 따라갑니다. 프리셋에는 4K, 1080p, 720p, 정사각형, 세로가 있고, 맞는 것이 없으면 직접 입력할 수도 있습니다. 4. **동영상을 만들고 내려받습니다.** 인코딩이 내 기기에서 돌아가므로, 걸리는 시간은 대기열이 아니라 기기 성능에 달려 있습니다. 완성된 MP4는 브라우저의 다운로드로 바로 넘어갑니다. ## 자세한 설명 [이미지가 든 폴더를 동영상으로 만드는 방법](https://abox.tools/ko/가이드/사진으로-동영상-만들기/): 사진으로 MP4 슬라이드쇼 만들기. 프레임 레이트와 지속 시간이 실제로 무엇을 조절하는지, 비율이 맞지 않는 사진을 어떻게 다룰지, 그리고 결과에 배경음이 없는 이유. ## 상자 속 다른 도구 - [동영상 구간 자르기](https://abox.tools/ko/동영상-자르기/): 재생하면서 남길 구간을 표시하세요. 그 구간들이 영상 하나로 돌아옵니다. - [동영상 화면 자르기](https://abox.tools/ko/동영상-화면-자르기/): 필요한 부분만 남기고 화면을 도려냅니다. - [동영상 거꾸로 재생](https://abox.tools/ko/동영상-거꾸로-재생/): 마지막 프레임부터, 소리까지 함께. - [타임랩스 만들기](https://abox.tools/ko/타임랩스-만들기/): 한 시간짜리 영상을 20초로. ## 자주 묻는 질문 ### 제 이미지가 어딘가로 업로드되나요? 아닙니다. 이미지를 읽고 합성하고 인코딩하는 일은 내 기기에서 도는 내 브라우저가 합니다. 이 도구에는 서버 쪽이라는 것이 없고, 이 페이지의 `Content-Security-Policy`에 연결해도 되는 주소가 전부 적혀 있는데 그중 이 사이트 것은 하나도 없습니다. 예외는 선택 기능인 "주소로 추가하기" 하나로, 붙여 넣은 이미지를 가져오면서 그 서버가 내 IP 주소를 보게 됩니다. ### 어떤 이미지 형식을 쓸 수 있나요? 브라우저가 디코딩할 수 있는 정지 이미지 형식은 다 됩니다. 실제로는 JPG, PNG, WebP, GIF, AVIF, 그리고 애플 기기에서는 HEIC입니다. 여기서 따로 관리할 목록이 없습니다. 디코딩은 우리가 아니라 브라우저의 일이니까요. ### 어떤 영상 형식으로 나오나요? H.264 영상이 든 MP4입니다. 사실상 어디서나 재생됩니다. WebCodecs가 없는 브라우저에서는 대신 WebM으로 녹화하는 방식으로 넘어갑니다. 같은 영상이지만 편집 프로그램이 덜 받아 주는 컨테이너예요. ### 블렌더나 애프터 이펙트 렌더 시퀀스에 써도 되나요? 됩니다. 번호가 붙은 렌더 시퀀스야말로 이 도구가 노린 용도입니다. 렌더러가 써 낸 프레임을 넣고, 머무는 시간을 한 프레임 그대로 두고, 프레임 레이트를 렌더에 맞추세요. "이름순 정렬"이 사람이 기대하는 대로 세기 때문에 `frame_2`가 `frame_10` 뒤가 아니라 앞에 놓입니다. \ \ 시작하기 전에 알아 두실 것이 하나 있습니다. H.264에는 알파 채널이 없어서, 투명한 부분은 그대로 전달되지 않고 배경색 위로 눌립니다. 알파를 지켜야 한다면 편집 프로그램에서 프레임을 합성하세요. ### 사진으로 타임랩스를 만들 수 있나요? 됩니다. 렌더 시퀀스와 같은 일입니다. 사진마다 한 프레임씩만 머무르게 하고 프레임 레이트를 고르세요. 30fps라면 사진 서른 장이 1초가 되고, 12fps라면 같은 사진들이 2.5초 동안 흐릅니다. \ \ "날짜순 정렬"은 카메라 롤을 찍은 순서대로 되돌려 놓는데, 파일 이름이 0001부터 다시 시작해 버린 경우에 중요합니다. 크기가 제각각인 사진도 괜찮습니다. "가장 높은 해상도에 맞추기"가 어느 것도 줄어들지 않도록 영상 크기를 정해 주니까요. ### 이미지 장수나 영상 길이에 제한이 있나요? 도구에 정해 둔 제한은 없습니다. 현실적인 한계는 기기의 메모리입니다. 완성된 영상이 내려받기 전에 거기서 조립되니까요. 아주 큰 4K 슬라이드쇼에서 가장 먼저 체감하게 됩니다. ### 무료인가요? 가입해야 하나요? 무료이고 계정도, 로그인도, 체험판도 없습니다. 이 사이트는 광고로 유지되는데, 그 광고에도 내 이미지에 관한 것은 넘어가지 않습니다. ### 오프라인에서도 되나요? 됩니다. 페이지를 한 번 불러온 다음 인터넷을 끊어도 계속 동작합니다. 아무것도 업로드되지 않는다는 가장 간단한 증명이기도 하고요. 이미지를 어딘가로 보내서 처리하는 도구라면 선을 뽑는 순간 멈춰 버릴 테니까요. ### 음악이나 배경음을 넣을 수 있나요? 아직 안 됩니다. 이 도구는 영상만 만듭니다. 여기서 쓰는 MP4에는 영상 트랙 하나만 있고 오디오 트랙이 없습니다. 배경음이 필요하다면 나중에 영상 편집 프로그램에서 넣으세요. ## 이 약속을 직접 확인하는 방법 - **이미지는 나갈 곳이 없습니다.** 이 페이지가 연결해도 되는 주소는 Content-Security-Policy에 모두 적혀 있는데, 그중 이 사이트 것은 하나도 없습니다. 파일이 모일 만한 수신 지점이 없고, 설령 있더라도 거기로 파일을 보낼 코드가 없습니다. 예전에는 이 줄이 `connect-src 'none'`이었고 그건 절대적이었습니다. 광고를 넣으면서 그걸 잃었고, 그 사실을 말해 두는 것까지가 약속입니다. - **인코딩은 내 기기에서 합니다.** WebCodecs는 내 브라우저 안에서 돌고, 완성된 파일은 곧바로 내려받기로 넘어갑니다. 이 앱에는 서버 쪽이라는 것이 없습니다. - **구글이 불러오는 것과, 구글에게 주지 않는 것.** 광고와 측정 스크립트는 구글에서 옵니다. 어느 쪽에도 내 이미지에 관한 것은 넘어가지 않습니다. 파일도, 미리보기도, 이름도, 용량도, 개수도요. 이미지를 읽고 디코딩하고 합성하고 인코딩하는 코드는 한 줄도 빠짐없이 이 출처에서 제공되고 저장소에 공개되어 있습니다. - **후원 버튼이 불러오는 것과, 후원 버튼이 받지 못하는 것.** 헤더의 "Buy me a coffee" 버튼은 cdnjs.buymeacoffee.com의 스크립트가 그리고, 글꼴은 Google Fonts에서 가져옵니다. 그저 링크일 뿐이에요. 방문을 보고하지도, 나에 관한 것이나 내 이미지에 관한 것을 받아 가지도 않습니다. 누르지 않으면 아무 일도 일어나지 않고, 눌러서 가게 되는 곳은 남의 사이트입니다. - **일부러 둔 예외 하나.** "주소로 추가하기"를 쓰면 이미지를 가져오려고 그 서버에 연결하게 되고, 그쪽은 내 IP 주소를 보게 됩니다. 가져오는 것은 붙여 넣은 이미지뿐이고, 방향도 들어오는 쪽뿐입니다. `img-src`는 열려 있지만 `connect-src`는 아닙니다. 아래 카운터가 연결된 외부 출처를 전부 나열합니다. - **오프라인에서도 동작합니다.** 네트워크를 끊어도 주소로 불러오기 말고는 전부 그대로 돌아갑니다. 가장 간단한 증거입니다. **직접 확인해 보세요.** 위에 적은 어느 것도 그냥 믿으실 필요는 없습니다. 이 페이지는 저장소 안의 템플릿과 설정을 빌드 스크립트가 찍어 낸 결과이고, 그 스크립트는 누구나 읽고 직접 돌려 볼 수 있습니다. 결과물은 `dist` 브랜치에 그대로 올라가 있고요. 그래서 실제로 제공되는 파일과 소스를 빌드한 결과를 나란히 놓고 비교해 보실 수 있습니다: https://github.com/A-Box-of-Tools/website 먼저 읽어 볼 파일을 꼽자면, Content-Security-Policy는 `config/site.toml`, 네트워크에 손대지 않는 인코딩 반복문은 `src/encoder.js`에 있습니다.

자주 묻는 질문

제 이미지가 어딘가로 업로드되나요?

아닙니다. 이미지를 읽고 합성하고 인코딩하는 일은 내 기기에서 도는 내 브라우저가 합니다. 이 도구에는 서버 쪽이라는 것이 없고, 이 페이지의 Content-Security-Policy에 연결해도 되는 주소가 전부 적혀 있는데 그중 이 사이트 것은 하나도 없습니다. 예외는 선택 기능인 "주소로 추가하기" 하나로, 붙여 넣은 이미지를 가져오면서 그 서버가 내 IP 주소를 보게 됩니다.

어떤 이미지 형식을 쓸 수 있나요?

브라우저가 디코딩할 수 있는 정지 이미지 형식은 다 됩니다. 실제로는 JPG, PNG, WebP, GIF, AVIF, 그리고 애플 기기에서는 HEIC입니다. 여기서 따로 관리할 목록이 없습니다. 디코딩은 우리가 아니라 브라우저의 일이니까요.

어떤 영상 형식으로 나오나요?

H.264 영상이 든 MP4입니다. 사실상 어디서나 재생됩니다. WebCodecs가 없는 브라우저에서는 대신 WebM으로 녹화하는 방식으로 넘어갑니다. 같은 영상이지만 편집 프로그램이 덜 받아 주는 컨테이너예요.

블렌더나 애프터 이펙트 렌더 시퀀스에 써도 되나요?

됩니다. 번호가 붙은 렌더 시퀀스야말로 이 도구가 노린 용도입니다. 렌더러가 써 낸 프레임을 넣고, 머무는 시간을 한 프레임 그대로 두고, 프레임 레이트를 렌더에 맞추세요. "이름순 정렬"이 사람이 기대하는 대로 세기 때문에 frame_2가 frame_10 뒤가 아니라 앞에 놓입니다.

시작하기 전에 알아 두실 것이 하나 있습니다. H.264에는 알파 채널이 없어서, 투명한 부분은 그대로 전달되지 않고 배경색 위로 눌립니다. 알파를 지켜야 한다면 편집 프로그램에서 프레임을 합성하세요.

사진으로 타임랩스를 만들 수 있나요?

됩니다. 렌더 시퀀스와 같은 일입니다. 사진마다 한 프레임씩만 머무르게 하고 프레임 레이트를 고르세요. 30fps라면 사진 서른 장이 1초가 되고, 12fps라면 같은 사진들이 2.5초 동안 흐릅니다.

"날짜순 정렬"은 카메라 롤을 찍은 순서대로 되돌려 놓는데, 파일 이름이 0001부터 다시 시작해 버린 경우에 중요합니다. 크기가 제각각인 사진도 괜찮습니다. "가장 높은 해상도에 맞추기"가 어느 것도 줄어들지 않도록 영상 크기를 정해 주니까요.

이미지 장수나 영상 길이에 제한이 있나요?

도구에 정해 둔 제한은 없습니다. 현실적인 한계는 기기의 메모리입니다. 완성된 영상이 내려받기 전에 거기서 조립되니까요. 아주 큰 4K 슬라이드쇼에서 가장 먼저 체감하게 됩니다.

무료인가요? 가입해야 하나요?

무료이고 계정도, 로그인도, 체험판도 없습니다. 이 사이트는 광고로 유지되는데, 그 광고에도 내 이미지에 관한 것은 넘어가지 않습니다.

오프라인에서도 되나요?

됩니다. 페이지를 한 번 불러온 다음 인터넷을 끊어도 계속 동작합니다. 아무것도 업로드되지 않는다는 가장 간단한 증명이기도 하고요. 이미지를 어딘가로 보내서 처리하는 도구라면 선을 뽑는 순간 멈춰 버릴 테니까요.

음악이나 배경음을 넣을 수 있나요?

아직 안 됩니다. 이 도구는 영상만 만듭니다. 여기서 쓰는 MP4에는 영상 트랙 하나만 있고 오디오 트랙이 없습니다. 배경음이 필요하다면 나중에 영상 편집 프로그램에서 넣으세요.