<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>nodejs image conversion on Document Processing REST APIs | GroupDocs Cloud</title>
    <link>https://blog-qa.groupdocs.cloud/ja/tag/nodejs-image-conversion/</link>
    <description>Recent content in nodejs image conversion on Document Processing REST APIs | GroupDocs Cloud</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>ja</language>
    <lastBuildDate>Mon, 17 Aug 2026 08:29:07 +0000</lastBuildDate><atom:link href="https://blog-qa.groupdocs.cloud/ja/tag/nodejs-image-conversion/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>Node.JS における SVG から PNG への変換</title>
      <link>https://blog-qa.groupdocs.cloud/ja/conversion/svg-to-png-conversion-in-nodejs/</link>
      <pubDate>Mon, 17 Aug 2026 08:29:07 +0000</pubDate>
      
      <guid>https://blog-qa.groupdocs.cloud/ja/conversion/svg-to-png-conversion-in-nodejs/</guid>
      <description>Node.JS を使用して SVG ファイルを PNG 画像に変換する方法を学びます。GroupDocs.Conversion Cloud SDK を利用します。このガイドにはコード、cURL の例、ベストプラクティスが含まれています。</description>
      <content:encoded><![CDATA[<p>ベクターグラフィックをラスタ画像に変換することは、サーバー上でサムネイル、プレビュー、または PDF を生成する際に頻繁に求められる要件です。 <a href="https://products.groupdocs.cloud/conversion/nodejs/">GroupDocs.Conversion Cloud SDK for Node.JS</a> は、クラウド上で完全に <a href="https://docs.fileformat.com/page-description-language/svg/">SVG</a> から <a href="https://docs.fileformat.com/image/png/">PNG</a> への変換を処理する堅牢なライブラリを提供します。このガイドでは、完全な動作例、対応する cURL ワークフロー、設定のヒント、ベストプラクティスの推奨事項を紹介します。最後まで読むと、任意の Node.JS アプリケーションにサーバーサイドの SVG から PNG への変換を統合できるようになります。</p>
<h2 id="nodejs-における-svg-から-png-への変換の完全動作例">Node.JS における SVG から PNG への変換の完全動作例</h2>
<p>この例では、GroupDocs Cloud ストレージに保存されている SVG ファイルを、GroupDocs.Conversion Cloud SDK for Node.JS を使用して PNG 画像に変換する方法を示します。</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">const</span> { <span style="color:#a6e22e">Configuration</span>, <span style="color:#a6e22e">ConvertApi</span>, <span style="color:#a6e22e">ConvertDocumentRequest</span>, <span style="color:#a6e22e">ConvertSettings</span>, <span style="color:#a6e22e">PngOptions</span>, <span style="color:#a6e22e">StorageApi</span>, <span style="color:#a6e22e">DownloadFileRequest</span> } <span style="color:#f92672">=</span> <span style="color:#a6e22e">require</span>(<span style="color:#e6db74">&#34;@groupdocs/conversion-cloud&#34;</span>);
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">fs</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">require</span>(<span style="color:#e6db74">&#39;fs&#39;</span>);
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">path</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">require</span>(<span style="color:#e6db74">&#39;path&#39;</span>);
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// -----------------------------------------------------------------------------
</span></span></span><span style="display:flex;"><span><span style="color:#75715e">// Configuration – replace with your own credentials
</span></span></span><span style="display:flex;"><span><span style="color:#75715e">// -----------------------------------------------------------------------------
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">config</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">Configuration</span>({
</span></span><span style="display:flex;"><span>    <span style="color:#a6e22e">clientId</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#34;YOUR_CLIENT_ID&#34;</span>,
</span></span><span style="display:flex;"><span>    <span style="color:#a6e22e">clientSecret</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#34;YOUR_CLIENT_SECRET&#34;</span>
</span></span><span style="display:flex;"><span>});
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">convertApi</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">ConvertApi</span>(<span style="color:#a6e22e">config</span>);
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">storageApi</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">StorageApi</span>(<span style="color:#a6e22e">config</span>);
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// -----------------------------------------------------------------------------
</span></span></span><span style="display:flex;"><span><span style="color:#75715e">// Define source SVG and target PNG locations inside GroupDocs Cloud storage
</span></span></span><span style="display:flex;"><span><span style="color:#75715e">// -----------------------------------------------------------------------------
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">inputSvgPath</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;input/sample.svg&#34;</span>;          <span style="color:#75715e">// SVG stored in cloud storage
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">outputPngPath</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;output/sample.png&#34;</span>;       <span style="color:#75715e">// Desired PNG location
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// -----------------------------------------------------------------------------
</span></span></span><span style="display:flex;"><span><span style="color:#75715e">// PNG conversion options – set dimensions to control memory/CPU usage
</span></span></span><span style="display:flex;"><span><span style="color:#75715e">// -----------------------------------------------------------------------------
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">pngOptions</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">PngOptions</span>({
</span></span><span style="display:flex;"><span>    <span style="color:#a6e22e">width</span><span style="color:#f92672">:</span> <span style="color:#ae81ff">1024</span>,               <span style="color:#75715e">// Resize width (optional)
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span>    <span style="color:#a6e22e">height</span><span style="color:#f92672">:</span> <span style="color:#ae81ff">768</span>,               <span style="color:#75715e">// Resize height (optional)
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span>    <span style="color:#a6e22e">backgroundColor</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#34;#FFFFFF&#34;</span> <span style="color:#75715e">// Ensure opaque background
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span>});
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// -----------------------------------------------------------------------------
</span></span></span><span style="display:flex;"><span><span style="color:#75715e">// Build conversion settings object
</span></span></span><span style="display:flex;"><span><span style="color:#75715e">// -----------------------------------------------------------------------------
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">convertSettings</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">ConvertSettings</span>({
</span></span><span style="display:flex;"><span>    <span style="color:#a6e22e">filePath</span><span style="color:#f92672">:</span> <span style="color:#a6e22e">inputSvgPath</span>,
</span></span><span style="display:flex;"><span>    <span style="color:#a6e22e">format</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#34;png&#34;</span>,
</span></span><span style="display:flex;"><span>    <span style="color:#a6e22e">outputPath</span><span style="color:#f92672">:</span> <span style="color:#a6e22e">outputPngPath</span>,
</span></span><span style="display:flex;"><span>    <span style="color:#a6e22e">options</span><span style="color:#f92672">:</span> <span style="color:#a6e22e">pngOptions</span>
</span></span><span style="display:flex;"><span>});
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">convertRequest</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">ConvertDocumentRequest</span>(<span style="color:#a6e22e">convertSettings</span>);
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// -----------------------------------------------------------------------------
</span></span></span><span style="display:flex;"><span><span style="color:#75715e">// Execute conversion, then download the PNG locally
</span></span></span><span style="display:flex;"><span><span style="color:#75715e">// -----------------------------------------------------------------------------
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span><span style="color:#a6e22e">convertApi</span>.<span style="color:#a6e22e">convertDocument</span>(<span style="color:#a6e22e">convertRequest</span>)
</span></span><span style="display:flex;"><span>    .<span style="color:#a6e22e">then</span>(<span style="color:#a6e22e">convResult</span> =&gt; {
</span></span><span style="display:flex;"><span>        <span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">log</span>(<span style="color:#e6db74">&#34;Conversion succeeded. Cloud file:&#34;</span>, <span style="color:#a6e22e">convResult</span>.<span style="color:#a6e22e">path</span>);
</span></span><span style="display:flex;"><span>        <span style="color:#66d9ef">const</span> <span style="color:#a6e22e">downloadReq</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">DownloadFileRequest</span>({ <span style="color:#a6e22e">path</span><span style="color:#f92672">:</span> <span style="color:#a6e22e">convResult</span>.<span style="color:#a6e22e">path</span> });
</span></span><span style="display:flex;"><span>        <span style="color:#66d9ef">return</span> <span style="color:#a6e22e">storageApi</span>.<span style="color:#a6e22e">downloadFile</span>(<span style="color:#a6e22e">downloadReq</span>);
</span></span><span style="display:flex;"><span>    })
</span></span><span style="display:flex;"><span>    .<span style="color:#a6e22e">then</span>(<span style="color:#a6e22e">fileBuffer</span> =&gt; {
</span></span><span style="display:flex;"><span>        <span style="color:#66d9ef">const</span> <span style="color:#a6e22e">localFile</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">path</span>.<span style="color:#a6e22e">resolve</span>(<span style="color:#a6e22e">__dirname</span>, <span style="color:#e6db74">&#34;sample.png&#34;</span>);
</span></span><span style="display:flex;"><span>        <span style="color:#a6e22e">fs</span>.<span style="color:#a6e22e">writeFileSync</span>(<span style="color:#a6e22e">localFile</span>, <span style="color:#a6e22e">fileBuffer</span>);
</span></span><span style="display:flex;"><span>        <span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">log</span>(<span style="color:#e6db74">&#34;PNG downloaded to:&#34;</span>, <span style="color:#a6e22e">localFile</span>);
</span></span><span style="display:flex;"><span>    })
</span></span><span style="display:flex;"><span>    .<span style="color:#66d9ef">catch</span>(<span style="color:#a6e22e">err</span> =&gt; {
</span></span><span style="display:flex;"><span>        <span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">error</span>(<span style="color:#e6db74">&#34;Error during SVG → PNG conversion:&#34;</span>, <span style="color:#a6e22e">err</span>);
</span></span><span style="display:flex;"><span>    })
</span></span><span style="display:flex;"><span>    .<span style="color:#66d9ef">finally</span>(() =&gt; {
</span></span><span style="display:flex;"><span>        <span style="color:#75715e">// Clean up HTTP client resources if the SDK exposes a close method
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span>        <span style="color:#66d9ef">if</span> (<span style="color:#a6e22e">config</span> <span style="color:#f92672">&amp;&amp;</span> <span style="color:#a6e22e">config</span>.<span style="color:#a6e22e">httpClient</span> <span style="color:#f92672">&amp;&amp;</span> <span style="color:#66d9ef">typeof</span> <span style="color:#a6e22e">config</span>.<span style="color:#a6e22e">httpClient</span>.<span style="color:#a6e22e">close</span> <span style="color:#f92672">===</span> <span style="color:#e6db74">&#34;function&#34;</span>) {
</span></span><span style="display:flex;"><span>            <span style="color:#a6e22e">config</span>.<span style="color:#a6e22e">httpClient</span>.<span style="color:#a6e22e">close</span>();
</span></span><span style="display:flex;"><span>        }
</span></span><span style="display:flex;"><span>    });
</span></span></code></pre></div><blockquote>
<p><strong>Note:</strong> このコード例はコア機能を示しています。プロジェクトで使用する前に、ファイルパス（<code>input/sample.svg</code>、<code>output/sample.png</code> など）を実際のファイル位置に合わせて更新し、すべての必須依存関係が正しくインストールされていることを確認し、開発環境で徹底的にテストしてください。問題が発生した場合は、<a href="https://docs.groupdocs.cloud/conversion/">公式ドキュメント</a> を参照するか、<a href="https://forum.groupdocs.cloud/c/conversion/11">サポートチーム</a> にお問い合わせください。</p>
</blockquote>
<h2 id="curl-を使用した-rest-api-による-svg-から-png-への変換">cURL を使用した REST API による SVG から PNG への変換</h2>
<p>純粋な REST アプローチを好む場合、同じ変換は cURL コマンドで実行できます。以下の手順では、アクセストークンの取得、SVG のアップロード、変換の開始、PNG のダウンロード方法を示します。</p>
<h3 id="認証してアクセストークンを取得する">認証してアクセストークンを取得する</h3>
<!--[CODE_SNIPPET_START]-->
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>curl -X POST <span style="color:#e6db74">&#34;https://api.groupdocs.cloud/v2.0/auth/token&#34;</span> <span style="color:#ae81ff">\
</span></span></span><span style="display:flex;"><span><span style="color:#ae81ff"></span>     -H <span style="color:#e6db74">&#34;Content-Type: application/json&#34;</span> <span style="color:#ae81ff">\
</span></span></span><span style="display:flex;"><span><span style="color:#ae81ff"></span>     -d <span style="color:#e6db74">&#39;{
</span></span></span><span style="display:flex;"><span><span style="color:#e6db74">           &#34;client_id&#34;: &#34;YOUR_CLIENT_ID&#34;,
</span></span></span><span style="display:flex;"><span><span style="color:#e6db74">           &#34;client_secret&#34;: &#34;YOUR_CLIENT_SECRET&#34;
</span></span></span><span style="display:flex;"><span><span style="color:#e6db74">         }&#39;</span>
</span></span></code></pre></div><!--[CODE_SNIPPET_END]-->
<p>レスポンスには、以降の呼び出しで使用する <code>access_token</code> が含まれています。</p>
<h3 id="ソース-svg-ファイルをアップロード">ソース SVG ファイルをアップロード</h3>
<!--[CODE_SNIPPET_START]-->
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>curl -X POST <span style="color:#e6db74">&#34;https://api.groupdocs.cloud/v2.0/storage/upload?path=input/sample.svg&#34;</span> <span style="color:#ae81ff">\
</span></span></span><span style="display:flex;"><span><span style="color:#ae81ff"></span>     -H <span style="color:#e6db74">&#34;Authorization: Bearer YOUR_ACCESS_TOKEN&#34;</span> <span style="color:#ae81ff">\
</span></span></span><span style="display:flex;"><span><span style="color:#ae81ff"></span>     -F <span style="color:#e6db74">&#34;file=@/path/to/local/sample.svg&#34;</span>
</span></span></code></pre></div><!--[CODE_SNIPPET_END]-->
<h3 id="svg-から-png-への変換を実行する">SVG から PNG への変換を実行する</h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>curl -X POST <span style="color:#e6db74">&#34;https://api.groupdocs.cloud/v2.0/conversion/convert&#34;</span> <span style="color:#ae81ff">\
</span></span></span><span style="display:flex;"><span><span style="color:#ae81ff"></span>     -H <span style="color:#e6db74">&#34;Authorization: Bearer YOUR_ACCESS_TOKEN&#34;</span> <span style="color:#ae81ff">\
</span></span></span><span style="display:flex;"><span><span style="color:#ae81ff"></span>     -H <span style="color:#e6db74">&#34;Content-Type: application/json&#34;</span> <span style="color:#ae81ff">\
</span></span></span><span style="display:flex;"><span><span style="color:#ae81ff"></span>     -d <span style="color:#e6db74">&#39;{
</span></span></span><span style="display:flex;"><span><span style="color:#e6db74">           &#34;filePath&#34;: &#34;input/sample.svg&#34;,
</span></span></span><span style="display:flex;"><span><span style="color:#e6db74">           &#34;format&#34;: &#34;png&#34;,
</span></span></span><span style="display:flex;"><span><span style="color:#e6db74">           &#34;outputPath&#34;: &#34;output/sample.png&#34;,
</span></span></span><span style="display:flex;"><span><span style="color:#e6db74">           &#34;options&#34;: {
</span></span></span><span style="display:flex;"><span><span style="color:#e6db74">               &#34;width&#34;: 1024,
</span></span></span><span style="display:flex;"><span><span style="color:#e6db74">               &#34;height&#34;: 768,
</span></span></span><span style="display:flex;"><span><span style="color:#e6db74">               &#34;backgroundColor&#34;: &#34;#FFFFFF&#34;
</span></span></span><span style="display:flex;"><span><span style="color:#e6db74">           }
</span></span></span><span style="display:flex;"><span><span style="color:#e6db74">         }&#39;</span>
</span></span></code></pre></div><p>API は、クラウド ストレージに新しく作成された PNG ファイルのパスを返します。</p>
<h3 id="結果の-png-ファイルをダウンロード">結果の PNG ファイルをダウンロード</h3>
<!--[CODE_SNIPPET_START]-->
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>curl -X GET <span style="color:#e6db74">&#34;https://api.groupdocs.cloud/v2.0/storage/download?path=output/sample.png&#34;</span> <span style="color:#ae81ff">\
</span></span></span><span style="display:flex;"><span><span style="color:#ae81ff"></span>     -H <span style="color:#e6db74">&#34;Authorization: Bearer YOUR_ACCESS_TOKEN&#34;</span> <span style="color:#ae81ff">\
</span></span></span><span style="display:flex;"><span><span style="color:#ae81ff"></span>     -o sample.png
</span></span></code></pre></div><!--[CODE_SNIPPET_END]-->
<p>これらの cURL コマンドを使用すると、コードを書かずに変換プロセスを完全に制御できます。詳細については、<a href="https://docs.groupdocs.cloud/conversion/">公式 API ドキュメント</a>をご覧ください。</p>
<h2 id="nodejs-における-svg-から-png-への変換の仕組み">Node.JS における SVG から PNG への変換の仕組み</h2>
<ol>
<li><strong>SDK クラスのインポート</strong> - <code>require(&quot;@groupdocs/conversion-cloud&quot;)</code> ステートメントは、<code>ConvertApi</code>、<code>ConvertSettings</code>、<code>PngOptions</code> などの必須クラスをロードします（<a href="https://reference.groupdocs.cloud/conversion/">API リファレンス</a>）。</li>
</ol>
<!--[CODE_SNIPPET_START]-->
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">const</span> { <span style="color:#a6e22e">ConvertApi</span>, <span style="color:#a6e22e">ConvertSettings</span>, <span style="color:#a6e22e">PngOptions</span> } <span style="color:#f92672">=</span> <span style="color:#a6e22e">require</span>(<span style="color:#e6db74">&#34;@groupdocs/conversion-cloud&#34;</span>);
</span></span></code></pre></div><!--[CODE_SNIPPET_END]-->
<ol start="2">
<li><strong>認証の構成</strong> - <code>Configuration</code> オブジェクトは <code>clientId</code> と <code>clientSecret</code> を保持します。このオブジェクトは <code>ConvertApi</code> と <code>StorageApi</code> の両方に渡され、以降のすべての呼び出しを認可します。</li>
</ol>
<!--[CODE_SNIPPET_START]-->
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">config</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">Configuration</span>({ <span style="color:#a6e22e">clientId</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#34;YOUR_CLIENT_ID&#34;</span>, <span style="color:#a6e22e">clientSecret</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#34;YOUR_CLIENT_SECRET&#34;</span> });
</span></span></code></pre></div><!--[CODE_SNIPPET_END]-->
<ol start="3">
<li>
<p><strong>入力および出力パスを定義する</strong> - <code>inputSvgPath</code> はクラウドストレージ内の SVG を指し、<code>outputPngPath</code> は PNG を保存する場所を指定します。</p>
<!--[CODE_SNIPPET_START]-->  
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">inputSvgPath</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;input/sample.svg&#34;</span>;
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">outputPngPath</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;output/sample.png&#34;</span>;
</span></span></code></pre></div><!--[CODE_SNIPPET_END]-->
</li>
<li>
<p><strong>PNGオプションの設定</strong> - <code>PngOptions</code> を使用すると、サイズと背景色を制御でき、大きな SVG や透明な SVG に便利です。</p>
<!--[CODE_SNIPPET_START]-->
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">pngOptions</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">PngOptions</span>({ <span style="color:#a6e22e">width</span><span style="color:#f92672">:</span> <span style="color:#ae81ff">1024</span>, <span style="color:#a6e22e">height</span><span style="color:#f92672">:</span> <span style="color:#ae81ff">768</span>, <span style="color:#a6e22e">backgroundColor</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#34;#FFFFFF&#34;</span> });
</span></span></code></pre></div><!--[CODE_SNIPPET_END]-->
</li>
<li>
<p><strong>変換設定の作成と実行</strong> - <code>ConvertSettings</code> はファイルパス、対象フォーマット、出力先、およびオプションをまとめます。<code>convertDocument</code> メソッドは変換を実行し、結果には PNG のクラウドパスが含まれます。</p>
<!--[CODE_SNIPPET_START]-->
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">convertSettings</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">ConvertSettings</span>({ <span style="color:#a6e22e">filePath</span><span style="color:#f92672">:</span> <span style="color:#a6e22e">inputSvgPath</span>, <span style="color:#a6e22e">format</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#34;png&#34;</span>, <span style="color:#a6e22e">outputPath</span><span style="color:#f92672">:</span> <span style="color:#a6e22e">outputPngPath</span>, <span style="color:#a6e22e">options</span><span style="color:#f92672">:</span> <span style="color:#a6e22e">pngOptions</span> });
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">convertRequest</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">ConvertDocumentRequest</span>(<span style="color:#a6e22e">convertSettings</span>);
</span></span><span style="display:flex;"><span><span style="color:#a6e22e">convertApi</span>.<span style="color:#a6e22e">convertDocument</span>(<span style="color:#a6e22e">convertRequest</span>);
</span></span></code></pre></div><!--[CODE_SNIPPET_END]-->
</li>
<li>
<p><strong>Download the PNG</strong> - 変換後、<code>StorageApi.downloadFile</code> はバイナリ データを取得し、それをローカル ファイルシステムに書き込むことができます。</p>
</li>
</ol>
<p>各ステップを理解することで、プロセスをカスタマイズし、エラーを処理し、変換をより大きなワークフローに統合できます。</p>
<h2 id="インストールと構成-groupdocsconversion-cloud-sdk-for-nodejs">インストールと構成 GroupDocs.Conversion Cloud SDK for Node.JS</h2>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>npm install groupdocs-conversion-cloud
</span></span></code></pre></div><p>SDKはNode.js 12 以降が必要です。インストール後、<strong>clientId</strong> と <strong>clientSecret</strong>（GroupDocs Cloud アカウントから取得可能）を使用して構成オブジェクトを作成します。最新のパッケージ バージョンについては、<a href="https://releases.groupdocs.cloud/conversion/nodejs/">download page</a> を参照してください。</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">const</span> { <span style="color:#a6e22e">Configuration</span> } <span style="color:#f92672">=</span> <span style="color:#a6e22e">require</span>(<span style="color:#e6db74">&#34;@groupdocs/conversion-cloud&#34;</span>);
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">config</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">Configuration</span>({
</span></span><span style="display:flex;"><span>    <span style="color:#a6e22e">clientId</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#34;YOUR_CLIENT_ID&#34;</span>,
</span></span><span style="display:flex;"><span>    <span style="color:#a6e22e">clientSecret</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#34;YOUR_CLIENT_SECRET&#34;</span>
</span></span><span style="display:flex;"><span>});
</span></span></code></pre></div><p>認証情報がストレージおよび変換サービスへのアクセス権を持っていることを確認してください。設定が完了したら、コード例に示すように <code>ConvertApi</code> と <code>StorageApi</code> をインスタンス化できます。</p>
<h2 id="png変換設定の微調整">PNG変換設定の微調整</h2>
<p><code>PngOptions</code> クラスは、調整できるいくつかのプロパティを提供します:</p>
<ul>
<li><strong>width / height</strong> - 出力解像度を定義します。値が大きいほど品質が向上しますが、メモリ使用量が増加します。
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">pngOptions</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">PngOptions</span>({ <span style="color:#a6e22e">width</span><span style="color:#f92672">:</span> <span style="color:#ae81ff">1920</span>, <span style="color:#a6e22e">height</span><span style="color:#f92672">:</span> <span style="color:#ae81ff">1080</span> });
</span></span></code></pre></div></li>
<li><strong>backgroundColor</strong> - 透明度を含むSVGに対して、単色の背景を設定します。
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">pngOptions</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">PngOptions</span>({ <span style="color:#a6e22e">backgroundColor</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#34;#000000&#34;</span> });
</span></span></code></pre></div></li>
<li><strong>compressionLevel</strong> - (サポートされている場合) ファイルサイズを削減するために、0（圧縮なし）から9（最大圧縮）までの圧縮レベルを選択します。
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">pngOptions</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">PngOptions</span>({ <span style="color:#a6e22e">compressionLevel</span><span style="color:#f92672">:</span> <span style="color:#ae81ff">6</span> });
</span></span></code></pre></div></li>
</ul>
<p>これらのオプションは <code>ConvertSettings</code> の <code>options</code> プロパティを介して渡されます。利用可能な設定の完全なリストについては、<a href="https://reference.groupdocs.cloud/conversion/">API リファレンス</a> を参照してください。</p>
<h2 id="効率的な-svg-から-png-への変換のベストプラクティス">効率的な SVG から PNG への変換のベストプラクティス</h2>
<ul>
<li><strong>Validate SVG Content</strong> - アップロード前に SVG に外部スクリプトや悪意のあるペイロードが含まれていないことを確認します。GroupDocs.Conversion は入力をサニタイズしますが、事前検証により追加のセキュリティ層が得られます。</li>
<li><strong>Reuse the Configuration Object</strong> - <code>Configuration</code> インスタンスを1つ作成し、複数の <code>ConvertApi</code> 呼び出し間で共有してオーバーヘッドを削減します。</li>
<li><strong>Set Reasonable Dimensions</strong> - 幅と高さを実際に必要なサイズに制限します。過大な画像は処理時間とメモリ使用量を増加させます。</li>
<li><strong>Stream Large Files</strong> - 非常に大きな SVG の場合、全バッファをメモリに読み込むのではなく、ダウンロードをストリーミングすることを検討してください。</li>
<li><strong>Monitor API Usage</strong> - 変換クォータを監視し、レートリミットの応答を適切に処理します。</li>
</ul>
<h2 id="結論">結論</h2>
<p><a href="https://products.groupdocs.cloud/conversion/nodejs/">GroupDocs.Conversion Cloud SDK for Node.JS</a> は、サーバー側での SVG から PNG への変換をシンプルかつスケーラブルで安全に行えるようにします。完全なコード例、同等の cURL ワークフロー、上記の構成ヒントに従うことで、あらゆるバックエンドサービスに高性能な画像変換を統合できます。ライセンスオプションを確認してください。実運用では有料サブスクリプションが必要ですが、<a href="https://purchase.groupdocs.cloud/temporary-license/">一時ライセンスページ</a> からテスト用の一時ライセンスを取得できます。今日から変換を開始し、ユーザーに自信を持って鮮明な PNG アセットを提供しましょう。</p>
<h2 id="faqs">FAQs</h2>
<p><strong>Node.JS で GroupDocs を使用して SVG を PNG に変換するにはどうすればよいですか？</strong><br>
GroupDocs.Conversion Cloud SDK for Node.JS を使用します。SVG をクラウドストレージにアップロードし、<code>PngOptions</code> を構成し、<code>convertDocument</code> を呼び出して PNG をダウンロードします。この記事の完全なコード例では、各手順が示されています。</p>
<p><strong>一度に多数のSVGファイルをバッチ変換できますか？</strong><br>
はい。SVGパスのリストを反復処理し、各ファイルに対して同じ変換リクエストを呼び出します。SDKは各リクエストを個別に処理するため、すべてのPNG結果を単一の出力フォルダーに保存できます。</p>
<p><strong>変換がエラーで失敗した場合、どうすればよいですか？</strong><br>
catch ブロックで返されるエラーメッセージを確認してください。一般的な問題には、無効な認証情報、ファイルパスの欠如、またはサポートされていない SVG 機能が含まれます。詳細なエラーコードとトラブルシューティング手順については、<a href="https://docs.groupdocs.cloud/conversion/">公式ドキュメント</a> を参照してください。</p>
<p><strong>PNG オプションの詳細情報はどこで確認できますか？</strong><br>
すべての構成可能なプロパティは <code>PngOptions</code> の API リファレンスに一覧されています。圧縮レベルや色深度などの追加設定を確認するには、<a href="https://reference.groupdocs.cloud/conversion/">API リファレンス</a>をご覧ください。</p>
<h2 id="さらに読む">さらに読む</h2>
<ul>
<li><a href="https://blog.groupdocs.cloud/ja/conversion/step-by-step-html-to-docx-conversion-tutorial-in-nodejs/">Node.JSでのHTMLからDOCXへのステップバイステップ変換チュートリアル</a></li>
<li><a href="https://blog.groupdocs.cloud/ja/conversion/step-by-step-csv-to-pdf-conversion-example-in-nodejs/">Node.JSでのCSVからPDFへのステップバイステップ変換例</a></li>
<li><a href="https://blog.groupdocs.cloud/ja/conversion/pdf-to-docx-conversion-in-nodejs/">Node.JSでのPDFからDOCXへの変換</a></li>
</ul>
]]></content:encoded>
    </item>
    
    <item>
      <title>Node.JSでCSVをJPGに変換</title>
      <link>https://blog-qa.groupdocs.cloud/ja/conversion/convert-csv-to-jpg-in-nodejs/</link>
      <pubDate>Fri, 07 Aug 2026 08:43:57 +0000</pubDate>
      
      <guid>https://blog-qa.groupdocs.cloud/ja/conversion/convert-csv-to-jpg-in-nodejs/</guid>
      <description>Node.JS で GroupDocs.Conversion Cloud SDK を使用して CSV ファイルを JPG 画像に変換する方法を学びます。コード、cURL の例、および開発者向けのヒントが含まれています。</description>
      <content:encoded><![CDATA[<p>ダッシュボードやメールレポートを作成する際、表形式データからプレビュー画像を生成することは一般的な要件です。 <a href="https://products.groupdocs.cloud/conversion/nodejs/">GroupDocs.Conversion Cloud SDK for Node.js</a> は、サーバー側で <a href="https://docs.fileformat.com/spreadsheet/csv/">CSV</a> ファイルを高品質な <a href="https://docs.fileformat.com/image/jpg/">JPG</a> 画像に変換できる強力な API を提供します。ライブラリの非同期メソッドを使用して Node.JS で CSV を JPG に変換する方法を学び、完全なコード例を確認し、同等の cURL 呼び出しを検討し、出力を微調整するための構成オプションを発見できます。</p>
<h2 id="nodejsでcsvをjpgに変換---完全なコード例">Node.JSでCSVをJPGに変換 - 完全なコード例</h2>
<p>この例では、ライブラリの非同期 API を使用して、GroupDocs Cloud ストレージに保存されている CSV ファイルを JPG 画像に変換する方法を示します。</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">const</span> { <span style="color:#a6e22e">ConvertApi</span>, <span style="color:#a6e22e">ConvertSettings</span>, <span style="color:#a6e22e">ConvertOptions</span>, <span style="color:#a6e22e">FileInfo</span> } <span style="color:#f92672">=</span> <span style="color:#a6e22e">require</span>(<span style="color:#e6db74">&#34;@groupdocs/conversion-cloud&#34;</span>);
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// Replace with your actual GroupDocs Cloud credentials
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">clientId</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;YOUR_CLIENT_ID&#34;</span>;
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">clientSecret</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;YOUR_CLIENT_SECRET&#34;</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">async</span> <span style="color:#66d9ef">function</span> <span style="color:#a6e22e">convertCsvToJpg</span>() {
</span></span><span style="display:flex;"><span>    <span style="color:#75715e">// Initialize the Conversion API
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span>    <span style="color:#66d9ef">const</span> <span style="color:#a6e22e">convertApi</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">ConvertApi</span>(<span style="color:#a6e22e">clientId</span>, <span style="color:#a6e22e">clientSecret</span>);
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// Source CSV file stored in GroupDocs Cloud storage
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span>    <span style="color:#66d9ef">const</span> <span style="color:#a6e22e">fileInfo</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">FileInfo</span>();
</span></span><span style="display:flex;"><span>    <span style="color:#a6e22e">fileInfo</span>.<span style="color:#a6e22e">filePath</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;input.csv&#34;</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// Conversion options: CSV -&gt; JPG
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span>    <span style="color:#66d9ef">const</span> <span style="color:#a6e22e">convertOptions</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">ConvertOptions</span>();
</span></span><span style="display:flex;"><span>    <span style="color:#a6e22e">convertOptions</span>.<span style="color:#a6e22e">fileInfo</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">fileInfo</span>;
</span></span><span style="display:flex;"><span>    <span style="color:#a6e22e">convertOptions</span>.<span style="color:#a6e22e">format</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;jpg&#34;</span>;
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">// Conversion settings (output folder in storage)
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span>    <span style="color:#66d9ef">const</span> <span style="color:#a6e22e">convertSettings</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">ConvertSettings</span>();
</span></span><span style="display:flex;"><span>    <span style="color:#a6e22e">convertSettings</span>.<span style="color:#a6e22e">outputPath</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;output_images&#34;</span>;
</span></span><span style="display:flex;"><span>    <span style="color:#a6e22e">convertSettings</span>.<span style="color:#a6e22e">convertOptions</span> <span style="color:#f92672">=</span> [<span style="color:#a6e22e">convertOptions</span>];
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">try</span> {
</span></span><span style="display:flex;"><span>        <span style="color:#66d9ef">const</span> <span style="color:#a6e22e">result</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">await</span> <span style="color:#a6e22e">convertApi</span>.<span style="color:#a6e22e">convertDocument</span>(<span style="color:#a6e22e">convertSettings</span>);
</span></span><span style="display:flex;"><span>        <span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">log</span>(<span style="color:#e6db74">&#34;Conversion completed. Generated files:&#34;</span>);
</span></span><span style="display:flex;"><span>        <span style="color:#a6e22e">result</span>.<span style="color:#a6e22e">forEach</span>(<span style="color:#a6e22e">file</span> =&gt; <span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">log</span>(<span style="color:#a6e22e">file</span>.<span style="color:#a6e22e">path</span>));
</span></span><span style="display:flex;"><span>    } <span style="color:#66d9ef">catch</span> (<span style="color:#a6e22e">err</span>) {
</span></span><span style="display:flex;"><span>        <span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">error</span>(<span style="color:#e6db74">&#34;Conversion failed:&#34;</span>, <span style="color:#a6e22e">err</span>);
</span></span><span style="display:flex;"><span>    }
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#a6e22e">convertCsvToJpg</span>();
</span></span></code></pre></div><blockquote>
<p><strong>注:</strong> このコード例はコア機能を示しています。プロジェクトで使用する前に、ファイルパス（<code>input.csv</code>、<code>output_images</code> など）を実際の場所に合わせて更新し、必要な依存関係がすべて正しくインストールされていることを確認し、開発環境で徹底的にテストしてください。問題が発生した場合は、<a href="https://docs.groupdocs.cloud/conversion/">公式ドキュメント</a> または <a href="https://forum.groupdocs.cloud/c/conversion/11">サポートチーム</a> にお問い合わせください。</p>
</blockquote>
<h2 id="curl-と-rest-api-を使用した-csv-から-jpg-への変換">cURL と REST API を使用した CSV から JPG への変換</h2>
<p>純粋な REST アプローチを好む場合、同じ変換は一連の cURL コマンドで実行できます。</p>
<ol>
<li><strong>アクセス トークンを取得</strong> - クライアント資格情報で認証します。</li>
</ol>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>curl -X POST <span style="color:#e6db74">&#34;https://api.groupdocs.cloud/v2.0/auth/token&#34;</span> <span style="color:#ae81ff">\
</span></span></span><span style="display:flex;"><span><span style="color:#ae81ff"></span>     -H <span style="color:#e6db74">&#34;Content-Type: application/json&#34;</span> <span style="color:#ae81ff">\
</span></span></span><span style="display:flex;"><span><span style="color:#ae81ff"></span>     -d <span style="color:#e6db74">&#39;{&#34;client_id&#34;:&#34;YOUR_CLIENT_ID&#34;,&#34;client_secret&#34;:&#34;YOUR_CLIENT_SECRET&#34;}&#39;</span>
</span></span></code></pre></div><ol start="2">
<li><strong>CSV ソースをアップロード</strong> - ファイルを GroupDocs Cloud ストレージに配置します。</li>
</ol>
<!--[CODE_SNIPPET_START]-->
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>curl -X POST <span style="color:#e6db74">&#34;https://api.groupdocs.cloud/v2.0/storage/upload?path=input.csv&#34;</span> <span style="color:#ae81ff">\
</span></span></span><span style="display:flex;"><span><span style="color:#ae81ff"></span>     -H <span style="color:#e6db74">&#34;Authorization: Bearer YOUR_ACCESS_TOKEN&#34;</span> <span style="color:#ae81ff">\
</span></span></span><span style="display:flex;"><span><span style="color:#ae81ff"></span>     -F <span style="color:#e6db74">&#34;file=@/path/to/your/input.csv&#34;</span>
</span></span></code></pre></div><!--[CODE_SNIPPET_END]-->
<ol start="3">
<li><strong>変換のリクエスト</strong> - ターゲット形式をJPGとして指定してください。</li>
</ol>
<!--[CODE_SNIPPET_START]-->
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>curl -X POST <span style="color:#e6db74">&#34;https://api.groupdocs.cloud/v2.0/conversion/convert?format=jpg&#34;</span> <span style="color:#ae81ff">\
</span></span></span><span style="display:flex;"><span><span style="color:#ae81ff"></span>     -H <span style="color:#e6db74">&#34;Authorization: Bearer YOUR_ACCESS_TOKEN&#34;</span> <span style="color:#ae81ff">\
</span></span></span><span style="display:flex;"><span><span style="color:#ae81ff"></span>     -H <span style="color:#e6db74">&#34;Content-Type: application/json&#34;</span> <span style="color:#ae81ff">\
</span></span></span><span style="display:flex;"><span><span style="color:#ae81ff"></span>     -d <span style="color:#e6db74">&#39;{&#34;fileInfo&#34;:{&#34;filePath&#34;:&#34;input.csv&#34;}}&#39;</span>
</span></span></code></pre></div><!--[CODE_SNIPPET_END]-->
<ol start="4">
<li><strong>生成された画像をダウンロード</strong> - 出力フォルダーからファイルを取得します。</li>
</ol>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>curl -X GET <span style="color:#e6db74">&#34;https://api.groupdocs.cloud/v2.0/storage/download?path=output_images/your_image.jpg&#34;</span> <span style="color:#ae81ff">\
</span></span></span><span style="display:flex;"><span><span style="color:#ae81ff"></span>     -H <span style="color:#e6db74">&#34;Authorization: Bearer YOUR_ACCESS_TOKEN&#34;</span> <span style="color:#ae81ff">\
</span></span></span><span style="display:flex;"><span><span style="color:#ae81ff"></span>     -o your_image.jpg
</span></span></code></pre></div><p>これらのコマンドは、コードを書かずに CSV‑to‑JPG の完全なワークフローを示しています。詳細については、<a href="https://reference.groupdocs.cloud/conversion/">公式 API ドキュメント</a>をご覧ください。</p>
<h2 id="nodejs-における-csv-から-jpg-へのプロセスの理解">Node.JS における CSV から JPG へのプロセスの理解</h2>
<p>以下は、前述のコードのステップバイステップの内訳です:</p>
<ol>
<li><strong>APIクライアントを初期化</strong> - <code>new ConvertApi(clientId, clientSecret)</code> は認証されたセッションを作成します。</li>
</ol>
<!--[CODE_SNIPPET_START]-->
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">convertApi</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">ConvertApi</span>(<span style="color:#a6e22e">clientId</span>, <span style="color:#a6e22e">clientSecret</span>);
</span></span></code></pre></div><!--[CODE_SNIPPET_END]-->
<ol start="2">
<li>
<p><strong>ソースファイルを定義する</strong> - <code>FileInfo</code> オブジェクトは GroupDocs Cloud に保存されている <code>input.csv</code> を指します。</p>
<!--[CODE_SNIPPET_START]-->
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">fileInfo</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">FileInfo</span>();
</span></span><span style="display:flex;"><span><span style="color:#a6e22e">fileInfo</span>.<span style="color:#a6e22e">filePath</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;input.csv&#34;</span>;
</span></span></code></pre></div><!--[CODE_SNIPPET_END]-->
</li>
<li>
<p><strong>変換オプションの設定</strong> - <code>ConvertOptions.format = &quot;jpg&quot;</code> は、サービスにJPG出力を生成するよう指示します。</p>
</li>
</ol>
<!--[CODE_SNIPPET_START]-->
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">convertOptions</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">ConvertOptions</span>();
</span></span><span style="display:flex;"><span><span style="color:#a6e22e">convertOptions</span>.<span style="color:#a6e22e">fileInfo</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">fileInfo</span>;
</span></span><span style="display:flex;"><span><span style="color:#a6e22e">convertOptions</span>.<span style="color:#a6e22e">format</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;jpg&#34;</span>;
</span></span></code></pre></div><!--[CODE_SNIPPET_END]-->
<ol start="4">
<li><strong>出力設定の構成</strong> - <code>ConvertSettings.outputPath</code> は画像が保存される場所を決定します。</li>
</ol>
<!--[CODE_SNIPPET_START]-->
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">convertSettings</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">ConvertSettings</span>();
</span></span><span style="display:flex;"><span><span style="color:#a6e22e">convertSettings</span>.<span style="color:#a6e22e">outputPath</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;output_images&#34;</span>;
</span></span><span style="display:flex;"><span><span style="color:#a6e22e">convertSettings</span>.<span style="color:#a6e22e">convertOptions</span> <span style="color:#f92672">=</span> [<span style="color:#a6e22e">convertOptions</span>];
</span></span></code></pre></div><!--[CODE_SNIPPET_END]-->
<ol start="5">
<li><strong>変換を実行する</strong> - <code>convertApi.convertDocument(convertSettings)</code> はリクエストを送信し、生成されたファイルパスの配列を返します。</li>
</ol>
<!--[CODE_SNIPPET_START]-->
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">result</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">await</span> <span style="color:#a6e22e">convertApi</span>.<span style="color:#a6e22e">convertDocument</span>(<span style="color:#a6e22e">convertSettings</span>);
</span></span></code></pre></div><!--[CODE_SNIPPET_END]-->
<p>クラスとプロパティの完全な一覧については、<a href="https://reference.groupdocs.cloud/conversion/">API リファレンス</a> を参照してください。</p>
<h2 id="前提条件とセットアップ">前提条件とセットアップ</h2>
<ol>
<li><strong>Node.js runtime</strong> - バージョン12以上が必要です。</li>
<li><strong>GroupDocs Cloud account</strong> - GroupDocs ポータルから <code>clientId</code> と <code>clientSecret</code> を取得します。</li>
<li><strong>Install the SDK</strong> - 以下のコマンドを実行します（公式リリースページからパッケージをダウンロードしてください）。</li>
</ol>
<!--[CODE_SNIPPET_START]-->
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>npm install groupdocs-conversion-cloud
</span></span></code></pre></div><!--[CODE_SNIPPET_END]-->
<ol start="4">
<li><strong>SDK をインポート</strong> します:</li>
</ol>
<!--[CODE_SNIPPET_START]-->
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">const</span> { <span style="color:#a6e22e">ConvertApi</span>, <span style="color:#a6e22e">ConvertSettings</span>, <span style="color:#a6e22e">ConvertOptions</span>, <span style="color:#a6e22e">FileInfo</span> } <span style="color:#f92672">=</span> <span style="color:#a6e22e">require</span>(<span style="color:#e6db74">&#34;@groupdocs/conversion-cloud&#34;</span>);
</span></span></code></pre></div><!--[CODE_SNIPPET_END]-->
<p>インストールの詳細については、<a href="https://releases.groupdocs.cloud/conversion/nodejs/">ダウンロードページ</a>をご覧ください。</p>
<h2 id="変換設定-オプションとパラメータ">変換設定: オプションとパラメータ</h2>
<p>SDK は調整できるいくつかのプロパティを公開しています：</p>
<ul>
<li><strong>出力パス</strong> - JPG ファイルが保存されるフォルダーを制御します。</li>
</ul>
<!--[CODE_SNIPPET_START]-->
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#a6e22e">convertSettings</span>.<span style="color:#a6e22e">outputPath</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;output_images&#34;</span>;
</span></span></code></pre></div><!--[CODE_SNIPPET_END]-->
<ul>
<li><strong>対象フォーマット</strong> - <code>&quot;jpg&quot;</code> を <code>&quot;jpeg&quot;</code> に変更してください、<a href="https://docs.fileformat.com/image/jpeg/">JPEG</a> バリアントが必要な場合。</li>
</ul>
<!--[CODE_SNIPPET_START]-->
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#a6e22e">convertOptions</span>.<span style="color:#a6e22e">format</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;jpeg&#34;</span>;
</span></span></code></pre></div><!--[CODE_SNIPPET_END]-->
<ul>
<li><strong>カスタム寸法</strong> - 幅と高さを指定できる（サポートされている場合）正確なサイズの画像を生成できます。</li>
</ul>
<!--[CODE_SNIPPET_START]-->
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#a6e22e">convertOptions</span>.<span style="color:#a6e22e">width</span> <span style="color:#f92672">=</span> <span style="color:#ae81ff">800</span>;   <span style="color:#75715e">// example width in pixels
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span><span style="color:#a6e22e">convertOptions</span>.<span style="color:#a6e22e">height</span> <span style="color:#f92672">=</span> <span style="color:#ae81ff">600</span>;  <span style="color:#75715e">// example height in pixels
</span></span></span></code></pre></div><!--[CODE_SNIPPET_END]-->
<ul>
<li><strong>非同期実行</strong> - SDK メソッドは Promise を返し、イベントループをブロックせずに非同期ワークフローに変換処理を統合できます。</li>
</ul>
<!--[CODE_SNIPPET_START]-->
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">await</span> <span style="color:#a6e22e">convertApi</span>.<span style="color:#a6e22e">convertDocument</span>(<span style="color:#a6e22e">convertSettings</span>);
</span></span></code></pre></div>  <!--[CODE_SNIPPET_END]-->
<p>これらのオプションを使用すると、CSV‑to‑JPG ワークフローを特定の自動化または統合ニーズに合わせて調整できます。</p>
<h2 id="結論">結論</h2>
<p>Node.JS で CSV を JPG に変換するのは、<a href="https://products.groupdocs.cloud/conversion/nodejs/">GroupDocs.Conversion Cloud SDK for Node.js</a> を使用すれば簡単です。ライブラリはクラウド上で重い処理を担当し、ビジネスロジックや統合に集中できるようにします。クラウド認証情報を確実に保護し、適切な出力形式（JPG または JPEG）を選択し、ワークフローに合わせてサイズや出力パスなどの設定を調整してください。本番環境でのデプロイには有料ライセンスが必要です。価格詳細を確認し、一時ライセンスは<a href="https://purchase.groupdocs.cloud/temporary-license/">一時ライセンスページ</a>から取得できます。提供されたコードと cURL の例を使えば、任意のバックエンドサービスに CSV‑to‑JPG の自動化をすぐに組み込むことができます。</p>
<h2 id="よくある質問">よくある質問</h2>
<ul>
<li>
<p><strong>Node.JSでカスタム解析ロジックを書かずにCSVをJPGに変換するにはどうすればよいですか？</strong><br>
SDKはCSVを直接GroupDocs Cloudストレージから読み取り、各行を画像としてレンダリングするため、外部ツールは不要です。コード例またはcURLワークフローに従ってください。</p>
</li>
<li>
<p><strong>バックエンドでJPGではなくJPEGにCSVを変換することは可能ですか？</strong><br>
はい。コード内で <code>convertOptions.format = &quot;jpeg&quot;</code> を設定するか、RESTリクエストで <code>format=jpeg</code> を使用してください。Node.JS のバックエンド変換では両方の形式がサポートされています。</p>
</li>
<li>
<p><strong>サーバーのブロックを回避するために、非同期で変換を実行できますか？</strong><br>
もちろんです。すべての SDK メソッドは Promise を返すため、<code>await</code> したり <code>.then()</code> ハンドラを付けたりできます。これにより、ブロッキングしないスケーラブルな CSV から JPG への自動変換が可能になります。</p>
</li>
<li>
<p><strong>CSV から画像への変換のサンプルはどこで見つけられますか？</strong><br>
公式の<a href="https://docs.groupdocs.cloud/conversion/">ドキュメント</a>には追加のサンプルが含まれており、コミュニティフォーラムの<a href="https://forum.groupdocs.cloud/c/conversion/11">GroupDocs Conversion Forum</a>は質問するのに適した場所です。</p>
</li>
</ul>
<h2 id="さらに読む">さらに読む</h2>
<ul>
<li><a href="https://blog.groupdocs.cloud/ja/conversion/convert-pdf-to-jpg-with-nodejs/">Node.js を使用して PDF を JPG に変換 | PDF から画像を抽出</a></li>
<li><a href="https://blog.groupdocs.cloud/ja/conversion/convert-csv-to-json-with-nodejs/">Node.js で CSV を JSON に変換 | REST API を使用したオンライン CSV から JSON 変換</a></li>
<li><a href="https://blog.groupdocs.cloud/ja/conversion/convert-json-to-csv-with-nodejs/">Node.js REST API を使用して JSON を CSV に変換 | オンラインで JSON を CSV 形式に変換</a></li>
</ul>
]]></content:encoded>
    </item>
    
  </channel>
</rss>
