Pixel Art Tag Generator

Using Your Pixel Art Tags:

• Copy or save your generated tag as a PNG image
• Java: Place image in resource pack's textures folder, reference in font JSON file, use unicode in-game. Keep the image within 256×256 px — Java Edition's unicode font glyph textures max out at that size, so watch the resolution readout under the preview and lower the render resolution (or shorten the text) if the width or height goes over 256
• Bedrock: Place in font folder glyph file, use unicode based on image position
• Use unicode converter tool for character codes
• Can be used in LuckPerms roles (Java plugin) with assigned unicodes

Best Practices:

• Keep text short for better readability at small sizes
• Use high contrast between text and background colors
• Test your tags in-game at different GUI scales
• Consider using shadows for better text visibility on complex backgrounds

About the Pixel Fonts:

This tool offers 5 pixel font families (each with a bold weight). Mono, Mono Square, Medium and Compact are original pixel fonts, each glyph was designed manually at pixel level. Due to the simple geometric nature of pixel letterforms, these basic letter patterns are not subject to copyright protection. The fifth, Minecraft (5x7), is a taller, game-accurate recreation of the Minecraft typeface (see the legal note below).

Available Font Types:

• Mono (5x5): Standard monospace font, best readability
• Mono Square (5x5): Bolder, blockier variant of Mono with square corners instead of rounded ones
• Medium (4x5): Slightly narrower, good balance of size and clarity
• Compact (3x5): Smallest option, ideal for longer text or tight spaces
• Minecraft (5x7): Taller, game-accurate recreation of the classic Minecraft font, with proportional letter widths and authentic spacing
• Bold toggle: Switch any family to a heavier weight with thickened vertical strokes for extra impact

Language Support:

• Latin (A–Z): Full English alphabet, numbers, and common symbols
• Cyrillic (А–Я): Russian alphabet plus extensions for Ukrainian (Є І Ї Ґ), Belarusian (Ў), Serbian (Ђ Ј Љ Њ Ћ Џ), and Bulgarian
• Greek (Α–Ω): Full 24-letter Greek alphabet plus modern monotonic accented capitals (Ά Έ Ή Ί Ό Ύ Ώ Ϊ Ϋ)
• Japanese Katakana (ア–ン): Full 46-character katakana set
• Western European: French (À Â Ç É È Ê Ë Î Ï Ô Ù Û Ÿ Œ Æ), Spanish/Portuguese/Italian (Á Í Ó Ú Ý Ñ Ã Õ Ò Ì ¿ ¡), German (Ü, ß→SS), Dutch (IJ), Catalan
• Nordic: Swedish/Finnish/Norwegian/Danish (Å Ä Ö Ø Æ), Icelandic (Þ Ð), Estonian
• Slavic (Latin): Czech (Č Ď Ě Ň Ř Š Ť Ů Ž), Slovak (Ĺ Ľ Ŕ), Polish (Ą Ć Ę Ł Ń Ó Ś Ź Ż), Slovenian/Croatian (Č Š Ž Đ), Hungarian (Á É Í Ó Ö Ő Ú Ü Ű), Romanian (Ă Â Î Ș Ț)
• Baltic: Latvian (Ā Č Ē Ģ Ī Ķ Ļ Ņ Š Ū Ž), Lithuanian (Ą Č Ę Ė Į Š Ų Ū Ž), Estonian (Š Ž Õ Ä Ö Ü)
• Punctuation & symbols: ¿ ¡ „ “ ” ‚ ‘ ’ « » ‹ › – — … © ® ™ ° №
• Currency: € £ ¥ ₽ ₴ ₪

Technical Details:

• Style: Bitmap pixel fonts (Mono, Medium and Compact are monospaced; the Minecraft family uses proportional letter widths)
• Usage: Programmatically generated images only
• Compatibility: Perfect for pixel art projects and retro interfaces

