画像にテキストを追加

一般的なブラウザフォントを使って、選択されたサイズ、色、正規化されたx/y位置の画像ピクセルに、線が折れたテキストを手動でレンダリングします。

このツールが役立つ場合

編集可能なテキストレイヤーが不要な場合は、シンプルなキャプション、ラベル、透かし、ソーシャルグラフィックス。

局所処理の仕組み

ブラウザは入力された文字列をキャンバスに配置し、新たにエンコードされた画像にグリフピクセルを焼き付けます。

使い方

  1. ソースを準備する: 編集可能なテキストレイヤーが不要な場合は、シンプルなキャプション、ラベル、透かし、ソーシャルグラフィックス。
  2. ローカルで処理する: ブラウザは入力された文字列をキャンバスに配置し、新たにエンコードされた画像にグリフピクセルを焼き付けます。
  3. ダウンロードして確認する: 100%で校正し、すべてのスクリプトと改行を確認し、明るい表示と暗い表示でプレビューし、グリフや端が切れていないことを確認します。

重要な制限事項

テキストは編集不可のピクセルとなり、ブラウザの汎用フォントが変わったり、グリフが欠けたり、行が自動的に巻き付かなかったり、他の表示サイズではコントラストが崩れることがあります。

ダウンロードした結果を確認する

100%で校正し、すべてのスクリプトと改行を確認し、明るい表示と暗い表示でプレビューし、グリフや端が切れていないことを確認します。

私設設計

あなたのファイルはこのブラウザに残ります。ツールはソースや出力をサーバーにアップロードしません。

質問と回答

このツールはいつ役立ちますか?

編集可能なテキストレイヤーが不要な場合は、シンプルなキャプション、ラベル、透かし、ソーシャルグラフィックス。

ブラウザは実際に何をしますか?

ブラウザは入力された文字列をキャンバスに配置し、新たにエンコードされた画像にグリフピクセルを焼き付けます。

理解しておくべき制限は何ですか?

テキストは編集不可のピクセルとなり、ブラウザの汎用フォントが変わったり、グリフが欠けたり、行が自動的に巻き付かなかったり、他の表示サイズではコントラストが崩れることがあります。

結果をどのように確認すべきですか?

100%で校正し、すべてのスクリプトと改行を確認し、明るい表示と暗い表示でプレビューし、グリフや端が切れていないことを確認します。

関連ツール