당신은 캠페인을 위해 멋진 이미지를 찾거나 만들었지만, 파일 크기가 큽니다! WebP 이미지는 그 문제를 해결할 수 있을지도 모릅니다. 업로드 크기 제한을 줄이거나 사용 가능한 저장 공간을 극대화하려고 하든, 많은 파일은 WebP로 변환하여 거의나 전혀 품질을 손실시키지 않고 최적화할 수 있습니다.

참고: Roll20은 현재 정적인 WebP만 지원하며, 애니메이션 WebP는 지원하지 않습니다.

개별 결과는 다를 수 있습니다.

WebP로 변환하면 파일이 더 작아지는 경우가 많지만, 100% 보장되는 것은 아닙니다. 이미지 압축은 복잡하며, 특정 이미지에 대해 다른 파일 형식이 더 효과적일 수도 있습니다. 알아보려면 시도해 보는 것뿐입니다.

Google의 FAQ에 따르면 WebP 파일은 평균적으로 동일한 품질의 JPEG보다 30% 더 작습니다. PNG의 경우, 무손실 WebP의 평균 파일 크기는 20% 작습니다.

이미지 변환 방법

파일을 변환하는 다양한 방법이 있습니다. FFmpeg와 같은 명령 줄 도구부터 온라인 변환, 이미지 편집 프로그램까지 사용할 수 있습니다. 본 문서에서는 기술적 지식이 없는 사용자를 위해 사용하기 쉬우며, 크로스 플랫폼이며 완전히 무료로 사용할 수 있는 소프트웨어를 사용합니다. GIMP - 다운로드할 수 있는 여기서.

시스템에 맞는 버전을 다운로드하고 설치한 후 이미지 파일을 열어 사용할 수 있습니다. GIMP를 실행한 다음 변환하려는 이미지를 창으로 끌어다 놓기만 하면 됩니다. 열려 있는 상태에서 다음 단계를 따르세요:

1. 도구 모음에서 "파일" > "다른 이름으로 내보내기…"를 선택하거나 Ctrl + Shift + E를 누릅니다.
2. 이미지 내보내기 대화 상자에서 '파일 유형 선택(확장자 기준)이 선택되어 있는지 확인합니다.
   
3. Now you can change the file extension in the “Name:” field to “.webp” and click “Export” at the bottom.
   
   
4. "WebP로 이미지 내보내기" 대화 상자에서 변환할 파일에 따라 내보내기를 구성할 수 있습니다.
   1. For PNGs or other lossless formats, we’ll want to select the “Lossless” checkbox, which disables the quality sliders.
      
      
   2. For JPEGs (.jpeg, .jpg) or other lossy formats, we’ll leave “Lossless” unchecked, and adjust the quality sliders as needed (more on that later, but the default value of 90 is usually a good starting point).
      
      
5. We can leave Source type set to “Default”, but go ahead and uncheck all three of the boxes below.
   
   These options allow us to exclude certain metadata from the files. 메타데이터는 이미지에 대한 정보로서 이미지의 실제 모습을 변경하지 않습니다. 가능한 한 파일 크기를 작게 유지하려면 이러한 추가 정보를 유지하지 않아야합니다.
   
6. “내보내기”를 클릭하고 GIMP가 파일을 저장하기를 기다리십시오.

파일이 저장된 곳으로 이동하여 파일 크기를 원본과 비교하십시오. 원하는 크기와 같다면, 좋습니다! 그렇지 않으면, “품질 설정 조정” 아래에서 계속 읽어보세요. 그래서 어떻게 더 개선할 수 있는지에 대한 아이디어를 얻을 수 있습니다.

품질 설정 조정

Export Image as Webp 대화 상자에서 품질 설정을 조정하면 특정 파일에 대한 내보내기를 미세 조정할 수 있습니다. 파일이 원하는 만큼 작아지지 않거나 (놀랍게도!) 더 커지는 경우, 이 섹션을 통해 도움을 받을 수 있습니다.

참고: 테스트 결과, “알파 품질” 슬라이더는 파일 크기나 품질에 거의 영향을 미치지 않았으며, 따라서 아래 정보는 “이미지 품질” 슬라이더에 대해서만 해당됩니다. 이 값에 대한 사용자 경험은 다를 수 있습니다. 투명한 픽셀이 없는 이미지에서는 영향을 미치지 않아야 합니다.

