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
• 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 4 pixel font types based on classic bitmap patterns that have been widely used since the early 2000s. Due to their simple geometric nature and numerous independent implementations over the years, these basic letter patterns represent common typographic knowledge rather than copyrightable expression.

Available Font Types:

• Mono (5x5): Standard monospace font, best readability
• Medium (4x5): Slightly narrower, good balance of size and clarity
• Compact (3x5): Smallest option, ideal for longer text or tight spaces
• Mono Bold (6x5): Wider and bolder, ideal for maximum impact and visibility

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: Monospace bitmap fonts
• Usage: Programmatically generated images only
• Compatibility: Perfect for pixel art projects and retro interfaces

Legal Note: The basic geometric patterns used for letter shapes represent fundamental typographic forms that are not subject to copyright protection. We use these patterns solely for generating images and do not distribute font files.

Text Features:

• 4 Font Types: Mono (5x5), Medium (4x5), Compact (3x5), and Mono Bold (6x5) pixel fonts
• 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 and transparency
• 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, 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 thickness (0-5 pixels) with custom color and transparency, with optional per-side asymmetric thickness (top/right/bottom/left)

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
• Copy to Clipboard: One-click copy as PNG image
• Save as PNG: Download with automatic naming ([text]-tag-[timestamp].png)