Legal Note: The Mono, Mono Square, Medium and Compact fonts are original hand-crafted designs. Due to the simple geometric nature of pixel letterforms, these patterns are not subject to copyright protection. The Minecraft (5x7) family is a fan-made pixel recreation of the Minecraft typeface, "Minecraft" is a trademark of Mojang Studios / Microsoft, and this tool is not affiliated with, endorsed by, or sponsored by them. We use all of these patterns solely for generating images and do not distribute font files.

Text Features:

• 5 Font Families: Mono (5x5), Mono Square (5x5), Medium (4x5), Compact (3x5), and Minecraft (5x7) pixel fonts, each with an optional bold weight
• Multi-line Text: Press Enter in the text field to add a new line. Each line renders independently with 1px spacing between lines, and the background expands to fit.
• Text Alignment: Align text center (default), left, or right. Alignment is applied per line, so multi-line tags can be flush-left, flush-right, or centered.
• Letter Spacing: Adjust the gap between characters — 0 means letters touch, 1 is the default single-pixel gap, and negative values let glyphs overlap.
• Gradient Colors: Add multiple colors with per-color transparency and draggable gradient stop positions for precise control
• Hard Colors Mode: Sharp color transitions instead of smooth gradient interpolation
• Direction Control: Horizontal, vertical, 45° diagonal, -45° diagonal, and radial (center out) gradients
• Text Shadow: 5 shadow positions (right, below, below-right, above, left) with custom color, transparency, an adjustable offset distance, and a length that extrudes the shadow into a solid trail (flat-design long-shadow effect) — both handy at higher resolution multipliers where a 1px drop looks too subtle
• Text Outline: Adjustable outline thickness (0-5 pixels) with custom color and transparency, plus per-side asymmetric thickness (top/right/bottom/left) for banner-style effects
• Character Support: Latin (A–Z), Cyrillic (А–Я + Ukrainian/Belarusian/Serbian/Bulgarian extensions), Greek (Α–Ω + monotonic accents), Japanese Katakana (ア–ン), full Western European (French, Spanish, Portuguese, Italian, German, Dutch, Catalan), Nordic (Swedish, Norwegian, Danish, Finnish, Icelandic), Slavic Latin (Czech, Slovak, Polish, Slovenian, Croatian, Hungarian, Romanian), Baltic (Latvian, Lithuanian, Estonian), punctuation (¿ ¡ „ " " « » – — …), currency (€ £ ¥ ₽ ₴ ₪), and symbols (© ® ™ ° №)

Background Options:

