JavaScriptでPowerPointスライドを画像に変換する

概要

Aspose.Slides for Node.js via Java を使用すると、PowerPoint および OpenDocument のプレゼンテーションスライドを、BMP、PNG、JPG（JPEG）、GIF などのさまざまな画像形式に簡単に変換できます。

スライドを画像に変換するには、次の手順に従います。

目的の変換設定を定義し、エクスポートするスライドを次のいずれかで選択します。
- TiffOptions クラス、または
- RenderingOptions クラス。
getImage メソッドを呼び出してスライド画像を生成します。

Aspose.Slides for Node.js via Java では、IImage はピクセルデータで定義された画像を操作できるクラスです。このクラスを使用して、BMP、JPG、PNG などの幅広い形式で画像を保存できます。

スライドをビットマップに変換し、PNG で画像を保存

スライドをビットマップオブジェクトに変換してアプリケーションで直接使用できます。または、スライドをビットマップに変換した後、JPEG など任意の形式で画像を保存できます。

この JavaScript コードは、プレゼンテーションの最初のスライドをビットマップオブジェクトに変換し、PNG 形式で画像を保存する方法を示しています:

let presentation = new aspose.slides.Presentation("Presentation.pptx");
try {
    // プレゼンテーションの最初のスライドをビットマップに変換します。
    let image = presentation.getSlides().get_Item(0).getImage();
    try {
        // 画像を PNG 形式で保存します。
        image.save("Slide_0.png", aspose.slides.ImageFormat.Png);
    } finally {
        image.dispose();
    }
} finally {
    presentation.dispose();
}

カスタムサイズでスライドを画像に変換

特定のサイズの画像が必要な場合があります。getImage のオーバーロードを使用すると、幅と高さを指定してスライドを画像に変換できます。

このサンプルコードは、サイズを指定してスライドを画像に変換する方法を示しています:

let imageSize = java.newInstanceSync("java.awt.Dimension", 1820, 1040);

let presentation = new aspose.slides.Presentation("Presentation.pptx");
try {
    // プレゼンテーションの最初のスライドを指定されたサイズでビットマップに変換します。
    let image = presentation.getSlides().get_Item(0).getImage(imageSize);
    try {
        // 画像を JPEG 形式で保存します。
        image.save("Slide_0.jpg", aspose.slides.ImageFormat.Jpeg);
    } finally {
        image.dispose();
    }
} finally {
    presentation.dispose();
}

ノートとコメント付きスライドを画像に変換

一部のスライドにはノートやコメントが含まれています。

Aspose.Slides は、TiffOptions と RenderingOptions の 2 つのクラスを提供し、プレゼンテーションスライドを画像にレンダリングする際の制御が可能です。両クラスには setSlidesLayoutOptions メソッドが含まれており、スライドを画像に変換するときにノートやコメントのレンダリングを設定できます。

NotesCommentsLayoutingOptions クラスを使用すると、生成される画像内でノートとコメントの位置を任意に指定できます。

この JavaScript コードは、ノートとコメント付きスライドを画像に変換する方法を示しています:

const scaleX = 2;
const scaleY = scaleX;

// プレゼンテーションファイルをロードします。
let presentation = new aspose.slides.Presentation("Presentation_with_notes_and_comments.pptx");
try {
    let notesCommentsOptions = new aspose.slides.NotesCommentsLayoutingOptions();
    notesCommentsOptions.setNotesPosition(aspose.slides.NotesPositions.BottomTruncated);                  // ノートの位置を設定します。
    notesCommentsOptions.setCommentsPosition(aspose.slides.CommentsPositions.Right);                      // コメントの位置を設定します。
    notesCommentsOptions.setCommentsAreaWidth(500);                                                       // コメント領域の幅を設定します。
    notesCommentsOptions.setCommentsAreaColor(java.getStaticFieldValue("java.awt.Color", "LIGHT_GRAY"));  // コメント領域の色を設定します。

    // レンダリングオプションを作成します。
    let options = new aspose.slides.RenderingOptions();
    options.setSlidesLayoutOptions(notesCommentsOptions);
 
    // プレゼンテーションの最初のスライドを画像に変換します。
    let image = presentation.getSlides().get_Item(0).getImage(options, scaleX, scaleY);
    try {
        // 画像を GIF 形式で保存します。
        image.save("Image_with_notes_and_comments_0.gif", aspose.slides.ImageFormat.Gif);
    } finally {
        image.dispose();
    }
} finally {
    presentation.dispose();
}

