画像

PNGは可逆圧縮で、何度保存し直しても画質が劣化せず、透過（背景が透ける状態）も扱えます。スクリーンショット、図表、ロゴ、透過が必要な素材に向いています。反面、写真をPNGで保存するとファイルサイズが大きくなりがちです。

JPEGは非可逆圧縮で、写真のような滑らかな階調のある画像を小さくするのが得意です。透過は扱えず、保存し直すたびに少しずつ劣化します。写真の配布や添付にはこちらが無難です。

WebPは可逆・非可逆の両方に対応し、透過も扱えて、同程度の見た目ならJPEGやPNGより小さくなることが多い形式です。ウェブ表示用の画像を軽くしたいときの第一候補で、形式変換ツールの初期値もWebPにしています。品質は既定で90に設定されており、スライダーで調整できます。ただし古い環境や一部のアプリではWebPを開けないことがあるため、相手が決まっている配布物ではJPEGやPNGのほうが安全です。

iPhoneで撮影した写真はHEIC形式で保存されていることがあります。容量効率は優れているものの、Windowsの古い環境や多くのWebサービスではそのまま開けません。「HEIC変換」でPNGまたはJPEGに変換しておくと扱いやすくなります。写真として配布するならJPEG、加工の途中経過として残すならPNGが向いています。

複数の画像を短いアニメーションにしたいときは「GIFアニメ作成」です。フレームの順番をドラッグで並べ替え、再生速度も調整できます。GIFは最大256色までしか使えない形式なので、写真をそのままGIFにすると色の境目が縞状に見えることがあります。イラストや画面操作の記録には向いています。

「画像を軽くしたい」という目的に対して、リサイズと圧縮はまったく違うアプローチです。リサイズは画素数そのものを減らします。4000×3000ピクセルの写真を1200×900にすれば、情報量が減るのでファイルは大幅に小さくなります。表示する場所より大きい画像を貼っている場合、まずはリサイズが最も効きます。縦横比を保ったまま変更することもできます。

圧縮は画素数を変えずに、符号化の品質を落としてサイズを減らします。JPEG・WebPでは品質スライダーで圧縮率を調整し、プレビューで劣化を確認しながら決められます。PNGの場合は仕組みが異なり、使用する色数を64・128・256色に減らすことでサイズを落とします。イラストやスクリーンショットではほとんど劣化を感じずに小さくできますが、グラデーションの多い画像では色の段差が出ることがあります。

実務では「必要な表示サイズまでリサイズしてから、圧縮で仕上げる」という順番が最も効率的です。どちらのツールも複数ファイルをまとめて処理し、ZIPで受け取れます。

写真ファイルには、撮影日時・カメラの機種・設定値、そして端末によっては撮影場所のGPS座標といった情報がEXIFとして埋め込まれています。SNSによっては投稿時に取り除いてくれますが、メールやチャットでそのまま送ればほぼ確実に残ったままです。「EXIF削除」は画像をキャンバスに描き直して再エンコードすることで、こうしたメタデータを落とします。

公開前に何が残っているかを先に確認したい場合は「プライバシーチェッカー」を使ってください。EXIFとGPS座標に加えて、画像内に写り込んだQRコードやバーコードも検出します。コード検出はChrome・Edge・AndroidではブラウザのBarcodeDetectorを使って各種フォーマットに対応し、SafariやFirefoxではQRコードのみを検出するフォールバックが働きます。EXIF内に埋め込まれた縮小版サムネイルも検出対象です。加工前の画像がサムネイルとして残っていると、せっかく隠した部分が見えてしまうことがあるためです。

顔・住所・氏名・社名などが写り込んでいる場合は「画像マークアップ」で黒塗りまたはぼかしを重ねられます。処理はキャンバス上でピクセルそのものを描き替えるため、書き出した画像には元のピクセルが残りません。PDFの黒塗りとは異なり、下の情報を復元される心配がない点が重要です。なお、ぼかしは元の輪郭や色の傾向がある程度残るため、確実に隠したい情報には黒塗りをおすすめします。認印・スタンプ作成ツールで作った印影をCtrl+Vで貼り付けることもできます。

画面の端に余計なものが写っている、必要なのは中央だけ、という場合は「切り出し」で必要な範囲だけを残します。自由な範囲指定のほか、縦横比を固定したトリミングにも対応しているので、プロフィール画像やサムネイル用の正方形切り抜きも簡単です。向きがおかしい写真は「回転・反転」で90度単位の回転や左右・上下の反転ができます。

「背景削除」は、被写体の輪郭をAIモデルが推定して背景を透明にし、透過PNGとして書き出します。使用しているのは約4.4MBの軽量モデル（u2netp）で、モデルファイルをブラウザにダウンロードしてから端末上で推論します。証明写真やプロフィール画像、商品写真の切り抜きに向いています。軽量モデルなので、髪の毛の細部や、背景と被写体の色が近い写真では境界が甘くなることがあります。Chrome・Edge・Safari・Firefox のいずれでも動作しますが、端末によっては処理に時間がかかります。

「カラーパレット抽出」は画像から主要な色を取り出し、Hex値やCSS変数の形でコピーできます。写真の雰囲気に合わせた配色をサイトやスライドに使いたいときに便利です。「レトロ加工」ではセピア、フィルム粒子（ノイズ）、ぼかし、トーン補正、白フレームを調整して、フィルム写真のような質感に仕上げられます。

リサイズ・切り出し・回転・マスク・レトロ加工といった処理は、ブラウザに標準で備わっているCanvas APIで画像を描き直すことで実現しています。形式の変換や圧縮も、キャンバスの内容を指定した形式・品質でエンコードし直しているだけです。特別なプラグインは必要ありません。

メタデータの読み取りには exifr、QRコードの検出には BarcodeDetector と jsQR、GIFの生成には gifenc、HEICの変換には heic2any、背景削除には ONNX Runtime Web を使っています。AIモデルやWebAssemblyのファイルはすべて自分たちのサーバーから配信しており、外部CDNや外部の推論APIには一切接続しません。

画像データが外に出ないため、社内資料のスクリーンショット、身分証の写真、家族の写真といった、アップロードをためらうファイルもそのまま処理できます。ページを閉じればメモリ上のデータは破棄され、履歴も残りません。

OFFiler はPWAとして動作するため、一度読み込んでいれば通信のない環境でも各ツールを開いて処理できます。移動中や機内でも、撮った写真をその場でリサイズしたりEXIFを削除したりできます。

出力した画像は端末のダウンロードフォルダに保存されます。処理の途中結果がサーバーに残ることはありません。