画像結合エンジンをアップデート

更新日：2026-08-18

更新種別：コア改善

ネイティブ Canvas エンジン

ホームとGridの画像結合機能は、レンダリング済み DOM のスクリーンショットではなく、ブラウザのネイティブ Canvas を使うようになりました。画像の位置、サイズ、間隔、外側の余白、角丸、背景、cover の切り抜きを Canvas で直接描画し、既存のプレビュー操作はそのまま利用できます。

完全な DOM と CSS のスクリーンショットへの依存を減らし、今後のサイズ制御や出力改善のための安定した基盤を整えました。画像処理はこれまでどおりブラウザ内で完結します。

出力形式とファイルサイズ

出力は Blob として作成され、選択した形式に応じてエンコードされます。

PNG：可逆形式で、透明背景、文字、図形に適しています。ファイルサイズは通常、他の PNG と大きく変わりません。
JPEG：写真の結合に適しており、PNG より小さくなることが多く、透明部分は白で塗りつぶされます。
WebP：画質とファイルサイズのバランスに優れています。
BMP：Canvas には統一された BMP エンコーダーがないため、PNG に戻し、拡張子も .png になります。

JPEG と WebP は現在約 86% の品質で出力されます。プレビュー画面で形式を変更した場合も、ダウンロード時に選択した形式で再エンコードされるため、拡張子と内容が一致します。

背景色のクイックプリセット

ホームと Grid の背景色設定に、白、霧灰、暖色オレンジ、柔らかな黄色、ミント、空色、ラベンダー、チャコールのプリセットを追加しました。

色をクリックしてすぐに適用でき、カラーピッカーから任意の色を選ぶこともできます。背景色は外側の余白、画像間の間隔、角丸で現れる領域、透明画像の見え方に影響します。

縦方向プレビューの改善

プレビューはレイアウトに応じてスクロール方法を切り替えます。縦方向では内容をプレビュー幅に収めて横スクロールを隠し、横方向では幅の広い結果を確認できるよう横スクロールを残します。幅の制限により、スクロールバーを隠しても画像が切り取られません。

プライバシーは変更ありません

画像の選択、レイアウト計算、Canvas 描画、形式変換、ダウンロードはすべてユーザーのブラウザで行われます。画像がサーバーにアップロードされたり、第三者に処理されたりすることはありません。