Note

スライドから画像への変換プロセスにおいて、setNotesPosition メソッドは BottomFull を適用できません。ノートのテキストが大きすぎて、指定された画像サイズに収まらない可能性があるためです。

TIFF オプションを使用してスライドを画像に変換

TiffOptions クラスは、サイズ、解像度、カラーパレットなどのパラメータを指定できるため、生成される TIFF 画像をより細かく制御できます。

この JavaScript コードは、TIFF オプションを使用して 300 DPI の解像度、サイズ 2160 × 2800 の白黒画像を出力する変換プロセスを示しています:

// プレゼンテーションファイルをロードします。
let presentation = new aspose.slides.Presentation("sample.pptx");
try {
    // プレゼンテーションから最初のスライドを取得します。
    let slide = presentation.getSlides().get_Item(0);

    // 出力TIFF画像の設定を構成します。
    let tiffOptions = new aspose.slides.TiffOptions();
    tiffOptions.setImageSize(java.newInstanceSync("java.awt.Dimension", 2160, 2880));  // 画像サイズを設定します。
    tiffOptions.setPixelFormat(aspose.slides.ImagePixelFormat.Format1bppIndexed);      // ピクセルフォーマットを設定します（白黒）。
    tiffOptions.setDpiX(300);                                                          // 水平解像度を設定します。
    tiffOptions.setDpiY(300);                                                          // 垂直解像度を設定します。

    // 指定されたオプションでスライドを画像に変換します。
    let image = slide.getImage(tiffOptions);
    try {
        // 画像をTIFF形式で保存します。
        image.save("output.tiff", aspose.slides.ImageFormat.Tiff);
    } finally {
        image.dispose();
    }
} finally {
    presentation.dispose();
}

Note

JDK 9 未満のバージョンでは TIFF のサポートは保証されません。

すべてのスライドを画像に変換

Aspose.Slides を使用すると、プレゼンテーション内のすべてのスライドを画像に変換でき、プレゼンテーション全体を一連の画像に変換することができます。

このサンプルコードは、JavaScript でプレゼンテーションのすべてのスライドを画像に変換する方法を示しています:

const scaleX = 2;
const scaleY = scaleX;

let presentation = new aspose.slides.Presentation("Presentation.pptx");
try {
    // プレゼンテーションをスライドごとに画像としてレンダリングします。
    for (let i = 0; i < presentation.getSlides().size(); i++) {
        // 非表示スライドを制御します（非表示スライドはレンダリングしません）。
        if (presentation.getSlides().get_Item(i).getHidden()) {
            continue;
        }

        // スライドを画像に変換します。
        let image = presentation.getSlides().get_Item(i).getImage(scaleX, scaleY);
        try {
            // 画像を JPEG 形式で保存します。
            image.save("Slide_" + i + ".jpg", aspose.slides.ImageFormat.Jpeg);
        } finally {
            image.dispose();
        }
    }
} finally {
    presentation.dispose();
}

FAQ

Aspose.Slides はアニメーション付きスライドのレンダリングをサポートしていますか？

いいえ、getImage メソッドはスライドの静止画像のみを保存し、アニメーションは含まれません。

非表示スライドを画像としてエクスポートできますか？

はい、非表示スライドも通常のスライドと同様に処理できます。ループ内で対象に含めてください。

画像を影やエフェクト付きで保存できますか？

はい、Aspose.Slides はスライドを画像として保存する際に、影、透明度、その他のグラフィック効果のレンダリングをサポートしています。

プレゼンテーションビューア