画像ツール
画像を扱うためのツール — WebP、PNG、JPGの相互変換、ファビコンの作成、KB単位の指定サイズへの圧縮、リサイズ、画像のPDF化まで、すべてブラウザ内で行えます。
よく使う変換
クリックするだけで、その作業用に設定済みのツールが開きます。
オンライン画像ツール - WebP・PNG・JPG を相互変換する
画像フォーマットの選択は些細に見えて、ページの読み込み速度を静かに決めてしまいます。PNG で保存した写真は、同じ写真の JPG より五倍重くなることがあり、見た目の利点は何もありません。JPG で保存したロゴは、輪郭のまわりに灰色のにじみを拾います。このカテゴリは、これから何に使うのかに合った形式へ画像を持っていくための場所であり、ファイルが画像そのもの以外に何を明かしてしまうかを知るための場所でもあります。
このカテゴリにあるもの
| ツール | できること | 使う場面 |
|---|---|---|
| 画像コンバーター | 画像を WebP・PNG・JPG・ICO・PDF に変換し、KB 単位の指定サイズまで圧縮し、リサイズもできる（一括処理対応） | ファイルの形式が違う、アップロード上限を超えている、フォームに弾かれる、または1つの PDF にまとめて送る必要がある |
| Exif情報の確認・削除ツール | JPG・PNG・WebP 写真に隠れた GPS 位置情報などのデータを表示し、再圧縮せずに削除する | 写真を投稿する、出品に使う、誰かに送る前に、撮影した場所や日時を知られないようにしたい |
| QRコード読み取りツール | 画像、貼り付けたスクリーンショット、カメラから QR コードを読み取り、リンク、Wi-Fi の情報、連絡先を表示する | QR コードが自分の画面やメール、PDF の中にある、またはリンクを開く前に中身を確認したい |
どの形式を選ぶか
| 形式 | 圧縮 | 透過 | 向いているもの |
|---|---|---|---|
| JPG | 非可逆 | なし | 写真、なめらかなグラデーションを含む画像 |
| PNG | 可逆 | あり | ロゴ、アイコン、スクリーンショット、線画、輪郭が鋭いものや平坦な色面 |
| WebP | 両方 | あり | ウェブの既定。同品質で JPG より 25-35% 小さいのが普通 |
| GIF | 可逆・256色 | あり（1ビット） | 短いアニメーション。それ以外はほぼ動画とアニメーション WebP に取って代わられた |
大半の場合を決めるのは非可逆か可逆かです。非可逆圧縮は目が気づきにくい情報を捨てるので、写真には見事に効き、文字のスクリーンショットには不向きです。可逆圧縮は全ピクセルをそのまま保つので、ロゴには不可欠で、風景写真には無駄が多い。
二つ目の問いは透過です。JPG に透過はありません。色のついた背景の上に白い四角なしで置きたいなら、選択肢は PNG か WebP で、WebP のほうが小さい。
ウェブで WebP がたいてい正解である理由
WebP は二つの仕事をこなします。同等品質で JPG を上回る非可逆圧縮と、アルファチャンネル付きで PNG を上回る可逆圧縮です。実際には写真で 25-35%、グラフィックでも 20% 以上小さくなることが多く、見た目の差はありません。現行のブラウザはすべて対応しており（Safari は 2020 年から）、かつての互換性の議論はもう期限切れです。
JPG や PNG を保つ理由は以前より狭くなりました。古いメールクライアントで表示させる画像、WebP を開けないソフトへ渡すファイル、誰かがダウンロードして編集する素材。ページ上で配信するものについては、WebP から始めるのが妥当です。
品質設定を理解する
非可逆形式における品質は、おおよそ 1 から 100 の数値で、ファイルサイズと忠実度を交換します。この関係は線形ではなく、多くの人が抱く直感は間違っています。100 から 85 へ下げるとたいていサイズは半分になり、その差はほとんど誰にも見えません。85 から 70 では節約はずっと小さく、代わりに見え始めます。60 を下回るあたりから、輪郭にブロックとハローが目立ってきます。
実用的な出発点は、ウェブページの写真なら 80-85、間近で見るものや印刷するものなら 90 以上、文字や鋭い線を含むものは可逆。すでに非可逆で保存された画像を変換するときは、世代が重なることを忘れないでください。JPG を品質 85 で再エンコードしても最初の保存が捨てたものは戻らず、さらに捨てるだけです。
実際に必要になる変換
- フォームにファイルを弾かれた。 JPG と PNG は通るが WebP は通らない（あるいはその逆）。変換して出し直す。
- サイズ上限を超えている。 PNG の写真を JPG か WebP に変換すれば、たいてい一手でアップロード上限を下回ります。
- スクリーンショットが巨大。 スクリーンショットは PNG で保存されがちで、文字にはそれが正解ですが、可逆 WebP に変換すれば鮮明さを保ったままサイズを削れます。
- ロゴの背後に白い四角がある。 どこかの時点で JPG として保存されています。戻しても透過は復元されません（情報が失われています）が、原本を探しに行くべきだと教えてくれます。
- ページ用の素材を用意している。 WebP に変換し、それを必要とするブラウザを実際にサポートする場合にだけ JPG や PNG のフォールバックを残す。
- 複数のスキャン画像を1つのファイルで送りたい。 出力形式に PDF を選べば、すべての画像が1つの文書の各ページになります。JPGをPDFに変換なら最初から A4 ページで始められます。
変換にできないこと
変換が情報を足すことは決してありません。ぼやけた 400 ピクセルの画像を PNG で保存しても、ぼやけた 400 ピクセルの画像のままです。可逆形式はそのぼけを完璧に保存するだけです。以前の非可逆保存が捨てたディテールは永久に失われており、JPG を PNG に変換すれば、まったく同じ視認可能なアーティファクトを抱えたより大きなファイルができるだけです。品質が問題になるなら、変換済みの複製を変換するのではなく元の素材に戻ってください。
メタデータも一考の価値があります。スマートフォンやカメラの写真には EXIF が付いており、GPS 座標、機種、撮影時刻まで含みうる。変換すればたいてい落ちるので、画像を公開する前には通常それが望ましいのですが、確認せずにプライバシー対策として当てにはしないでください。Exif情報の確認・削除ツールなら、写真に何が含まれているかを正確に表示し、画像を再エンコードせずに削除できます。
このツールの仕組みについて
LogicUtil のツールはすべてあなたのブラウザの中で動き、画像コンバーターも例外ではありません。画像はブラウザにもともと備わっている画像エンジンでデコードされ、再エンコードされるため、ファイルがアップロードされることも、どこかに保存されることもありません。身分証のスキャンや私的な写真にも安心して使えます。ブラウザによって変わる点はただひとつ、どの形式で書き出せるかです。たとえば Safari は WebP ファイルを作成できず、そのとき変換ツールは、拡張子と中身が一致しないファイルを保存する代わりに、その旨を知らせます。
関連カテゴリ
- エンコーディングツール - 小さなアイコンをBase64 でエンコードし、データ URI として CSS に直接埋め込んでリクエストを一つ節約する。
- ジェネレーター - 変換した画像ではなく読み取れる画像が要るときはQRコードを作る。
- 開発者ツール - 同じデザイン作業のなかで色を HEX・RGB・HSL のあいだで変換する。