Frame AnchorGuide

Align your PNG frames.

Set a matching anchor. Export one transparent strip.

Replaces the current frames.

Up to 12 PNGs · 24 MiB total · 2048 px per image · 8-bit static PNG only

Selected frame

Example: three geometric diagnostic PNGs, not game artwork.

Anchor

Anchor coordinates are measured from the top-left corner.

Aligned preview

Preparing the example…

Guide / 使い方

  1. Choose 1–12 static, 8-bit PNGs. Files are ordered naturally by filename (frame2 before frame10).
  2. Select a frame and set its anchor X/Y to the same meaningful point in each image. Coordinates include the boundary: 0 to image width/height. Bottom center sets X to half the width, rounded down, and Y to the image height.
  3. Set 0–128 px padding. Images keep their original pixels: no scaling, cropping or trimming. A shared cell includes the full bounds of every frame around its anchor.
  4. Play checks the sequence at 1–24 FPS in the selected-frame canvas. It never starts automatically. Export saves one horizontal PNG strip; the crosshair is preview-only.
  1. 静止画の8-bit PNGを1〜12枚選択します。frame2 → frame10 のようにファイル名の自然順で並びます。
  2. 各フレームを選び、同じ基準点のX/Yを整数で指定します。0から画像の幅/高さまで指定可能です。「Bottom center」はXを幅の半分（端数切捨て）、Yを高さに設定します。
  3. 余白は0〜128px。原寸のまま、自動拡大縮小・切抜き・トリミングをせず、全フレームの共通の枠へ配置します。
  4. Playで同じ基準点のアニメーションを確認（1〜24FPS）。自動再生はありません。書出しは横1列のPNG1ファイルで、十字ガイドは含みません。

PNG only: APNG, SVG, GIF and other formats are not supported. Maximum 2048 × 2048 px per input, 24 MiB total file size, 24 million input pixels. Output is limited to 32 million pixels and 16384 px per axis. No JSON, ZIP, engine project or metadata file is exported. File contents and names are not sent or put into the URL. Reloading closes this temporary editing session. / APNG・SVG・GIF等は非対応。入力1枚最大2048×2048px、合計24MiB・2400万画素。出力は3200万画素・各辺16384px以内。JSON・ZIP・エンジン設定・メタデータは書き出しません。

The browser decodes and re-encodes PNGs. Color profiles, embedded metadata and original file bytes are not preserved; keep your originals. Browser processing may cause small color differences in semi-transparent pixels. ブラウザでPNGを再エンコードするため、色プロファイル・埋込メタデータ・元ファイルのバイト列は保持しません。元画像を保管してください。半透明ピクセルの色には、ブラウザ処理による微差が生じる場合があります。