画像を反転したくなる場面
画像を反転させたい瞬間って、実は意外と多いんですよね。いちばんよくあるのはセルフィーです。スマホのインカメラで撮った写真を後から見返すと、プレビュー画面で見ていた自分と左右が逆になっていて違和感を覚えたこと、ありませんか。Tシャツのロゴが裏返っていたり、髪の分け目が反対側になっていたり。こういうとき、左右反転をワンクリックかけるだけで、見慣れた自分の姿に戻せます。
それからTシャツのアイロンプリント。転写シートに画像を印刷してアイロンで布に貼り付けるタイプのものは、先に画像を左右反転しておかないと仕上がりで文字や数字が鏡文字になってしまいます。自作グッズを作って「しまった！」という経験をした人は少なくないはずです。
デザインの現場でも反転は日常的な操作です。風景写真を上下反転させて元画像の下に重ね、水面に映り込んでいるような反射エフェクトを作る。人物写真の視線の向きを左右反転で調整する。サムネイル制作でテキストを配置するスペースを確保するために被写体の向きを変える。用途を挙げ始めるとキリがありません。
左右反転と上下反転の違い
この2つは混同されがちなので整理しておきましょう。
左右反転（水平反転）は、画像の縦軸を中心にしてミラー化する操作です。左にあったものが右に、右にあったものが左に移動します。鏡に映った自分を見るのと同じ感覚ですね。セルフィー補正やアイロン転写で使うのは基本的にこの左右反転です。
上下反転（垂直反転）は、横軸を中心にしてミラー化します。上にあったものが下に来る。写真を逆さまにするのと似ていますが、回転ではなく反転なので結果は微妙に違います。日常的な使用頻度は左右反転より低めで、水面反射のような演出目的で使われることが多いです。
反転と回転を同じものだと思っている人もいますが、これは完全に別物です。回転は画像を角度で回す操作、反転は鏡写しにする操作。90度回転させた写真と左右反転させた写真は見た目がまったく違います。回転が必要な場合は同じPixkitのツールで両方処理できます。
既存の方法が抱える問題
まず思い浮かぶのはPhotoshopですが、月額3000円以上かかります。たまに画像を反転したいだけの人にとっては明らかにオーバースペック。起動してファイルを読み込むだけで、反転処理そのものより時間がかかってしまいます。
スマホ標準の写真編集アプリにも反転機能はありますが、一度に1枚ずつしか処理できず、機能がメニューの奥に隠れていることも多いです。iOSとAndroidで操作方法も微妙に違うので、友達に聞いた手順がそのまま使えないこともよくあります。
オンラインの画像編集サービスは手軽ですが、プライバシーの問題が残ります。セルフィーや家族写真のような個人的な画像を、運営元のよくわからないサーバーにアップロードすることになるからです。
Pixkitで画像を反転する手順
Pixkitの回転・反転ツールはブラウザ内で完結します。画像がサーバーに送られることはないので、プライベートな写真でも安心して使えます。JPG、PNG、WebP、HEICなど主要なフォーマットにそのまま対応しているのも便利なポイントです。
pixkit.app/rotateを開いて、画像をドラッグするかクリックで選択します。プレビューが表示されたら「左右反転」と「上下反転」のボタンを押すだけ。結果はその場で確認できるので、気に入らなければ戻したり組み合わせを試したりも自由です。回転ボタンも並んでいるので、向きと反転を同時に整えたい場合にも一カ所で済みます。ダウンロードすれば元の解像度と画質がそのまま保たれます。
全体で10秒もかかりません。アカウント登録もインストールも不要です。
実際の使いどころ
セルフィー補正なら、アップロード→左右反転→ダウンロードで完了。相手から実際に見える自分の顔の向きに揃えられます。
Tシャツのアイロンプリントでは、印刷前に必ず反転をかけましょう。文字やロゴなど向きのある要素が含まれている場合は絶対に必要な工程です。
水面反射エフェクトを作るなら、画像を上下反転させて元画像の下に透明度を下げて重ねます。風景写真の定番テクニックで、Pixkitのmergeツールを使えば反転版と元画像を一か所で合成できます。
SNSのサムネイル制作で被写体の向きを変えたいときも、左右反転なら数秒で構図を改善できます。サイズ調整と組み合わせれば投稿用の画像を一気に整えられます。
よくある質問
反転すると画質は落ちますか？いいえ、反転はピクセルの並び替えなので圧縮も再サンプリングも発生しません。元画像とまったく同じ品質のまま出力されます。
複数枚をまとめて反転できますか？現行ツールは1枚ずつの処理ですが、1枚あたり数秒で終わるので少量なら手動でも実用的です。
スマホでも使えますか？はい、スマホブラウザで問題なく動作します。外出先で急に反転したくなってもその場で対応できます。
ファイルサイズの上限は？サーバーに送信しないので厳密な上限はなく、ブラウザのメモリが現実的な限界です。最近のスマホやカメラの写真なら余裕で処理できます。
キャンバスがピクセルを反転する技術的な仕組みについては、MDN Web DocsのCanvasRenderingContext2D.scale()ドキュメントが参考になります。