Back to Node List

Outline

outline

Draws an outline around the opaque area. Outside outlines are clipped to the canvas; use Padding for extra space

Reviewed
Guide available
The node name and summary are available in English. Port, parameter, and article details are currently shown in Japanese.

Input Ports

NameTypeDescription
画像
input
Image
Required
輪郭線を付けたい画像

Output Ports

NameTypeDescription
画像
output
Image
アウトライン付き画像

Parameters

NameTypeDefaultRangeDescription / Options
太さ
width
Int
10–16

アウトラインの太さです

配置
placement
Enum
Outside

アウトラインを画像シルエットの外側に置くか、内側に置くかを選びます

  • 外側Outside
    不透明部分の外側へアウトラインを広げます
  • 内側Inside
    不透明部分の内側へアウトラインを描きます
線色
color
Color
[0,0,0,1]

アウトラインの色です

アルファしきい値
threshold
Float
0.50–1 / step 0.01

この値以上の透明度を塗られた領域として扱います

余白
padding
Int
00–32

出力画像の外側に足す透明余白です

ピクセルパーフェクト補正
pixel_perfect
Bool
false

生成したアウトライン帯の L 字コーナーを補正して整理します

補正する側
pixel_perfect_side
Enum
OuterSide

アウトライン帯のどちら側にピクセルパーフェクト補正をかけるか

  • 元画像側SourceSide
    元画像に接する側の L 字コーナーを除去します
  • 外側OuterSide
    アウトライン帯の外側にある L 字コーナーを除去します
外側のL字も除去
pixel_perfect_also_outer
Bool
false

補正する側が元画像側の時、外側に残る L 字コーナーも追加で除去します

線だけ出力
outline_only
Bool
false

元画像を重ねず、アウトラインだけを出力します

Overview

The go-to pixel-art finishing node for drawing a line around a sprite's opaque silhouette. It greatly improves character and item readability, so it often appears near the end of a game-asset graph.

Usage tips

  • The defaults—thickness 1, black, outside—already work well. One node is enough to lift an asset that disappears into the game background.
  • Set padding first when an asset has no canvas margin. An outside line cannot be drawn beyond the canvas, so a tightly cropped asset loses part of the outline.
  • A line color slightly darker than the asset's darkest color often blends better than pure black. Bind color to a variable or palette reference for managed color schemes.
  • If corners on a 1px outside line look jagged, turn pixel_perfect ON to clean up extra L-shaped pixels.
  • Use outline_only to extract only the line and composite it wherever you want with blend.

Common pitfalls

  • The line breaks or is missing on one side: the silhouette touches the canvas edge. Set padding to at least the line thickness.
  • The line is uneven around a translucent edge: anti-aliasing makes threshold boundary detection unstable. Raise or lower the threshold until it settles; 0.5 is normally right for pixel art.
  • An inside line makes the fill look thinner: Inside replaces opaque pixels with the line, which narrows small assets. Consider an outside line plus padding.

Notes

  • Even with placement = Outside, output dimensions match the source. Outline pixels beyond the canvas are clipped.
  • With placement = Inside, the line is drawn inside the source as before.
  • Set padding only when output dimensions should expand. It adds the specified amount of transparent padding on every side.
  • With outline_only = true, source-image pixels are omitted.
  • pixel_perfect is raster correction on a binarized image mask, not vector correction derived from a path.
  • pixel_perfect_side = SourceSide cleans L-shaped corners relative to the side touching the source; OuterSide uses the outside of the outline band.
  • If pixel_perfect_side = SourceSide would create a transparent hole, correction fills it with source color for a natural connection.
  • If outside correction with placement = Inside would spill the fill, the fill is trimmed as well to stay consistent with the outline.
  • pixel_perfect_also_outer is an extra option for SourceSide that removes remaining outside L-shapes in one more pass.

Examples

  1. Add an outline to pixel text or an icon.
  2. Use outline_only to keep only the edge as a separate layer.
  3. Use placement = Inside to draw an inner outline within the source fill.
  4. Combine pixel_perfect with a 1px outline to clean up L-shapes.
  5. Add padding so later compositing does not clip the line.

Related nodes

  • drop_shadow — cast a shadow rather than drawing an outline
  • glow — create a soft luminous edge
  • surface_outline / surface_edge_highlight — outline and edge processing for Surface assets from 3D
  • anti_alias — soften jaggies after outlining
Back to Node List
Outline — PixPipeline Node Reference