SVG to TGS Telegram スタンプのアニメーション

SVG TGS 変換

SVG → TGS 変換

Telegram でログインして SVG を無料で TGS に変換。ベクター画像からスタンプやカスタム絵文字を作り、動きを付けてダウンロード前に確認できます。

SVG をアップロード 静的なベクター SVG。埋め込み画像と文字は書き出し時に無視されます。
SVG をアップロード
ブラウザで使えるエディター TGS を無料ダウンロードアニメーションプリセット書き出し前にプレビューファイルの自動チェック

SVG を読み込み、TGS に書き出し

ベクター画像から Telegram スタンプへ

Figma、Illustrator、Inkscape で作ったアイコン、ロゴ、イラストから始められます。

お手持ちの SVG を使用

ベクターのパスや図形をアップロードします。先にデザインソフトで文字をアウトライン化し、埋め込み写真をベクター画像に置き換えてください。

動き方を選ぶ

プリセットを適用し、対応するレイヤーを調整するか、静止したままにできます。ダウンロード前に変更を確認できます。

書き出し前にチェック

書き出し時に TGS のキャンバス、フレームレート、長さ、ファイルサイズ、図形データを確認します。表示されたエラーを修正してからダウンロードしてください。

TGS ファイルをダウンロード

変換はブラウザ内で実行されます。SVG を選ぶと、診断用のコピーがサービスに送信されます。オプションの Pro ツールは、プレビューやパック管理のために書き出した TGS を Telegram に送信します。

使い方

SVG を TGS に変換する手順

SVG を準備し、結果を確認して、Telegram 用にダウンロードします。

  1. SVG をアップロードしてログイン

    ベクター SVG を選び、Telegram でログインするとエディターが開きます。文字のアウトライン化と埋め込みラスター画像の削除は、先にデザインソフトで行ってください。

  2. プリセットまたは静止モードを選ぶ

    画像に動きを付けるか、静止したままにします。対応するレイヤーを調整し、動きが収まるように周囲に余白を残してください。

  3. プレビューと警告の確認

    ブラウザで画像とアニメーションのループを確認します。欠けている部分や見た目の違いがあれば、互換性の警告を確認して修正してください。

  4. TGS ファイルをダウンロード

    結果を .tgs として書き出します。Telegram の制限を超える場合は、元のパスを簡略化するか、動かすレイヤーを減らして再度お試しください。

  5. Telegram に追加

    Telegram の @Stickers ミニアプリを開き、スタンプまたは絵文字のパックを作成・選択して、案内に従って TGS をアップロードします。

用途

この手順に適した用途

Telegram のスタンプ、カスタム絵文字、ブランドのパック用にベクター画像を作成します。

アニメーションスタンプ

オリジナルのキャラクター、リアクション、イラストを Telegram チャット用のベクタースタンプにします。

カスタム絵文字

絵文字パック用の小さなアニメーション記号を作成します。メッセージ内の実際のサイズでも見やすいデザインにしてください。

ブランドのスタンプパック

コミュニティや製品向けに、ロゴやマスコットの動きを統一したパックを作れます。

デザインの引き継ぎ

デザインソフトでアウトライン化したベクター画像を書き出し、TGS 変換結果を確認してからパックに追加します。

形式

TGS ファイルとは?

TGS は Telegram のベクタースタンプと絵文字の形式です。.tgs ファイルには gzip で圧縮された Lottie アニメーションデータが入っています。SVG は元のベクター画像を記述し、変換によって対応する図形が TGS の構造になります。

このツールは静的な SVG 画像を読み込み、エディターで動きを追加します。既存の Lottie JSON アニメーションの読み込みや、SVG の全機能の保持には対応していません。フィルター、マスク、パターン、未アウトライン化の文字、埋め込み画像は元のデザインで修正が必要な場合があります。

ヒントと要件

