이미지를 PDF로 만들기(Image to PDF)

이 블로그 호스팅 서버에 Image to PDF 를 위한 페이지를 추가 했습니다.

https://modu-print.com/image2pdf

위 링크입니다.

이렇게 모두의 PDF 에도 존재하는 기능이긴 합니다만. 이걸 따로 호스팅 서버에 올려두고 웹브라우져로 접속해서 쓰는 형태로 만든이유는 ..

최근 스마트폰(애플 아이폰은 잘 모릅니다. 전 갤럭시만 써서..)의 카메라 앱의 스캔기능이 꽤 쓸만해서 용지의 모서리를 인식해서 문서의 스캔도 꽤 볼만하게 해주는데요, 이렇게 만들어진 이미지를 보통 PDF로 만들어서 쓰는 편인데 폰으로 찍은 사진을 카카오톡으로 보내고 PC카톡에서 저장해서 처리를 하자니 카톡을 거치는 와중에 파일명이 변경되고 촬영 순서 자체도 꼬이는 경우가 많습니다. 그렇다고 매번 USB 케이블로 컴퓨터랑 연결한다거나, 블루투스가 없는 데스크탑의 경우에는 블루투스를 통한 파일공유 자체도 불가능하고 과정 자체도 번거로운 관계로 폰 자체만으로 PDF를 만드는 것을 선호합니다만..

구글 플레이스토어에서 설치 가능한 스캔앱들의 경우 대부분 유료이고 무료상태로는 워터마크가 포함되거나 일정 기간동안 PDF로 변환가능한 이미지 숫자를 제한하는 등 .. 좀 불편한 경우가 많아서..

모바일, PC 상관없이 반응형 레이아웃으로 동작하는 간단한 SPA(Single Page Application)을 요즘 핫한 바이브 코딩도 해볼겸 사부작 사부작 하여 만들었습니다.

모바일이나 PC나 보여지는건 동일하구요. Add Images 버튼을 통해 이미지를 목록에 추가하고 파일명을 기준으로 오름차순 내림차순 정렬(List Order)이 가능하며 개별 이미지의 순서는 드래그앤드롭으로 변경 가능합니다.

요 썸네일 이미지를 클릭하면 크게 확대해서 볼 수도 있구요.. Make PDF 버튼을 누르면 PDF로 생성해서 다운로드 받습니다. PC에서 사용할 경우에는 파일명을 지정할 수 있습니다만, 모바일의 경우 지정된 이름으로 바로 다운로드받아 저장됩니다. 다운로드 경로는 내파일 앱의 카테고리중 다운로드나 문서를 눌러보시면 쉽게 접근 가능하실 겁니다.

파일명은 ‘image-to-pdf 년월일 시분초.pdf’ 로 생성됩니다.

이 프로그램은 순수 html, js, css 로만 작성되었으며 서버를 거치지 않고 pdf-lib 라는 js 기반 PDF 라이브러리를 사용하여 사용자의 폰이나 컴퓨터의 웹브라우져에서 직접 처리하는 구조입니다. 서버에 이미지가 업로드 된다거나 PDF 생성 자체를 서버에서 처리한다거나 그런식으로 동작하는 프로그램이 아닙니다.

안드로이드 앱으로 만들어볼까 생각을 해봤지만 ;; 앱스토어 심사받고 등록하고 어쩌고 하는 것도 간단한 일은 아니고 apk 로 만들어서 배포하는 것도 개발자모드를 켜야하거나 설치과정에서 반복적인 권한확인 과정이 컴맹분들 입장으론 쓰기 어렵게 만들것 같아서 .. 웹에다 올려 뒀습니다.

자주 쓰실거 같으면 즐겨찾기 해두고 쓰시면 될것 같네요.

향후에 .. PDF 생성 전에 이미지의 압축률을 조정한다던가 용지를 놓고 용지 안에 이미지를 배치시키는 식으로 PDF를 생성한다던가 하는 부가적인 옵션은 조금 고민해 보겠습니다.