アスペクト比を維持またはカスタムサイズで、パーセンテージまたは固定寸法で画像をリサイズ。
機能
- 複数モード: ピクセルまたはパーセンテージでリサイズ
- アスペクト比ロック: 元の比率を維持
- 精密制御: 正確な幅と高さを設定
- 高品質: リサイズ中に画像品質を保持
使用方法
- ステップ 1: 画像をアップロード
- ステップ 2: 寸法またはパーセンテージを設定
- ステップ 3: リサイズした画像をダウンロード
技術詳細
画像スケーリングアルゴリズム
画像リサイズは、寸法変更時に新しいピクセル値を計算するために補間アルゴリズムを使用します。
解像度とファイルサイズ
画像解像度はファイルサイズと品質に影響します。
使用例
Web最適化、サムネイル生成、ソーシャルメディア、メール添付、モバイルアプリ、印刷準備。
よくある質問
- どのようなサイズ変更モードが利用可能ですか?
- ツールは2つのサイズ変更モードを提供します:ピクセル(固定サイズ)- ピクセル単位で正確な幅と高さを設定、パーセンテージ(スケーリング)- パーセンテージでサイズ変更(例:50%で画像を半分のサイズに、200%で2倍に)。サイズ変更時に画像の歪みを防ぐために、アスペクト比を維持するオプションも選択できます。
- サイズ変更時にアスペクト比を維持するにはどうすればよいですか?
- 「アスペクト比を維持」オプションを有効にします。有効にすると、幅を変更すると自動的に高さが調整され(またはその逆)、元の比率が維持されます。これにより、伸縮や圧縮が防止されます。無効にすると、独立した幅と高さを設定でき、画像が歪む可能性があります。
- サイズ変更は画像品質を低下させますか?
- サイズ変更は方向によって品質に影響する可能性があります:縮小(小さくする)は通常、良好な品質を維持します。拡大(大きくする)は、ツールが新しいピクセルを補間するため、いくらかのぼかしが生じる可能性があります。最良の結果を得るには、高解像度の画像から始めて、拡大するよりも縮小してください。ツールは滑らかな結果のために双線形補間を使用します。
- ピクセルによるサイズ変更とパーセンテージによるサイズ変更の違いは何ですか?
- ピクセルモードは絶対サイズを設定します(例:800x600px)- Webレイアウトや印刷に特定のサイズが必要な場合に便利です。パーセンテージモードは元のサイズに対して相対的にスケーリングします(例:50% = 半分のサイズ)- サムネイルの作成やファイルサイズの比例的な削減に便利です。両方のモードでアスペクト比を維持できます。
- さまざまな用途に合わせて画像のサイズを変更できますか?
- はい!一般的な用途:Web画像(コンテンツ用800-1200px幅、サムネイル用400px)、ソーシャルメディア(Instagram 1080x1080px、Twitter 1200x675px)、メール添付(1MB以下に保つ、通常600-800px幅)、印刷(300 DPI、計算:インチ × 300 = ピクセル)。ツールは品質を維持しながらこれらのサイズを達成するのに役立ちます。
関連ドキュメント
- MDN - Canvas drawImage() - Canvas API メソッド、画像の描画とスケーリング、補間制御に使用
- 画像スケーリング - Wikipedia - 画像スケーリングアルゴリズムと補間方法の包括的なガイド
- MDN - imageSmoothingEnabled - スケーリング操作中の画像平滑化を制御するCanvasプロパティ
- 画像リサンプリング技術 - バイリニア、バイキュービックなどのリサンプリングアルゴリズムの技術概要
- MDN - Canvas 画像処理 - Canvas高度な画像処理と変換技術のチュートリアル