PNG から WebP コンバーター – 透明度を保ったまま PNG を WebP に変換します

ソフトウェア アーキテクチャにおけるプログラムによる変換

自動パイプラインまたはバックエンド変換システムを構築している場合は、この変換エンジンの作業を簡単に複製できます。ブラウザでは、これはソース ファイルをオフスクリーン キャンバスに描画し、エクスポートを呼び出すことによって実現されます。以下は JavaScript を使用した開発者スクリプトです。

// JavaScript 内でプログラムによるラスター形式変換
関数 ConvertImageFormat(fileBlob, targetMimeType) {
    return new Promise((resolve) => {
        const img = 新しい画像();
        img.src = URL.createObjectURL(fileBlob);
        img.onload = () => {
            const Canvas = document.createElement('canvas');
            Canvas.width = img.naturalWidth;
            Canvas.height = img.naturalHeight;
            const ctx = Canvas.getContext('2d');
            
            // ソースグラフィックをキャンバスワークスペースにレンダリングします
            ctx.drawImage(img, 0, 0);
            
            // 生のバイナリ BLOB をエクスポートします
            Canvas.toBlob((blob) => {
                解決(ブロブ);
            、targetMimeType、0.90);
        };
    });
}

ターミナル オートメーションの場合、標準の ffmpeg シェル ツールキットを実行して、フォーマット グリッドを即座に変換できます。

# ffmpeg を使用して画像を SVG から PNG に変換します
ffmpeg -i logo.svg -fn_format png 出力.png

# 80% の圧縮品質で JPG を WebP に変換します
ffmpeg -i photo.jpg -codec:v libwebp -q:v 80 photo.webp

プロのクリエイターのための意図の高いベスト プラクティス

グラフィック アセットを最大限に活用するには、次の業界のベスト プラクティスを採用することをお勧めします。

• プライバシーを優先する: 当社のツールは 100% 安全です。すべての処理は HTML5 API を使用してブラウザのタブ内でローカルに実行されるため、プライベートな写真がインターネット経由で送信されることはありません。
• 常に元のバックアップを保持する: 空間調整、フィルタ、または変換を実行する前に、ソース ファイルのクリーンな高解像度コピーを必ず保持してください。これにより、デザインを変更する必要がある場合に、後でパラメータを再調整できます。
• コンテキストに応じた形式: 常に写真の位置に応じて変換および圧縮します。一般的なウェブサイトのデザインには WebP を使用し、透明性が必要なロゴやアイコンには PNG を使用し、標準的な印刷またはアーカイブ ストレージには高品質の JPG を使用します。