Create images from text, emoji, pixel art, and photos — all in your browser. No sign-up required.
Open the App →TextImg is a free, browser-based image editor built around a multi-layer canvas. You can stack text, pixel art, emoji, and uploaded images on top of each other, then export the result as PNG, JPEG, or WebP.
Everything runs entirely in your browser — no files are uploaded to any server. Your settings are saved automatically to local storage so your work is preserved between sessions.
TextImg supports five types of layers. Add them from the buttons at the top of the Layers tab.
Render text with custom fonts, colors, and effects. The most feature-rich layer type.
A pixel art canvas. Click to draw, click the same cell again to erase. Each dot layer has its own independent grid size.
Place a single emoji anywhere on the canvas. Supports size, rotation, and free drag positioning.
Upload an image from your device. Supports cover, contain, stretch, and original-size fit modes, plus opacity control. Processed entirely in-browser.
Generate a "5000 Choyen" style image via an external API. Enter top and bottom text, optionally enable rainbow mode, and click Generate.
Type in the text area. Line breaks are supported — each line is rendered separately. The layer name in the list updates automatically to show the first characters of your text.
Choose from built-in fonts (Noto Sans JP, Noto Serif JP, M PLUS Rounded, Dela Gothic One, Zen Kaku Gothic New, serif, monospace) or upload your own .ttf / .otf / .woff / .woff2 file. Font size and line height are adjustable via sliders.
Toggle Bold, Italic, horizontal flip (↔), and vertical flip (↕) with the button row below the font controls.
Rotate the entire text layer from −180° to 180° using the Rotation slider. The layer rotates around the center of the canvas.
Set horizontal alignment (left / center / right) and vertical alignment (top / middle / bottom). These control where text is placed relative to the canvas edges, offset by the Padding value.
Enable "Enable drag" to switch to free positioning mode. You can then drag the text directly on the canvas, or enter exact X/Y coordinates in pixels.
Set a uniform text color using the color picker and hex field. You can also enable Per-character color to assign a different color to each character individually, or enable Gaming Text 🌈 for an automatic rainbow gradient across the whole line.
Adjusts the spacing between characters from −10px to 50px. Useful for condensed or wide display typography.
Controls the transparency of the entire text layer from 0% (invisible) to 100% (fully opaque). Independent from per-character color alpha.
Controls the margin between the text and the canvas edges when using alignment mode (not custom position).
Effects are applied per text layer. Enable each effect with its checkbox. Click the row to expand its settings.
Renders the text at a low resolution and scales it back up, creating a pixelated look. Adjust pixel size to control the blocky appearance.
Draws a stroke around the text. Control width (1–20px) and color.
Adds a drop shadow. Control blur radius, X/Y offset, and color.
Applies a digital glitch distortion to the text layer. Adjust the Amount slider for stronger or subtler distortion. Note: glitch uses randomness, so the result varies slightly on each render.
Fills text with a two-color gradient. Choose Color 1, Color 2, and direction (horizontal / vertical / diagonal).
Applies a glowing neon effect. Adjust glow size and glow color. Works best on dark backgrounds.
Text and Image layers support a brush-based mask. Enable it by checking "Enable mask" in the layer editor. The mask lets you reveal or hide specific areas of a layer without permanently erasing anything.
Switch to the Layers tab and add a Dot layer. Each dot layer is an independent pixel art canvas.
Add an Emoji layer to place a single emoji anywhere on the canvas.
Emoji rendering depends on the fonts available on your operating system. The same emoji may look different on different devices.
Add an Image layer to use a photo or graphic from your device as a canvas layer.
Open the Background tab to set the canvas background. Three modes are available:
Fill the background with a single color. Use the color picker or enter a hex code.
Fill with a two-color gradient. Choose Color 1, Color 2, and direction: Horizontal, Vertical, Diagonal, or Radial.
Leave the background fully transparent. Export as PNG to preserve transparency — JPEG does not support transparency.
Open the Canvas tab to set the image dimensions. Choose a preset or enter custom width/height (up to 4000px each). Common presets include:
Enable "Show center lines" in the Canvas tab to display a crosshair over the canvas preview. The guide is not included in the exported image — it only appears in the editor.
Up to 50 undo steps are available. Use Ctrl+Z (or Cmd+Z on Mac) to undo, and Ctrl+Y (or Ctrl+Shift+Z) to redo. Buttons are also available in the Canvas tab.
Use the mouse wheel to zoom in/out on the canvas preview. Drag the canvas (when not in drag-text or draw mode) to pan. The ⌖ button resets zoom to 100% and re-centers the canvas. On touch devices, use pinch to zoom and drag to pan.
Open the Export tab and select a format, then click Save:
Enter a custom file name in the "File name" field before saving. The format extension is appended automatically (e.g. my-image.png). Defaults to textimg.
Your layer configuration and settings are saved automatically to your browser's local storage about one second after any change. The "✓ Saved" indicator appears briefly in the Export tab. Image and font file data is not saved (re-upload needed after reload).
The "Reset all" button clears all saved data and reloads the app to a blank state.
TextImgは、複数レイヤーのキャンバスを中心に構成された無料のブラウザベース画像エディターです。テキスト・ピクセルアート・絵文字・アップロード画像を重ねて、PNG・JPEG・WebPとして書き出せます。
すべての処理はブラウザ内で完結し、ファイルがサーバーに送信されることはありません。設定はローカルストレージに自動保存されるため、再訪時も作業を継続できます。
TextImgは5種類のレイヤーをサポートしています。「レイヤー」タブ上部のボタンから追加できます。
カスタムフォント・カラー・エフェクトを使ってテキストを描画します。最も機能が豊富なレイヤータイプです。
ピクセルアートキャンバスです。クリックで描画、同じマスを再度クリックで消去します。レイヤーごとに独立したグリッドサイズを持ちます。
キャンバス上に絵文字を1つ配置します。サイズ・回転・自由な位置指定に対応しています。
デバイスから画像をアップロードして配置します。カバー・フィット・ストレッチ・元のサイズの各フィットモードと不透明度調整に対応。ブラウザ内のみで処理されます。
「5000兆円欲しい！」スタイルの画像を外部APIで生成します。上段・下段テキストを入力し、必要に応じて虹色モードを有効にして「生成」をクリックします。
テキストエリアに入力します。改行が使えます。各行は個別に描画されます。レイヤーリストの名前は入力内容に合わせて自動更新されます。
組み込みフォント（Noto Sans JP・Noto Serif JP・M PLUS Rounded・Dela Gothic One・Zen Kaku Gothic New・serif・monospace）から選択するか、.ttf / .otf / .woff / .woff2ファイルをアップロードして使用できます。フォントサイズと行間はスライダーで調整できます。
太字・斜体・水平反転（↔）・垂直反転（↕）をボタンで切り替えられます。
回転スライダーでテキストレイヤー全体を−180°〜180°の範囲で回転できます。キャンバス中央を軸に回転します。
水平配置（左・中央・右）と垂直配置（上・中央・下）を設定できます。パディング値を基準にキャンバス端からのオフセットを制御します。
「ドラッグで移動」を有効にすると自由配置モードになります。キャンバス上でテキストを直接ドラッグするか、X/Y座標をピクセル単位で入力できます。
カラーピッカーとHexフィールドで文字色を設定します。文字ごとに色指定を有効にすると各文字に個別の色を設定でき、Gaming Text 🌈を有効にするとライン全体に自動的な虹色グラデーションが適用されます。
文字と文字の間隔を−10px〜50pxで調整します。見出しや装飾テキストのスタイルに活用できます。
テキストレイヤー全体の透明度を0%（非表示）〜100%（完全不透明）で調整します。文字色のアルファ値とは独立して動作します。
配置モード（カスタム位置無効時）でのテキストとキャンバス端の間隔を制御します。
エフェクトはテキストレイヤーごとに設定します。チェックボックスで有効化し、行をクリックして詳細設定を展開します。
テキストを低解像度でレンダリングして拡大し、ドット絵風の外観を作ります。ピクセルサイズでブロックの大きさを調整できます。
テキストの周囲に縁取りを描画します。太さ（1〜20px）と色を設定できます。
ドロップシャドウを追加します。ぼかし・X/Yオフセット・色を設定できます。
テキストレイヤーにデジタルグリッチ歪みを適用します。強度スライダーで効果の強さを調整できます。グリッチはランダム性を使うため、描画ごとに結果が若干異なります。
2色のグラデーションでテキストを塗りつぶします。カラー1・カラー2・方向（水平・垂直・斜め）を設定できます。
発光するネオン効果を適用します。グロウサイズとグロウカラーを設定できます。暗い背景で最も効果的です。
テキストレイヤーと画像レイヤーにはブラシで描くマスクを設定できます。レイヤーエディターの「マスクを有効にする」チェックボックスで有効化します。マスクを使うと、レイヤーの内容を破壊せずに特定の領域だけを表示・非表示にできます。
「レイヤー」タブで「＋ ドット」をクリックしてドットレイヤーを追加します。各ドットレイヤーは独立したピクセルアートキャンバスです。
「＋ 絵文字」からレイヤーを追加して、キャンバス上に絵文字を1つ配置します。
絵文字の見た目はOSによって異なります（iOS/macOSはApple Color Emoji、AndroidはNoto Emojiなど）。エクスポートされるPNGはご使用のデバイスで表示される絵文字の外観をそのまま記録します。
「＋ 画像」からレイヤーを追加して、デバイスの画像ファイルをキャンバスレイヤーとして使用できます。
「背景」タブでキャンバスの背景を設定します。3つのモードがあります：
背景を1色で塗りつぶします。カラーピッカーまたはHexコードで色を指定します。
2色のグラデーションで塗りつぶします。カラー1・カラー2・方向（水平・垂直・斜め・放射状）を設定できます。
背景を透明にします。透明度を保持するにはPNG形式で書き出してください。JPEGは透明度をサポートしていません。
「キャンバス」タブで画像の寸法を設定します。プリセットを選ぶか、幅・高さを直接入力します（各最大4000px）。主なプリセット：
「キャンバス」タブの「中心線を表示」を有効にすると、キャンバスプレビューに十字線が表示されます。ガイドは書き出した画像には含まれず、エディター上のみに表示されます。
最大50ステップのUndoが使えます。Ctrl+Z（MacはCmd+Z）でUndo、Ctrl+Y（またはCtrl+Shift+Z）でRedoします。「キャンバス」タブのボタンからも操作できます。
マウスホイールでキャンバスプレビューのズームイン/アウトができます。描画・ドラッグモード以外のときにキャンバスをドラッグするとパンできます。⌖ボタンでズームをリセットして中央に戻ります。タッチデバイスではピンチでズーム、ドラッグでパンです。
「書き出し」タブでフォーマットを選択し、「保存」をクリックします：
「ファイル名」欄に任意の名前を入力してから保存すると、その名前でダウンロードされます。拡張子は自動的に付加されます（例：my-image.png）。未入力の場合は textimg になります。
レイヤー設定などは変更から約1秒後にブラウザのローカルストレージへ自動保存されます。「書き出し」タブに「✓ 保存済み」と一時表示されます。画像ファイルとフォントファイルは保存対象外です（リロード後は再アップロードが必要）。
「リセット」ボタンをクリックすると保存データをすべて削除してアプリを初期状態に戻します。