画像リサイザー
ブラウザで写真やスクリーンショットを正確なピクセルにリサイズ - アカウント不要、アップロード不要。Open Graph、Twitter/X、Instagram、LinkedIn、YouTube、Pinterestのソーシャルプリセット、またはアスペクトロック付きカスタム幅高さ。stretch、contain、coverを選び、JPEG、PNG、WebPを…
画像リサイザーについて
ブラウザで写真やスクリーンショットを正確なピクセルにリサイズ - アカウント不要、アップロード不要。Open Graph、Twitter/X、Instagram、LinkedIn、YouTube、Pinterestのソーシャルプリセット、またはアスペクトロック付きカスタム幅高さ。stretch、contain、coverを選び、JPEG、PNG、WebPをダウンロード。Canvasはこのデバイスに留まります。寸法設定後のファイルサイズ削減には画像コンプレッサー、マルチサイズアイコンにはファビコンジェネレーターと組み合わせてください。
画像リサイザーの使い方
- JPG、PNG、WebP、GIF、BMPをドロップ(最大8 MB)またはスクリーンショットを貼り付け。ファイルはローカル読み込み - アップロードなし。
- ソーシャルプリセット(Open Graph 1200x630、Twitter 1200x628、Instagram、LinkedIn、YouTubeなど)またはカスタム幅高さ。
- 片側編集時に元比率を保つならアスペクトロック。プリセットで比率が変わるときは解除。
- フィットを選択:Coverは枠を埋めるクロップ、Containはレターボックス、Stretchは正確ピクセル。
- JPEG、PNG、WebPを選び、JPEG/WebPは品質設定、プレビュー比較、ダウンロード。DevTools Networkでリサイズがリクエストを作らないことを確認。
画像リサイザーの例
Open Graphシェア画像
ワイド写真をドロップ、Open Graph / Facebook (1200x630)を選び、Coverで被写体を枠いっぱいに、品質85のJPEGでエクスポート。Open Graphタグジェネレーターワークフローに添付。
Instagram正方形投稿
縦向きスマホ写真を読み込み、Instagram square (1080x1080)、Coverで中央クロップ。UIテキストが鋭いならPNG、写真ならJPEG。
YouTubeサムネイル
YouTube thumbnail (1280x720)、Cover、JPEG品質90。顔は中央付近に - クロップで切れないように。
アスペクトロック付きカスタムバナー
Customのまま、アスペクトロック、幅1600に変更 - 高さはソース比率に従う。枠がソースと一致するならStretchでも可。
その後圧縮
まずプラットフォームサイズにリサイズしてダウンロード、その後画像コンプレッサーで寸法を変えずバイト削減。
一般的な使用例
- Open GraphとTwitter Card画像を正しいピクセルで準備
- スマホ写真をInstagram square、portrait、storyサイズにクロップ
- LinkedInとYouTubeサムネイル寸法をローカルエクスポート
- CMSアップロード前にカメラ原本をダウンスケール
- オンラインエディタにファイルを送れないときのローカルリサイズ
画像リサイザーに関するよくある質問
- アップロードせず画像をリサイズするには?
- ファイルをドロップまたは貼り付け、幅高さまたはプリセットを設定、フィットと形式を選び、ダウンロード。エンコードはブラウザのCanvas API - アップロードエンドポイントなし。
- Cover、Contain、Stretchの意味は?
- Coverはスケールして中央クロップし枠を余白なく埋める。Containは画像全体を枠内に収め、余白を埋める(JPEGは白)。Stretchはソース全体を正確な幅高さに写し、歪む場合あり。
- どのソーシャルプリセットが含まれる?
- Open Graph / Facebook 1200x630、Twitter/X large 1200x628、Instagram square 1080x1080、portrait 1080x1350、story 1080x1920、LinkedIn 1200x627、YouTube thumbnail 1280x720、Pinterest 1000x1500、512x512。プラットフォームはガイド変更あり - プリセットは一般的な出発点として。
- 先にリサイズか圧縮か?
- まずここで目標寸法を設定し、まだ大きいなら画像コンプレッサー。先に圧縮してから拡大するとソフトに見えることがあります。
- PNGで品質は効く?
- いいえ。CanvasからのPNGは可逆のためスライダー無効。品質とサイズのトレードオフにはJPEGまたはWebP。
- 写真はサーバーにアップロード?
- いいえ。FileReaderとCanvasはこのタブのみ。請求書、ID、未公開製品写真にも安全。リサイズ中DevTools Networkで確認。
関連ツール
画像圧縮
ブラウザ内無料画像圧縮。JPG、PNG、WebP を画質と最大サイズで縮小してダウンロード。アップロードなし。
favicon ジェネレーター
ブラウザ内無料 favicon ジェネレーター。ロゴをアップロードし 16、32、48、180、192、512 の PNG を取得、ZIP ダウンロード。アップロードなし。
Open Graph タグジェネレーター
タイトル、説明、URL、画像から Open Graph と Twitter Card のメタタグを生成。ライブ HTML とソーシャルプレビュー付きの無料 OG タグジェネレーター。
Twitterカードジェネレーター
カードタイプ、タイトル、説明、画像、サイトハンドルからTwitterカード/Xメタタグを生成します。ライブHTMLとプレビュー付きの無料のtwitter:cardジェネレーター。
画像 Base64 変換
ブラウザで画像を Base64 または data URL に変換 - 画像はブラウザ外に出ません。スクリーンショット貼り付け、CSS/HTML/Markdown スニペット、Base64 からファイル復元。
ピクセルとインチ変換
任意 DPI でピクセルとインチを相互変換。Web(96 DPI)と印刷(300 DPI)向け無料 px インチ計算。