• Gradient Backgrounds: Multiple colors with per-color transparency, draggable gradient stops, and hard color mode
• Background Shadow: 5 shadow positions with custom color and transparency, an adjustable offset distance and length (a solid long-shadow trail; both grow the exported canvas to fit), plus a "match background" mode for color-matched darker shadows
• Padding Control: Symmetric (horizontal/vertical) or asymmetric (top/right/bottom/left) padding, 0-10 pixels per side
• Rounded Corners: Pixel-perfect rounded corners (0-10 pixels), with optional per-corner asymmetric mode (top-left/top-right/bottom-left/bottom-right) for unique tag shapes
• Background Outline: Adjustable outline thickness with custom color and transparency, plus optional per-side asymmetric thickness (top/right/bottom/left). In asymmetric mode, a "Color per side" option exposes individual color and transparency pickers for each edge (top, right, bottom, left), with a corner color transition option that blends adjacent side colors at the corners instead of meeting in a sharp miter. A Placement option controls where the outline sits: "Inside the box" carves it into the background's edge (default), or "Around the tag" wraps it around the outside so the tag grows by the outline's thickness on each side — an outer border rather than an inset one.
• Background Emboss: A bevel effect applied to the background edge, giving a raised or inset look. Auto mode derives highlight (top/left) and shadow (bottom/right) colors directly from the background, so it always fits. Enabling Custom colors exposes per-side color pickers (top, right, bottom, left) with individual transparency sliders, and a corner color transition option that blends adjacent side colors at corners instead of cutting sharply. An Asymmetric toggle gives each side its own thickness (0 = that side off), so you can make a top/bottom-only bevel; at rounded corners the active side wraps the curve cleanly with its own color. A Placement dropdown (mirroring the Background Outline's) controls where the bevel sits: Inside the box (default — the bevel is carved into the inner edge of the background) or Around the tag (the bevel wraps around the outside, growing the tag by the emboss thickness for a raised-3D-button look). Because the outline and emboss each have their own placement, you can freely combine them: outline outside + emboss inside gives a framed border with an inner bevel; emboss outside + outline inside wraps a bevel around an inset outline; both outside stacks them around the tag. Combine with asymmetric thickness and per-side colors for layered effects.

Icon Features:

• Upload Custom Icons: Drag and drop or click to upload pixel art icons in any resolution, multiple files at once
• Flexible Positioning: Place icons before, after, above, or below text
• Pixel-Perfect Nudging: Arrow buttons to adjust icon position pixel-by-pixel with a reset button
• Icon Shadows: Per-icon shadow toggle, fully independent of text shadow. When the text shadow is enabled, the icon checkbox auto-ticks so the icon inherits the same direction/color/opacity. You can uncheck any icon to opt out, or enable an icon's shadow even when text shadow is off (uses the saved direction).
• Icon Outline: Per-icon outline toggle that mirrors the shadow behavior - auto-ticks when text outline turns on, can be enabled/disabled per-icon at any time, and inherits text outline thickness, color, and opacity.
• Standalone Icon Islands: Optional toggle that carves the background into separate islands (icon island + main island) with transparent gaps between them, controlled by the Icon Spacing value. Each island is treated as a standalone shape - its own rounded corners, its own outline, all four perimeter sides drawn.
• Compact Icon Padding: Optional toggle (paired with Standalone Icon Islands) that uses 1px padding around the icon island instead of inheriting the bigger background padding - gives icons a tight "badge" look while the main island keeps its breathing room.
• Render Order: Toggle icons to render in front of or behind text for layering control
• Icon Transparency: Per-icon transparency slider (0-100%)
• Icon Spacing: Adjust space between icons and text (-10 to 10 pixels, supports negative values for overlapping effects)
• Layer Management: Reorder icons to control stacking order

Preview & Export:

• Live Preview: Real-time canvas preview with pinnable mode that stays visible while scrolling
• Pinnable Floating Preview: Pin the preview with the top-right button to detach it into a floating panel you can drag (top-left grip) and resize (bottom-right handle) anywhere on screen. It keeps its size and position as you scroll (it won't reset when you return to the top). To put it back, drag it onto its home slot — which lights up as a drop zone — or double-click a grip / the pin button to snap it back to its docked place. The tag always keeps its true pixel size (never upscaled) and stays centered on the pane.
• Render Resolution: Render and export at 1×, 2×, 4×, 8×, 16×, or 32× for smoother gradients, crisper rounded corners, and larger, more detailed output. The on-screen preview keeps its size; the multiplier raises the exported image's resolution.
• Scale Effects with Resolution: On by default — at higher resolution the whole design (text, icons, border, padding, emboss, corners, outlines, shadows) scales up together. Turn it off to keep the effects and icons at a fixed fine pixel size, so raising the resolution buys finer detail (hairline borders, tighter spacing) instead of a bigger copy of the same design.
• Resolution Readout: The exact pixel size of the exported image (width × height px) is shown right below the preview and updates live as you edit text, padding, effects, or the render multiplier — so you always know the true output dimensions before copying or saving. Handy for staying inside Minecraft Java's 256×256 px unicode glyph texture limit — if either dimension climbs above 256, drop the render resolution or shorten the text before adding the tag as a Java unicode glyph (Bedrock and general image use aren't bound by this).
• Copy to Clipboard: One-click copy as PNG image
• Save as PNG: Download with automatic naming ([text]-tag-[timestamp].png)