PDF 파일은 문서 공유를 위한 보편적인 형식이지만 때로는 용량이 커서 로드 시간이 느려지고 저장 공간 요구 사항이 늘어날 수 있습니다. PDF 파일 최적화는 특히 웹 애플리케이션에서 원활한 사용자 경험을 보장하는 데 필수적입니다. 따라서 이번 블로그 게시물에서는 JavaScript를 사용하여 PDF 파일을 최적화하는 방법을 살펴보겠습니다.
PDF 최적화를 위한 JavaScript 라이브러리
JavaScript 애플리케이션의 PDF 최적화를 위해 Aspose.PDF for JavaScript를 사용합니다. 개발자가 JavaScript를 사용하여 PDF 파일을 처리, 조작 및 최적화할 수 있는 강력한 라이브러리입니다. 그럼 먼저 라이브러리 설치부터 시작해 보겠습니다.
라이브러리를 다운로드하고 여기에 제공된 설치 지침을 따르세요: JavaScript용 Aspose.PDF 설치 방법.
JavaScript로 PDF 최적화
PDF 최적화 프로세스를 시작하기 전에 PDF 파일을 최적화하는 것이 왜 중요한지 이해해 보겠습니다.
- 더 빠른 로드 시간: 최적화된 PDF는 더 빠르게 로드되어 대기 시간을 줄여 사용자 경험을 향상시킵니다.
- 대역폭 효율성: 파일 크기가 작을수록 대역폭 소비가 줄어들어 PDF를 더 쉽게 공유하고 다운로드할 수 있습니다.
- 저장 공간: 최적화된 PDF는 저장 공간을 덜 차지하며 이는 많은 수의 문서를 처리할 때 특히 중요합니다.
이제 아래 단계에 따라 PDF 파일을 최적화하는 스크립트를 작성해 보겠습니다.
- 먼저, 최적화해야 하는 PDF 파일을 선택하세요.
- 그런 다음 FileReader 객체를 생성하여 파일을 읽습니다.
- 그런 다음 AsposePdfOptimize 함수를 호출하여 PDF를 최적화합니다. 이 함수의 매개변수에는 결과 PDF 파일의 이름이 포함됩니다.
- AsposePdfOptimize 함수는 JSON 개체를 반환하고 json.errorCode를 사용하면 PDF 파일이 성공적으로 최적화되었는지 확인할 수 있습니다. 오류 코드가 0이면 PDF가 문제 없이 최적화된 것입니다. 그렇지 않으면 json.errorText에서 읽을 수 있는 오류가 발생했습니다.
- 마지막으로 DownloadFile 함수를 호출하여 최적화된 PDF 파일에 대한 링크를 생성합니다.
다음 코드 조각은 JavaScript에서 PDF 파일을 최적화하는 방법을 보여줍니다.
var ffileOptimize = function (e) {
const file_reader = new FileReader();
file_reader.onload = (event) => {
/*optimize a PDF-file and save the "ResultOptimize.pdf"*/
const json = AsposePdfOptimize(event.target.result, e.target.files[0].name, "ResultOptimize.pdf");
if (json.errorCode == 0) document.getElementById('output').textContent = json.fileNameResult;
else document.getElementById('output').textContent = json.errorText;
/*make a link to download the result file*/
DownloadFile(json.fileNameResult, "application/pdf");
};
file_reader.readAsArrayBuffer(e.target.files[0]);
};
PDF 최적화에서 웹 작업자 사용
이전 섹션에서는 PDF를 로드하고 최적화한 후 결과 PDF를 다운로드했습니다. 이제 웹 작업자를 사용하여 최적화 프로세스를 보다 원활하게 만들고 UI 스레드가 차단되는 것을 방지해 보겠습니다. 다음 스크립트는 이전 섹션에서 작성한 PDF 최적화 기능을 사용하는 웹 작업자를 작성하는 방법을 보여줍니다.
/*Create Web Worker*/
const AsposePDFWebWorker = new Worker("AsposePDFforJS.js");
AsposePDFWebWorker.onerror = evt => console.log(`Error from Web Worker: ${evt.message}`);
AsposePDFWebWorker.onmessage = evt => document.getElementById('output').textContent =
(evt.data == 'ready') ? 'loaded!' :
(evt.data.json.errorCode == 0) ?
`Result:\n${DownloadFile(evt.data.json.fileNameResult, "application/pdf", evt.data.params[0])}` :
`Error: ${evt.data.json.errorText}`;
/*Event handler*/
const ffileOptimize = e => {
const file_reader = new FileReader();
file_reader.onload = event => {
/*Optimize a PDF-file and save the "ResultOptimize.pdf" - Ask Web Worker*/
AsposePDFWebWorker.postMessage(
{ "operation": 'AsposePdfOptimize', "params": [event.target.result, e.target.files[0].name, "ResultOptimize.pdf"] },
[event.target.result]
);
};
file_reader.readAsArrayBuffer(e.target.files[0]);
};
/*Make a link to download the result file*/
const DownloadFile = (filename, mime, content) => {
mime = mime || "application/octet-stream";
var link = document.createElement("a");
link.href = URL.createObjectURL(new Blob([content], {type: mime}));
link.download = filename;
link.innerHTML = "Click here to download the file " + filename;
document.body.appendChild(link);
document.body.appendChild(document.createElement("br"));
return filename;
}
JavaScript로 PDF 리소스 최적화
PDF 파일을 최적화하는 또 다른 방법은 사용되지 않는 리소스를 제거하고 공통 리소스를 단일 개체에 결합하는 것입니다. PDF 리소스를 최적화하기 위해 Aspose.PDF는 AsposePdfOptimizeResource 기능을 제공합니다. 다음 코드 조각은 JavaScript에서 PDF 리소스를 최적화하는 방법을 보여줍니다.
var ffilePdfOptimizeResource = function (e) {
const file_reader = new FileReader();
file_reader.onload = (event) => {
/*Optimize resources a PDF-file and save the "ResultPdfOptimizeResource.pdf"*/
const json = AsposePdfOptimizeResource(event.target.result, e.target.files[0].name, "ResultPdfOptimizeResource.pdf");
if (json.errorCode == 0) document.getElementById('output').textContent = json.fileNameResult;
else document.getElementById('output').textContent = json.errorText;
/*Make a link to download the result file*/
DownloadFile(json.fileNameResult, "application/pdf");
};
file_reader.readAsArrayBuffer(e.target.files[0]);
};
무료 JavaScript PDF 라이브러리 받기
무료 임시 라이선스를 받고 JavaScript PDF 최적화 라이브러리를 제한 없이 사용하세요.
결론
웹 애플리케이션에서 최적의 성능과 사용자 경험을 보장하려면 PDF 파일을 최적화하는 것이 중요합니다. Aspose.PDF for JavaScript는 PDF 문서를 효율적으로 최적화할 수 있는 강력한 도구 세트를 제공합니다. 이 블로그 게시물에서는 JavaScript를 사용하여 PDF 파일을 최적화하는 구현하기 쉬운 방법을 제공했습니다. 이 PDF 최적화 방법을 사용하면 웹 응용 프로그램의 전반적인 문서 관리를 크게 향상시킬 수 있습니다.
문서에서 JavaScript PDF 라이브러리에 대해 자세히 알아보세요. 문의사항이 있는 경우 포럼을 통해 공유해 주세요.