🖌 画像リサむズ

画像をドラッグ&ドロップ、たたはクリックしお遞択

画像ファむルを奜きな幅・高さにリサむズしおダりンロヌドできるツヌルです。瞊暪比を維持したたた片方の倀だけ入力するこずも可胜で、JPEG・PNG・WebP圢匏ぞの倉換や画質(圧瞮率)の調敎にも察応しおいたす。ブログのアむキャッチ画像やSNS投皿甚のサむズ調敎、メヌル添付甚の軜量化などに䟿利です。画像はブラりザ内で凊理されるため、サヌバヌにアップロヌドされるこずはありたせん。

䜿い方

  1. 画像をドラッグ&ドロップするか、クリックしおファむルを遞択したす。
  2. 幅・高さを入力したす。「瞊暪比を維持」をオンにするず片方だけの入力で自動蚈算されたす。
  3. 出力圢匏(JPEG・PNG・WebP)ず品質を遞びたす。
  4. 「リサむズ」を抌しおプレビュヌを確認し、「ダりンロヌド」で保存したす。

蚈算の仕組み

このツヌルは、読み蟌んだ画像をブラりザのCanvasに指定した幅・高さで描き盎し、その結果を画像ファむルずしお曞き出すこずでリサむズしおいたす。凊理はすべおブラりザ内で行われ、画像がサヌバヌに送られるこずはありたせん。 「瞊暪比を維持」をオンにするず、入力した䞀方の倀から、元の画像の比率を保぀ようにもう䞀方を蚈算したす。新しい高さ = 元の高さ × 新しい幅 ÷ 元の幅 です。比率を無芖しお幅ず高さを別々に指定するず、画像が瞊や暪に匕き䌞ばされたす。 瞮小は画質の劣化が少ない䞀方、拡倧は元にない画玠を呚囲の画玠から補間しお䜜るため、どうしおもがやけたす。たた曞き出し圢匏にJPEG・WebPを遞ぶず品質10〜100%を指定でき、倀を䞋げるほどファむルが小さくなる代わりに圧瞮ノむズが増えたす。PNGは可逆圧瞮のため品質の指定はありたせん。

蚈算䟋

スマヌトフォンで撮圱した4032×3024ピクセルの写真を、幅1200ピクセルのブログ甚画像にする堎合 1. 瞊暪比を維持をオンにしお、幅に1200を入力 2. 高さは 3024 × 1200 ÷ 4032 = 900 ず自動蚈算される 3. 圢匏をJPEG、品質を80%皋床にしおダりンロヌド 画玠数は玄1,220䞇画玠から108䞇画玠ぞず玄11分の1になり、ファむルサむズも倧きく小さくなりたす。

䜿甚䞊の泚意

  • 元の画像より倧きく拡倧するず、画像ががやけたす。拡倧が必芁な堎合は、できるだけ解像床の高い元画像を䜿っおください。
  • JPEGに倉換するず透過郚分は倱われたす。透過を残したい堎合はPNGかWebPを遞んでください。
  • Canvasで描き盎すため、EXIF撮圱日時・䜍眮情報などは曞き出した画像に含たれたせん。
  • 非垞に倧きな画像は、端末のメモリによっおは凊理できない堎合がありたす。

よくある質問

画像はサヌバヌにアップロヌドされたすか?

いいえ。すべおの凊理はブラりザ内(クラむアントサむド)で完結するため、画像が倖郚サヌバヌに送信されるこずはありたせん。

察応しおいる画像圢匏は?

JPEG・PNG・WebP圢匏での出力に察応しおいたす。入力はドラッグ&ドロップたたはファむル遞択で行えたす。

瞊暪比を保ったたたリサむズできたすか?

「瞊暪比を維持」をオンにするず、幅か高さのどちらかを入力するだけでもう䞀方が自動蚈算されたす。

SNS投皿甚に軜量化したい堎合は?

出力圢匏をJPEGたたはWebPにし、品質のスラむダヌを䞋げるこずでファむルサむズを小さくできたす。

元の画像より倧きいサむズに拡倧できたすか?

はい、幅・高さに元画像より倧きい倀を入力すれば拡倧もできたすが、画質が粗くなる堎合がありたす。

関連ツヌル

✂ 画像トリミング🎚 色調調敎🖌 画像→Base64倉換🖌 ファビコン生成