画像をリサイズ

すべてのデジタルラスター画像は、固定された2次元のピクセルグリッドで構成されています（例えば、1200万画素のスマートフォン写真は4000 × 3000ピクセルです）。4000ピクセル幅の写真をわずか800ピクセル幅のWebページ表示枠に配置した場合でも、訪問者のブラウザは画面上で縮小表示する前に1200万ピクセルすべてをダウンロードしなければなりません。

Utiliomeはブラウザタブ内で実際のピクセルマトリックスをローカルに再サンプリングします：

• 高品質ステップ補間： HTML5 Canvas 2DコンテキストでimageSmoothingQuality = 'high'を適用し、隣接ピクセルを滑らかに平均化するため、縮小された文字、人物写真、商品エッジも鮮明なまま保たれます。
• 正確なアスペクト比ロック： 比率を固定が有効な場合、Utiliomeは写真の正確な縦横比率（高さ = 幅 ÷ アスペクト比）を維持し、画像の歪みを防ぎます。
• 瞬時のローカル再エンコード： 元のフォーマットを維持したまま保存することも、WebP、JPG、PNGへその場で変換して保存することも可能です。

画像のピクセル寸法を表示枠に正確に合わせることで、レイアウトシフト（表示のズレ）を防ぎ、無駄な通信量を削減できます。WebサイトやSNS向けアセットをリサイズする際は、以下の基準寸法をご活用ください：

被写体を引き伸ばさずに写真の構図を変更したい場合（例：16:9の横長写真を1:1の正方形にする）は、リサイズ前に当サイトの画像切り抜きツールをご利用ください。

ピクセル補間の仕組みを理解することで、最高品質の画像を出力できます：

• 縮小（例：4000×3000 → 1200×900 または 50%）： 寸法を50%縮小すると、総ピクセル数は75%（1200万画素から300万画素へ）削減され、ディテールを鮮明に保ったままファイル容量を大幅に軽量化できます。
• 拡大（例：300×200 → 1200×800）： 標準的なCanvasリサンプリングでは既存ピクセル間を補間するため、120%を超えて拡大すると輪郭がぼやける傾向があります。小さな写真の細部を補完・復元して拡大したい場合は、当サイトのAI画像アップスケーラーをお試しください。

ピクセル寸法はそのまま維持し、KBやMB単位のファイルサイズ（バイト容量）のみを圧縮したい場合は、専用の画像圧縮ツールをご利用ください。

Webサイトの公開準備や商品カタログの作成時には、横長バナー、縦長ポートレート、正方形サムネイルが混在することがよくあります。Utiliomeのマルチタブワークスペースは、個別調整と一括処理の両方に対応しています：

• タブごとの独立設定： アップロードされた各画像タブは、自身のリサイズモード（ピクセル指定 vs パーセンテージ）、目標幅/高さ、縦横比固定状態、出力形式を保持します。
• 比例一括同期： パーセンテージモード（例：50%）または縦横比固定の幅指定モード（例：1200 px幅）ですべての画像に適用をクリックすると、Utiliomeはバッチ内のすべての写真に対して一致する比例高さを自動計算します。

リサイズ前後にファイルの正確なDPI、メガピクセル、アスペクト比を確認したい場合は画像サイズインスペクターを、ファイル形式を一括変換したい場合は画像変換をご活用ください。