웹 이미지에 관해서는 PNG가 투명성과 광범위한 호환성을 지원하기 때문에 자주 사용되는 형식입니다. 반면 SVG는 확장성이 뛰어나 로고, 아이콘 및 기타 벡터 기반 그래픽에 이상적입니다. SVG의 많은 장점에도 불구하고, 특히 다양한 플랫폼과 기기 간 호환성을 보장하기 위해 SVG를 PNG로 변환해야 할 때가 있습니다. 이 블로그 게시물에서는 Node.js를 사용하여 SVG 그래픽을 PNG 형식으로 변환하는 과정을 안내합니다.

Node.js를 사용하여 SVG를 PNG로 변환(회색조, 회전, 뒤집기, 밝은 워터마크)

Node.js API로 이미지 변환

GroupDocs는 개발자가 이미지 형식을 변환하고 변환 프로세스 중에 결과 이미지를 조작할 수 있는 강력한 변환 API를 제공합니다. 이 API는 광범위한 고급 옵션을 지원하므로 Node.js에서 SVG를 PNG로 변환하는 데 적합한 선택입니다. 이 작업에는 GroupDocs.Conversion for Node.js를 사용합니다.

시작하려면 프로젝트에서 다음 명령을 실행하여 GroupDocs.Conversion for Node.js을 설치할 수 있습니다.

npm i @groupdocs/groupdocs.conversion

자세한 내용은 문서 및 API 참조를 방문하세요.

Node.js를 사용하여 SVG를 PNG 이미지로 변환

기본 설정을 사용하여 SVG 벡터 그래픽을 PNG 형식으로 변환하는 것으로 시작해 보겠습니다. 다음 단계는 Node.js를 사용하여 SVG 이미지를 PNG로 변환하는 방법을 설명합니다.

  • Converter 클래스를 사용하여 SVG 파일을 로드합니다.
  • 변환 옵션을 설정합니다.
  • 출력 형식을 PNG로 지정하세요.
  • 준비된 옵션으로 convert() 메서드를 호출합니다.

SVG를 PNG로 변환하는 Node.js 코드는 다음과 같습니다.

// Node.js 변환 API를 사용하여 기본 옵션으로 SVG 파일을 PNG 형식으로 변환
const converter = new groupdocs.conversion.Converter("path/vector-graphic.svg")
const convertOptions = new groupdocs.conversion.ImageConvertOptions()

convertOptions.setFormat(groupdocs.conversion.ImageFileType.Png)
converter.convert("path/converted-svg-to-png.png", convertOptions)

Node.js를 사용한 고급 SVG에서 PNG로 변환

GroupDocs.Conversion for Node.js는 변환 프로세스 중에 PNG 출력에 적용할 수 있는 다양한 사용자 지정 옵션을 제공합니다. 이러한 옵션에는 다음이 포함됩니다.

  • 밝기 조절
  • 대비 조정
  • 감마 보정
  • 회색조 변환
  • 수평 또는 수직 뒤집기
  • 회전 각도
  • 사용자 정의 이미지 크기(높이 및 너비)
  • 워터마크 추가

Node.js에서 SVG를 PNG로 변환할 때 이러한 고급 옵션을 어떻게 적용할 수 있는지 살펴보겠습니다.

  • Converter 클래스를 사용하여 SVG 파일을 로드합니다.
  • 이미지 변환 옵션을 설정합니다.
  • 출력 형식을 PNG로 지정하세요.
  • 밝기, 회전 또는 기타 사용 가능한 사용자 정의를 정의합니다.
  • convert() 메서드를 호출하여 PNG를 생성합니다.

다음은 이러한 고급 옵션 중 일부를 적용한 Node.js 코드입니다.

// 다양한 사용자 정의를 사용하여 Node.js로 SVG 벡터를 PNG 형식으로 변환

const converter = new groupdocs.conversion.Converter("path/vector-graphic.svg")
const convertOptions = new groupdocs.conversion.ImageConvertOptions();

convertOptions.setFormat(groupdocs.conversion.ImageFileType.Png);
convertOptions.setFlipMode(groupdocs.conversion.ImageFlipModes.FlipY);
convertOptions.setBrightness(50);
convertOptions.setContrast(50);
convertOptions.setGamma(0.5);
convertOptions.setGrayscale(true);
convertOptions.setHorizontalResolution(300);
convertOptions.setVerticalResolution(100);
convertOptions.setPageNumber(1);
convertOptions.setPagesCount(2);

converter.convert("path/converted-svg-to-png.png", convertOptions)

SVG를 PNG로 온라인에서 무료로 변환해보세요

SVG 파일을 PNG로 변환하는 빠르고 쉬운 솔루션이 필요하세요? 이 무료 온라인 SVG to PNG converter를 사용하세요. 웹 브라우저가 있는 모든 기기에서 액세스할 수 있어 편리하고 번거롭지 않습니다.

Node.js를 사용하여 Word 문서를 PDF로 변환합니다.

무료 API 라이센스 받기

GroupDocs.Conversion에 대한 무료 임시 라이선스를 받으면 평가 제한 없이 API를 사용할 수 있습니다.

결론

이 게시물에서는 GroupDocs.Conversion for Node.js를 사용하여 Node.js를 사용하여 SVG 벡터 그래픽을 PNG 이미지로 변환하는 방법을 살펴보았습니다. 또한 회전, 회색조, 워터마킹, 밝기 조정 등의 사용자 지정을 적용하여 변환 프로세스를 개선하는 방법도 보여드렸습니다. 이러한 고급 기능을 사용하면 PNG 출력을 정확한 요구 사항에 맞게 조정할 수 있습니다.

더 많은 예를 보려면 GroupDocs GitHub 저장소를 확인하세요. 여기에서 SVG를 PNG로 변환하는 자체 코드를 빌드하는 데 도움이 되는 다양한 코드 샘플을 찾을 수 있습니다. 질문이 있으면 포럼을 통해 언제든지 문의하세요.

또한 참조