WebP는 동등한 시각적 품질로 JPEG 또는 PNG보다 작은 파일 크기를 제공하는 Google에서 개발한 이미지 형식입니다. 웹사이트, 콘텐츠 관리 시스템, 디지털 출판 플랫폼에서는 대역폭 절감이 직접적으로 페이지 로드 시간 단축으로 이어지기 때문에 WebP를 널리 채택했습니다. PDF에 추출하여 웹에서 사용해야 하는 이미지가 포함된 경우 해당 페이지를 JPEG 또는 PNG 대신 WebP로 변환하면 눈에 띄는 품질 손실 없이 평균 30~50% 더 작은 파일이 생성됩니다. PDF를 Image로 WebP로 변환하려면 해당 형식을 명시적으로 지원하는 변환 도구가 필요합니다. 대부분의 PDF 소프트웨어는 기본적으로 JPEG 또는 PNG 내보내기이기 때문입니다.
PDF 페이지 내보내기에 JPEG 또는 PNG 대신 WebP를 선택하는 이유
WebP는 동일한 형식 내에서 손실 압축과 무손실 압축을 모두 제공합니다. 즉, 페이지 콘텐츠에 맞는 압축 유형을 적용할 수 있습니다. 사진이 포함된 PDF 페이지는 손실이 있는 WebP를 사용하여 더 잘 내보낼 수 있습니다. 이는 사진의 지속적인 톤과 부드러운 그라데이션을 유지하면서 동일한 품질의 JPEG보다 눈에 띄게 작은 파일을 생성합니다. 텍스트, 차트 또는 라인 아트가 포함된 PDF 페이지는 PNG보다 훨씬 작은 파일을 생성하면서 모든 픽셀을 원본과 동일하게 유지하는 무손실 WebP를 사용하여 더 잘 내보낼 수 있습니다.
기존 형식에 비해 WebP의 파일 크기 이점은 PDF에서 일반적으로 발견되는 콘텐츠 유형에서 가장 두드러집니다. 고대비 검정색 텍스트와 균일한 흰색 또는 밝은 배경의 넓은 영역을 포함하는 텍스트가 많은 페이지는 형식 실행 길이 인코딩이 크고 균일한 영역을 효율적으로 처리하기 때문에 무손실 WebP에서 특히 잘 압축됩니다. 텍스트, 벡터 그래픽 및 가끔 사진이 결합된 PDF 페이지에서 내보낸 프레젠테이션 슬라이드는 단일 WebP 파일 내에서 손실 압축과 무손실 압축을 혼합하는 기능의 이점을 누릴 수 있습니다. PDF 품질을 WebP로 내보내면 사진 영역에만 손실 압축을 적용하면서 텍스트와 벡터 요소의 선명도를 유지할 수 있습니다.
WebP 출력을 지원하는 변환기 찾기
대부분의 주류 PDF 응용 프로그램에는 WebP가 내장된 내보내기 형식으로 포함되어 있지 않습니다. Adobe Acrobat은 JPEG, PNG, TIFF 및 JPEG 2000으로 내보내지만 WebP는 내보내지 않습니다. Mac의 미리보기는 JPEG, PNG 및 TIFF로 내보냅니다. PDF 페이지를 WebP로 변환하려면 일반적으로 브라우저 기반 PDF 변환 플랫폼, PDF 페이지를 가져오고 WebP를 내보낼 수 있는 이미지 편집 애플리케이션, ImageMagick 또는 FFmpeg와 같은 명령줄 도구 등 세 가지 옵션 중 하나가 필요합니다.
브라우저 기반 변환 플랫폼은 가장 간단한 경로를 제공합니다. PDF를 업로드하고 출력 형식으로 WebP를 선택한 후 변환된 페이지를 다운로드하세요. WukongPDF 및 유사한 플랫폼은 WebP를 포함한 여러 형식으로의 PDF에서 Image로의 변환을 지원하고 서버 측 변환을 처리합니다. 즉, 컴퓨터에 이미지 처리 소프트웨어를 설치할 필요가 없습니다. 명령줄 도구는 출력 품질 및 압축 설정에 대한 더 많은 제어 기능을 제공합니다. -quality 플래그가 포함된 ImageMagick 변환 명령을 사용하면 손실 압축 수준을 0에서 100까지 지정할 수 있습니다. FFmpeg는 프레임별 추출 기능이 있는 libwebp 인코더를 사용하여 PDF 페이지를 WebP로 변환할 수 있습니다.
WebP 출력의 해상도 및 품질 설정
PDF 페이지가 래스터화되는 해상도에 따라 WebP 출력의 픽셀 크기가 결정됩니다. 웹 디스플레이의 경우 150DPI의 해상도는 파일 크기를 관리하기 쉽게 유지하면서 대부분의 웹사이트에서 사용할 수 있을 만큼 선명한 이미지를 생성합니다. 고해상도 화면의 경우 300DPI는 더 큰 파일을 사용하여 Retina 품질의 이미지를 제공합니다. PDF 페이지가 웹 사이트 히어로 이미지 또는 전체 너비 배너로 사용될 경우 웹 사이트 레이아웃에서 필요한 픽셀 너비를 계산하고 이에 따라 DPI를 설정하십시오. Letter 크기의 PDF 페이지를 전체 너비로 표시하는 1200픽셀 너비의 콘텐츠 영역이 있는 웹 사이트에는 약 141DPI가 필요합니다.
손실이 있는 WebP의 품질 설정 범위는 0에서 100까지이며, 값이 높을수록 압축 아티팩트가 적고 더 큰 파일이 생성됩니다. 품질 설정 80은 웹 이미지에 일반적으로 권장되는 균형으로, 시각적 패리티를 유지하면서 품질 80의 동등한 JPEG보다 훨씬 작은 파일을 생성합니다. 텍스트가 많은 페이지의 경우 품질을 90 또는 95로 높이십시오. 왜냐하면 텍스트 문자 주변의 압축 아티팩트가 사진 영역의 아티팩트보다 더 눈에 띄고 산만하기 때문입니다. WukongPDF를 사용하면 변환 전에 PDF 내보내기 품질 설정을 조정할 수 있으므로 각 페이지 배치에 대해 파일 크기와 시각적 품질의 균형을 맞출 수 있습니다.
여러 페이지로 구성된 PDF를 개별 WebP 파일로 변환
여러 페이지로 구성된 PDF를 WebP로 변환할 때 각 페이지가 별도의 WebP 파일이 되어야 하는지 아니면 페이지를 애니메이션 WebP 시퀀스로 결합해야 하는지 결정하세요. 대부분의 사용 사례에서는 페이지당 별도의 파일을 사용하는 것이 더 실용적입니다. 웹사이트에 개별적으로 업로드하거나, 블로그 게시물의 다른 위치에 삽입하거나, 독립형 이미지로 공유할 수 있습니다. 대부분의 변환 도구는 기본적으로 입력 페이지당 하나의 출력 파일을 생성하고 document-page-001.webp, document-page-002.webp와 같은 숫자 접미사를 사용하여 이름을 지정합니다.
애니메이션 WebP는 여러 페이지를 애니메이션 GIF와 유사하게 시퀀스로 재생되는 단일 파일로 결합합니다. 이 형식은 슬라이드 진행 상황을 표시하려는 프레젠테이션 데크나 두 페이지를 순서대로 봐야 하는 전후 비교에 유용합니다. 애니메이션 WebP 형식은 타이밍 제어를 지원하므로 다음 페이지로 전환하기 전에 각 페이지가 표시되는 시간을 설정할 수 있습니다. 그러나 여러 페이지로 구성된 문서의 경우 애니메이션 WebP 파일이 매우 커질 수 있으며 모든 이미지 뷰어가 애니메이션 변형을 지원하는 것은 아닙니다.
WebP를 기존 이미지 워크플로에 통합
현재 워크플로우가 PDF 페이지에서 JPEG 또는 PNG 이미지를 생성하고 WebP로 전환을 고려하고 있다면 먼저 테스트 배치를 실행하십시오. 10개의 대표 PDF 페이지를 동일한 품질 설정으로 WebP, JPEG 및 PNG로 변환합니다. 세 가지 형식 모두에서 파일 크기와 시각적 품질을 비교하십시오. 파일 크기 비교를 통해 WebP로의 전환이 특정 콘텐츠 유형에 대해 의미 있는 절감 효과를 제공하는지 확인합니다. 시각적 비교를 통해 WebP 압축 설정을 조정해야 하는 색상 변화 또는 텍스트 렌더링 아티팩트와 같은 예상치 못한 품질 문제가 나타나지 않음을 확인합니다.
콘텐츠 전송 네트워크를 통해 이미지를 제공하는 웹사이트의 경우 CDN이 자동 WebP 변환을 지원하는지 확인하세요. Cloudflare, Cloudinary 및 imgix는 업로드된 JPEG 또는 PNG 이미지를 지원하는 브라우저에서 즉시 WebP로 변환할 수 있습니다. 즉, PDF 페이지를 고품질 PNG 파일로 계속 내보낼 수 있으며 CDN이 WebP 변환을 투명하게 처리하도록 할 수 있습니다. 이 접근 방식은 PDF 내보내기 단계를 단순화하는 동시에 웹 사이트 방문자에게 WebP 성능 이점을 계속 제공합니다.
웹 디스플레이를 위한 색 공간 변환 처리
웹용으로 WebP로 변환된 PDF 페이지는 웹 및 모바일 디스플레이 표준인 sRGB 색 공간을 사용해야 합니다. PDF에 인쇄용 CMYK 색상 공간의 이미지가 포함되어 있는 경우 sRGB WebP로 변환하면 색상이 흐릿하거나 변형되어 나타날 수 있습니다. 변환하기 전에 PDF 페이지에 CMYK 이미지가 포함되어 있는지 확인하고, 포함되어 있는 경우 내보내기 프로세스 중에 CMYK에서 sRGB로의 색상 공간 변환을 명시적으로 처리하는 변환 도구를 사용하십시오.
콘텐츠 관리 시스템을 위해 대량으로 WebP로 변환될 PDF의 경우 일관된 SEO 친화적인 명명 규칙을 따르도록 출력 파일의 이름을 일괄적으로 바꿉니다. page-001.webp 대신 관련 키워드가 포함된 Annual-report-revenue-chart.webp와 같은 설명 이름을 사용하세요. 검색 엔진은 이미지 파일의 내용을 읽을 수 없지만 파일 이름을 색인화하며 설명적인 이름은 이미지 검색 가시성에 기여합니다.
PDF 페이지를 WebP로 변환한 후 게시하기 전에 실제 웹 페이지에서 이미지를 테스트하세요. 몇 가지 샘플 WebP 이미지를 테스트 페이지에 삽입하고 다양한 브라우저와 장치에서 확인하세요. 이전 iOS 버전의 Safari는 WebP 지원이 제한적이었습니다. 현재 버전은 WebP를 올바르게 처리하지만 빠른 브라우저 간 테스트를 통해 특정 청중의 이미지가 손상되는 것을 방지할 수 있습니다.
WebP는 또한 투명도를 지원합니다. 이는 다른 콘텐츠를 오버레이하기 위한 로고나 그래픽이 포함된 PDF 페이지를 변환할 때 유용합니다. PDF 페이지의 배경이 투명하거나 알파 채널이 있는 요소가 포함된 경우 무손실 WebP로 내보내 투명도를 유지하세요. JPEG는 투명도를 전혀 지원하지 않으므로 소스의 투명한 영역은 흰색으로 채워집니다.
자동화된 컨텐츠 파이프라인의 일부인 PDF에서 WebP로의 변환을 위해 libwebp를 포함한 많은 이미지 처리 라이브러리는 Python, Node.js 또는 PHP 스크립트에서 호출할 수 있는 API를 제공합니다. WebP 변환을 파이프라인에 통합하면 수동 내보내기 단계가 완전히 제거됩니다.
PDF 페이지에서 변환된 WebP 이미지는 대부분의 콘텐츠 유형에 대해 눈에 띄는 품질 저하 없이 품질 80의 손실 압축을 사용하여 더욱 최적화될 수 있습니다. 결과 파일은 일반적으로 상세한 차트와 텍스트에 대한 충분한 품질을 유지하면서 빠른 모바일 로딩에 충분할 정도로 작습니다.
WebP 이미지를 웹사이트에 업로드할 때 WebP를 지원하지 않는 이전 브라우저에 대한 대체 JPEG 또는 PNG를 포함하세요. HTML의 그림 요소는 WebP 소스를 먼저 나열하고 대체 형식을 두 번째로 나열하여 이를 우아하게 처리합니다.
더 작은 파일 크기, 손실 및 무손실 압축 지원, 브라우저 지원 증가로 인해 WebP는 웹용 PDF 페이지 내보내기에 가장 실용적인 이미지 형식이 되었습니다.
이로 인해 WebP는 PDF 소스 문서에서 생성된 최신 웹 게시 작업 흐름에 선호되는 선택이 되었습니다.