必要な画像ツールはどれ?
ここには23種類のツールがあり、似た名前のものもいくつかあります。このページでは実際の違いを説明し、適切なツールを案内します。
似て聞こえますが、同じではありません。
これらの比較は、よく混同されるツールの違いを説明します。2つの間で迷っているなら、ここで区別できます。
画像リサイズ比較画像圧縮
一方は寸法、もう一方はバイト数を変えます。リサイズは「幅800ピクセルにする」と指定し、ファイルサイズはその結果次第です。圧縮は再エンコードしてバイト数を減らし、目標サイズモードでは画質変更だけで足りなければ寸法も減らす場合があります。
よく誤解される点は、寸法の縮小がファイル削減の弱い方法だということです。幅と高さを半分にするとピクセル数は4分の1になりますが、ファイルが4分の1になることはまれです。ピクセル数より、その画像を形式がどれだけ圧縮できるかが重要です。目標がKBの数値なら圧縮してください。率直な注意点が2つあります。PNGは可逆なので品質設定が効かず、この圧縮ツールは縮小によってしかPNGを小さくできません。本当の圧縮には出力をWebPかJPGに変えてください。また、目標サイズモードは先に品質を下げ、それだけで指定サイズに届かない場合にのみ寸法を縮小し始めます。
画像リサイズ比較Instagramリサイズ
正確な幅と高さ、または原本に対する割合など、数値がわかっているなら通常のリサイズを使います。変形を避けるには縦横比を有効にしてください。リサイズは小さい切り抜き範囲を選ぶ処理ではありません。
フィード投稿、4:5縦長、ストーリーズ、リール、プロフィール写真など、掲載枠はわかるが数値がわからないときはInstagram用を使います。枠の寸法をすでに持っており、写真はほぼ必ず枠の形と異なるため、差をどう扱うか決める必要があります。枠を埋めてはみ出しを切る、全体を収めて端に余白を足す、引き伸ばす、の3つです。自分で選び、ダウンロード前に結果を確認できます。
画像リサイズ比較ピクセルアート拡大
どちらも画像を大きくしますが、方法は正反対です。リサイズは補間し、中間の色を作って滑らかに見せます。写真にはこの方法が適しています。拡大ツールは複製し、元の各ピクセルを整数倍率の単色の正方形ブロックにするため、新しい色は作らず、端も柔らかくなりません。
方法を間違えると劣化は明らかです。32×32のスプライトを補間で4倍にすると、すべての鋭い端がにじみ、ピクセルアートの特徴を失います。逆は破壊的でなくても誤りで、写真をブロック複製すると四角が見えます。1ピクセルずつ描いたスプライト、タイル、アイコンは拡大ツールへ、写真や滑らかなイラストはリサイズへ送ります。
画像圧縮比較画像変換
圧縮ツールは形式を維持し、その中の品質を下げます。JPGを入れると小さいJPGが出ます。変換ツールは形式自体を変えます。PNGからWebP、WebPからJPG、JPGからPNGです。
別の用途が特定の形式を要求する場合や、形式自体が問題の場合は変換してください。写真をPNGで保存すると、PNGが可逆なので大きくなり、WebPやJPGへ変えるほうが、どの画質スライダーよりもはるかに効果があります。JPGへの変換では透明度も捨てるため、変換ツールは統合先の背景色を尋ねます。変換ツールは一括処理に対応し、圧縮ツールは1ファイルを処理して前後のサイズを表示します。
スプライトシートスライサー比較Instagramグリッド分割
どちらも1枚の画像を複数に切り分けます。スプライトシートスライサーは汎用のツールです。任意の行数・列数、内容の間隔が不均一なときに個別にドラッグできるグリッド線、スプライトシートの透明な隙間を読み取って、どこにあってもフレームを見つけるMagicモードを使えます。
一方、Instagram分割は、プロフィール用グリッドに均等な正方形タイルを3×3、3×2、3×1で作るという1つの仕事に特化しています。プロフィールのグリッドはタイルが正方形でなければ正しく見えないので、最初に切り抜き枠が表示されます。完成したグリッドを正しく見せるため、最後のタイルから先に投稿する順で、出力ファイルに名前が付きます。スプライトのフレームはスライサー、プロフィール用写真は分割ツールを使ってください。
PDFから画像へ比較画像からPDFへ
方向の違いで、実際に間違ったほうへ来る人もいます。PDFから画像への変換はPDFを分解し、全ページまたは1-3, 7のような範囲を、72、150、300 DPIでPNGまたはJPGへ描画します。画像からPDFへの変換は逆で、JPG、PNG、WebPファイル一式を、選んだページ順と、画像自体、A4、US Letterのサイズで1つのPDFへまとめます。
画像変換とHEIC / DNG変換の違い
画像変換 PNG、JPG、WebPを扱います。元の.heic・.heif写真には HEICからJPGへの変換。対応している.dngのRAWファイルには、次を使ってください DNGからJPGへの変換。2つの専用写真変換ツールは、どちらもPNGを書き出せます。ファイル名の拡張子を変えても、ファイルは変換されません。
やりたいことは…
サイトのすべてのツールを、目的別に整理しています。すべてブラウザー内で動作し、どれもファイルをアップロードしません。
スプライトツール
- …画像・スプライトシートを個別フレームに分割 スプライトシートスライサー
- …個別画像を座標付きのシートに詰める スプライトシート生成
- …既存フレームをアニメーションで確認しGIFを書き出す スプライトシートアニメーター
- …アニメーションGIFをPNGフレームやスプライトシートに抽出 GIFからスプライトシートへ
- …AsepriteシートとJSONから元サイズのフレームを復元 Asepriteスプライトシート展開
画像
- …画像容量をアップロード上限に近づける 画像圧縮
- …PNG、JPG、WebPを相互変換 画像変換
- …ピクセル寸法を変更、または割合でリサイズ 画像リサイズ
- …切り抜き範囲を選ぶ、または円形プロフィール画像を作る 画像切り抜き
- …単色の画像背景を透明にする 背景削除
- …対応iPhone HEIC・Android HEIF写真をJPG・PNGへ HEICからJPGへの変換
- …対応DNG RAW写真を共有用JPG・PNGへ現像 DNGからJPGへの変換
ゲーム画像
- …タイルサイズ・余白・間隔でタイルを抽出 タイルセット分割
- …透明な絵柄の明暗の縁を軽減 PNGエッジ修正
- …ピクセルを平滑化せずピクセルアートを拡大 ピクセルアート拡大
- …ピクセル色を確認しパレットを書き出す ピクセルアートのパレット抽出
ウェブ・SNS
- …複数写真に文字・画像の透かしを追加 画像の透かし追加
- …写真をInstagramの投稿・ストーリーズ・プロフィール枠に合わせる Instagramリサイズ
- …1枚の写真をInstagramプロフィール用タイルに分割 Instagramグリッド分割
- …ファビコン一式とウェブサイト組み込み用コードを生成 ファビコン生成