손실 → 손실

손실이 있는 jpg에서 손실이 있는 webp로 전환하는 것은 까다로울 수 있습니다. 특히 전환에 사용된 품질 설정을 모를 경우에는 더욱 그렇습니다. ImageMagick의 "identify" 명령과 같은 일부 도구는 품질에 대한 정확한 값을 제공할 수 있지만 이러한 도구의 사용법은 이 글의 범위를 벗어납니다.

포토샵에서 JPEG로 변환할 때는 일반적으로 원본 이미지의 품질보다 WebP의 품질 슬라이더를 낮게 유지하는 것이 좋습니다. 품질을 원본보다 높게 설정하면 파일이 거의 항상 더 커지고 동시에 이미지가 더 나빠질 수도 있습니다. 원본 품질을 모르는 경우 이 값을 조정하고 결과를 확인하기 위해 몇 개의 사본을 내보내 보세요(파일 크기뿐만 아니라 파일을 열어 시각적인 아티팩트를 확인해야 합니다).

각 파일에 가장 적합한 값을 찾기 위해 여러 번 다른 품질로 내보내야 할 수도 있습니다. 품질을 극대화하고 파일 크기를 최소화하세요.

손실 압축 → 무손실 압축

손실 압축 이미지 유형을 무손실 WebP로 변환하는 것은 거의 항상 파일 크기가 증가하고 이미지가 더 나아지지 않을 것입니다. 이 방식으로 변환하는 것을 권장하지 않습니다.

무손실 압축 → 손실 압축

원래 PNG 또는 기타 무손실 형식에 저장된 고품질 이미지를 그대로 유지할 수 있으면 좋겠습니다. 무손실 WebP 이미지는 시각적으로 원본과 구별할 수 없으며 일반적으로 더 작습니다! 그러나 때로는 크기가 충분하지 않을 수 있으며, 이러한 경우 이미지 품질 측면에서 ( )을 너무 많이 잃지 않으면서도 손실 웹 페이지로 전환하여 해당 크기를 조금 더 압축할 수 있습니다.

이는 특정 이미지에 대한 최상의 설정을 찾는 가장 좋은 방법이며, 품질 값과 몇 가지 옵션을 내보내서 어떻게 변하는지 확인하는 것입니다. 위와 마찬가지로 90은 좋은 시작점이며, 거기서 값은 줄여서 결과 이미지의 크기와 모양이 어떻게 변하는지 확인할 수 있습니다.

하지만 내 이미지가 여전히 너무 큽니다!

그것에 대해 미안합니다!

가끔 그런 일이 발생합니다. 가끔 한 가지 이유나 다른 이유로 이미지가 다른 형식에서 더 잘 작동하는 경우가 있을 수 있습니다. 또는 아마도 더 작아지지만 여전히 한 조각으로 업로드하기에는 충분히 작지 않은 큰 지도가 있을 수도 있습니다. 후자의 경우, 선택한 소프트웨어를 사용하여 이미지를 절반으로 자르거나 (또는 분할, 필요한 크기만큼 작게 자를 수도 있음) 여러 조각으로 업로드하는 것을 권장합니다. 라이브러리에 한 번 넣으면 VTT에서 이미지를 하나의 큰 지도로 재조립할 수 있습니다.

WebP로 직접 내보내기

일부 자산 생성 소프트웨어, 예를 들어 Megasploot의 DungeonDraft은(는) WebP 파일을 직접 내보낼 수 있습니다. DungeonDraft v1.0.4.7(작성 시점의 최신 버전)에서 테스트한 결과, 위에서 설명한대로 PNG로 내보내고 WebP로 변환하는 것보다 더 작은 파일이 생성되었습니다. 테스트에 사용한 8400x8400 픽셀 지도는 18.3MB로 내보내졌으며, PNG에서 손실 없이 변환한 버전은 단지 13.6MB입니다.

이는 프로그램마다 파일마다 다를 수 있으며, 소프트웨어의 향후 버전에서 개선될 수 있습니다. 하지만 지금은 자산 준비에 더 많은 단계를 추가할 수 있지만, 25% 더 작은 파일로는 말이 힘듭니다.