RevealTheme logo

無料の画像ツール

画像を圧縮、変換、リサイズ、トリミング、最適化—すべてブラウザ上で直接行えます。何もアップロードされません。各変換はCanvas APIでローカルに実行され、ファイルはあなたのデバイスにとどまります。

10 個のツールがこのカテゴリにあります · 100%無料 · 登録不要

すべての 画像ツール

画像圧縮ツール

JPG、PNG、WebPの画像をブラウザ内で直接圧縮します。アップロード不要で、ファイルがお使いのデバイスから外部に出ることはありません。

開く

画像→Base64変換ツール

任意の画像ファイルをBase64のデータURLに変換します。結果をCSS、HTML、JSONに直接貼り付けられます。

開く

Base64→画像変換ツール

Base64文字列やデータURLをデコードして、ダウンロード可能な画像に変換します。

開く

faviconジェネレーター

任意の画像から、ブラウザ、iOS、Androidが期待するすべてのサイズを含む、完全なfaviconセットを生成します。

開く

画像リサイズツール

任意の画像を好みの寸法にリサイズします。すべてお使いのブラウザ内で行われ、アップロードは不要です。

開く

PNGからJPGへの変換ツール

PNG画像をJPG形式に変換します。写真やスクリーンショットのファイルサイズをより小さくできます。

開く

JPG→PNG変換ツール

JPG/JPEG画像を可逆的にPNGへ変換します。

開く

WebP変換ツール

画像をWebPへ、またはWebPから変換します。同じ画質でJPGより25%〜35%小さい、最新のフォーマットです。

開く

SVG最適化ツール

SVGマークアップから不要なメタデータ、コメント、空白を取り除きます。

開く

画像切り抜きツール

画像をピクセル単位の正確な座標で切り抜きます。すべてお使いのブラウザ内で動作します。

開く

なぜブラウザ内での画像処理が重要なのか

ほとんどのオンライン画像ツールは、あなたのファイルをサーバーにアップロードし、処理して返します。これには3つのリスクがあります。帯域幅の浪費、データ漏洩の可能性(特にUIテキストを含むスクリーンショットやメタデータ付きの写真)、そして遅い往復です。モダンなブラウザは、HTML5 Canvasを使ってJavaScript内で完全に画像を圧縮、リサイズ、トリミング、変換でき、通常はサーバーへのアップロードより速く、ファイルがネットワークを越えないため検証可能なほどプライベートです。

画像最適化とCore Web Vitals

Largest Contentful Paint(LCP)—通常はページのメイン画像—は、GoogleのCore Web Vitalsの3つのランキングシグナルの1つです。画像を100KB未満に圧縮し、WebP形式で配信すれば、LCPを数秒短縮できます。このページの画像圧縮ツールとWebPコンバーターは、まさにそれを行います。本番環境での自動最適化には、CDN(Cloudflare、BunnyCDN)も設定するか、WebPを配信しデバイスごとにリサイズするNext.jsの<Image>コンポーネントを使ってください。

各ツールをいつ使うか

完璧な忠実度よりファイルサイズが重要なとき(ウェブのメイン画像、ブログ記事、SNS投稿)には画像圧縮ツールを使ってください。正確なピクセル寸法が必要なとき(アバター、バナー、サムネイル)には画像リサイザーを使ってください。透過が不要なときに、透過を取り除いてより小さなファイルを得るにはPNG to JPGを使ってください。モダンなブラウザに配信するときにはWebPコンバーターを使ってください。同等のJPGより25%〜35%小さくなります。ファビコンジェネレーターはサイトごとに一度使い、ブラウザやiOS/Androidが期待するすべてのサイズのファビコンを生成してください。

よくある質問

ファイルサイズに制限はありますか?
ブラウザは通常、canvasベースの操作で最大約50MBまでのファイルを扱えます。それを超えると性能が低下します。非常に大きな画像には、ImageMagickやローカルのPhotoshopのようなデスクトップツールを使ってください。
なぜ圧縮後にPNGの透過が保持されないのですか?
画像圧縮ツールはJPG(アルファチャンネルを持たない)を出力します。代わりにWebPコンバーターを使ってください。WebPは透過を保持し、より小さくなります。
複数の画像を一括処理できますか?
これらのツールではできません。各ツールは一度に1枚の画像を扱います。一括処理が必要な場合は、squoosh-cli(GoogleのCLI)やビルド時の画像プラグインをご覧ください。