Telegram の TGS 要件と SVG の準備

  • TGS スタンプとアニメーション絵文字のキャンバスは 512 × 512 ピクセルにします。
  • 書き出す TGS は 64 KB 以下、長さは 3 秒以下、フレームレートは 60 FPS にします。
  • アニメーションはループさせ、動作中もすべてのオブジェクトがキャンバス内に収まるようにします。
  • 文字をベクターのアウトラインに変換します。埋め込みラスター画像や非対応の効果はベクターパスに置き換えます。
  • ファイルが大きすぎる場合は、不要なパスの点やレイヤーを減らします。書き出し時にサイズの最適化を試みますが、複雑な画像は制限を超えることがあります。
  • ブラウザだけでなく Telegram でも書き出し結果を確認してください。元の画像を簡略化した後は特に確認が必要です。

SVG と TGS のサンプルを試す

SVG をダウンロードして変換を試すか、小さなアニメーション TGS の書き出し例を確認できます。

よくある質問

よくある質問

オンラインで SVG を TGS に変換するには?

ベクター SVG を選び、Telegram でログインします。アニメーションプリセットまたは静止モードを適用し、結果を確認して .tgs をダウンロードします。Telegram の @Stickers ミニアプリでスタンプまたはカスタム絵文字のパックに追加できます。

SVG to TGS は無料ですか?アカウントは必要ですか?

Telegram でのログインが必要です。ログイン後は SVG の変換、無料プリセット、ブラウザでのプレビュー、TGS のダウンロードを無料で利用できます。Pro では追加のアニメーションや、Telegram プレビュー、パック管理の自動化が使えます。

動きを付けずに SVG を TGS に変換できますか?

はい。静止モードを選ぶと、対応するベクター画像を動きのない TGS として書き出せます。同じ形式で静止アイコンや絵文字を用意したい場合に使えます。

変換後に SVG の見た目が変わるのはなぜですか?

TGS が対応する機能は SVG より限られています。デザインソフトで文字をアウトライン化し、埋め込み画像をパスに置き換え、フィルターやマスク、パターンを簡略化してください。SVG を更新したら、読み込み時の警告とプレビューを再確認します。

64 KB を超える TGS を小さくするには?

パスを簡略化し、非表示の要素や不要な細部を削除して、動かすレイヤーを減らします。書き出し処理はサイズの最適化を試み、検証に失敗したファイルのダウンロードを止めます。複雑な画像は元のデザインソフトで簡略化する必要があります。

SVG のアニメーションが無効になるのはなぜですか?

編集可能なベクター要素が 60 個を超える SVG は、このエディターでは静止モードになります。デザインソフトで要素を簡略化または結合して再アップロードすると、アニメーション操作を有効にできます。

Telegram が TGS を受け付けない場合は何を確認しますか?

書き出し警告を読み、上記の要件を満たすか確認します。元の SVG ではなく、ダウンロードした .tgs をアップロードしてください。それでも失敗する場合は画像を簡略化し、新しく書き出したファイルを @Stickers で確認します。

SVG ファイルはサーバーに送信されますか?

はい。SVG を選ぶと Telegram のログイン前でも診断用のコピーがサービスに送られます。SVG の解析、アニメーション、TGS の生成はブラウザ内で行います。オプションの Pro プレビューツールやパックツールも、書き出した TGS をサービス経由で Telegram に送信します。

PNG、GIF、Lottie JSON、既存の TGS をアップロードできますか?

この変換ツールはベクター SVG の元ファイルを受け付けます。PNG、GIF、Lottie JSON、既存の TGS は読み込めません。ラスター画像はトレースまたは描き直してベクターパスにしてから SVG に書き出してください。

After Effects は必要ですか?Telegram の公式ツールですか?

この手順に After Effects のインストールは不要です。SVG to TGS は独立した変換ツールであり、Telegram との提携関係はありません。

今すぐ始める

SVG を TGS に変換

ベクター SVG をアップロードして Telegram でログインし、スタンプや絵文字を確認して TGS を無料でダウンロードできます。

SVG をアップロード