Skip to content

03 / Guide

Guide

Step-by-step guides for layouts, compositing, background removal, signatures, large files, and publishing checks in XIV Frame.

Start here

Editor flow

Follow this flow when you are new. With one photo, skip layout selection and go straight to the signature and export steps.

  1. 01

    Add photos

    One photo starts as a single canvas without an automatic split. Add up to 16 images for a multi-image composition; the 2×2 Grid uses 3–4, while the 3×3 and 4×4 grids use 9 and 16.

  2. 02

    Choose layout

    For multiple images, choose split, vertical, grid, feature, equal-row/column presets, and the ratio.

  3. 03

    Add a composite image

    Remove a background and place an image element over the canvas.

  4. 04

    Tune the signature

    Refine text, logos, and the copyright mark.

  5. 05

    Save the result

    Review the result and save the file.

EDITORIAL NOTE

Guides that help you make a result

Each guide is organized around one practical goal in the editor. Start with the result you want, then follow the controls and decision points in order.

  • 01Written against XIV Frame's actual labels and limits
  • 02Includes success checks and recovery steps
  • 03Reviewed as features and workflows change

USE CASES

The same controls serve different goals

Choose the result you want first, then follow the controls and order that support it. These cases show decisions, not just feature names.

CASE 01 · SHOWCASE

Show a glamour set in one frame

Give each photo a job—front, back, full body, or detail—then keep the information from colliding in a grid.

DECISION POINT

3–4 images · grid · per-image crop

Open the full workflow

CASE 02 · COMPOSITE

Layer a character, light, or effect

Place a transparent PNG directly, or remove and restore its background edges before positioning it over the canvas.

DECISION POINT

Background removal · 25–500% · keyboard nudge

Open the full workflow

CASE 03 · PUBLISH

Finish a publishable result

Review rights, personal information, text readability, composite edges, and the downloaded file before sharing.

DECISION POINT

Rights check · 100% review · open the result file

Open the full workflow

Featured guide

Getting started

XIV Frame: A Complete Start-to-Finish Editing Guide

Follow the real workflow from uploading screenshots to choosing a layout, compositing an image, adding a signature, and saving the result.

Read full article

Guide 02

Files and performance

Uploading large FFXIV screenshots: protect quality and browser performance

Understand the 50 MB limit, prepare large screenshots safely, and use browser optimization without losing the details that matter in the exported result.

Read full article

Guide 03

Publishing checklist

Before publishing an FFXIV screenshot: rights, readability, and quality checklist

Review image rights, personal information, text readability, composite edges, and the downloaded result file before sharing a XIV Frame image.

Read full article

Guide 04

Compositing

XIV Frame compositing guide: remove backgrounds and place PNG elements

Remove a background from a character, light, or effect image in your browser, refine its edges, and place the element naturally over your screenshot.

Read full article

Guide 05

Layout

How to Combine 2–16 FFXIV Screenshots in XIV Frame

Choose the right composition for two to sixteen images, reorder the cards, tune each crop, and export a clean combined image.

Read full article

Guide 06

Signature

How to Add a Character Name and Server to an FFXIV Screenshot

Enter two lines of signature text, then tune the font, weight, spacing, position, color, and opacity before exporting.

Read full article

Guide 07

Showcase

Build an FFXIV Glamour Showcase: Front, Back, and Detail in One Image

Arrange three or four GPose screenshots in a grid, correct each crop, add a restrained signature, and export a polished showcase image.

Read full article

Guide 08

Logo

How to Add a Free Company or Custom Logo to an FFXIV Screenshot

Upload a logo, place it with the nine-position grid, tune its scale and opacity, and export it with your screenshot.

Read full article