telegram-crawler/data/corefork.telegram.org/import-stickers.html
2022-04-18 19:38:34 +00:00

159 lines
10 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html class="">
<head>
<meta charset="utf-8">
<title>Importing Stickers to Telegram</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="description" content="The easiest way to create stickers on Telegram is to simply upload them using the @stickers bot. This bot can help you upload…">
<meta property="og:title" content="Importing Stickers to Telegram">
<meta property="og:image" content="">
<meta property="og:description" content="The easiest way to create stickers on Telegram is to simply upload them using the @stickers bot. This bot can help you upload…">
<link rel="shortcut icon" href="/favicon.ico?4" type="image/x-icon" />
<link href="/css/bootstrap.min.css?3" rel="stylesheet">
<link href="/css/telegram.css?225" rel="stylesheet" media="screen">
<style>
</style>
</head>
<body class="preload">
<div class="dev_page_wrap">
<div class="dev_page_head navbar navbar-static-top navbar-tg">
<div class="navbar-inner">
<div class="container clearfix">
<ul class="nav navbar-nav navbar-right hidden-xs"><li class="navbar-twitter"><a href="https://twitter.com/telegram" target="_blank" data-track="Follow/Twitter" onclick="trackDlClick(this, event)"><i class="icon icon-twitter"></i><span> Twitter</span></a></li></ul>
<ul class="nav navbar-nav">
<li><a href="//telegram.org/">Home</a></li>
<li class="hidden-xs"><a href="//telegram.org/faq">FAQ</a></li>
<li class="hidden-xs"><a href="//telegram.org/apps">Apps</a></li>
<li class=""><a href="/api">API</a></li>
<li class=""><a href="/mtproto">Protocol</a></li>
<li class=""><a href="/schema">Schema</a></li>
</ul>
</div>
</div>
</div>
<div class="container clearfix">
<div class="dev_page">
<div id="dev_page_content_wrap" class=" ">
<div class="dev_page_bread_crumbs"></div>
<h1 id="dev_page_title">Importing Stickers to Telegram</h1>
<div id="dev_page_content"><p>The easiest way to create stickers on Telegram is to simply upload them using the <a href="https://t.me/stickers">@stickers</a> bot. This bot can help you <strong>upload new stickers</strong>, <strong>create sticker packs</strong> and get <strong>usage stats</strong> for your stickers and packs.</p>
<p>Telegram also offers a platform for developers of apps that <strong>help</strong> users <strong>make their own stickers</strong>. For example, apps that allow people to upload pictures of themselves and turn them into stickers.</p>
<h3><a class="anchor" name="who-is-this-for" href="#who-is-this-for"><i class="anchor-icon"></i></a>Who is this for?</h3>
<p><strong>USE this:</strong></p>
<ul>
<li>To help people <strong>make</strong> their own <strong>unique custom stickers</strong>.</li>
<li>To help people <strong>migrate</strong> their unique custom stickers they created <strong>from another platform</strong>.</li>
</ul>
<p><strong>DON&#39;T use this:</strong></p>
<ul>
<li>To share stickers you uploaded with other Telegram users.</li>
<li>Instead, just upload your stickers using the <a href="https://t.me/stickers">@stickers</a> bot and <strong>share the link</strong> of your pack (e.g. <a href="https://t.me/addstickers/UtyaDuck"><a href="https://t.me/addstickers/UtyaDuck">https://t.me/addstickers/UtyaDuck</a></a>).</li>
</ul>
<p>In short, if a set of stickers is <strong>already available on Telegram</strong> there&#39;s <strong>no need</strong> to import it!</p>
<h3><a class="anchor" name="sticker-importing-apps" href="#sticker-importing-apps"><i class="anchor-icon"></i></a>Sticker Importing Apps</h3>
<p>As of <a href="https://telegram.org/blog/animated-backgrounds#importing-stickers">version 7.8</a>, Telegram apps support a simple API for importing stickers.</p>
<div class="blog_video_player_wrap" style="max-width: 400px; margin: 20px auto 20px;">
<video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="/file/464001267/2/U7MtqT21q4E.76558/a7a73d214c36478ed3" style="max-width: 400px;" title="Think outside the fox." alt="Importing stickers to Telegram">
<source src="/file/464001715/1/YPZWHRfqpXI.3577036.mp4/bb24535cb655a57cd7" type="video/mp4">
</video>
</div>
<blockquote>
<p><strong>WARNING:</strong> Each time a user imports stickers, a <strong>new sticker pack</strong> is created on Telegram. <strong>Do not use</strong> the importing feature to share stickers you made with <em>other</em> users. If you want to share your stickers, simply upload them using <a href="https://t.me/stickers">@stickers</a> and share the <strong>link</strong> of your pack. For example, here&#39;s a link to install some <a href="https://t.me/addstickers/UtyaDuck">Duck Stickers</a>.</p>
</blockquote>
<h3><a class="anchor" name="importing-sdks" href="#importing-sdks"><i class="anchor-icon"></i></a>Importing SDKs</h3>
<p>We have created libraries and sample apps for <a href="https://github.com/TelegramMessenger/TelegramStickersImport">iOS</a> and <a href="https://github.com/DrKLO/TelegramStickersImport">Android</a> which you can use to implement importing stickers to Telegram from your app.</p>
<h3><a class="anchor" name="sticker-formats" href="#sticker-formats"><i class="anchor-icon"></i></a>Sticker Formats</h3>
<p>Telegram apps support two sticker types. Regardless of the type, each sticker must be associated with <strong>at least one emoji</strong> that expresses the emotion corresponding to the sticker.</p>
<h4><a class="anchor" name="animated-stickers" href="#animated-stickers"><i class="anchor-icon"></i></a>Animated Stickers</h4>
<p>Must be in <strong>TGS</strong> format, created using the <a href="https://github.com/TelegramMessenger/bodymovin-extension">Bodymovin-TG plugin for Adobe After Effects</a>.</p>
<blockquote>
<p><strong>Note:</strong> Animated <em>.WEBP</em> is <strong>NOT</strong> currently supported, only static <em>.WEBP</em> is supported for <a href="#static-stickers">static stickers</a>. Animated stickers must be in <strong>.TGS</strong> format. You can also import <strong>.WEBM</strong> <a href="#video-stickers">video stickers</a>.</p>
</blockquote>
<p>Max. size: <strong>64 KB</strong><br>Dimensions: <strong>512x512 px</strong><br>FPS: <strong>30-60 FPS</strong><br>Max. duration: <strong>3 seconds</strong></p>
<blockquote>
<p>For full technical details on Telegram animated stickers, see <a href="https://core.telegram.org/stickers#animated-stickers">this page</a>.</p>
</blockquote>
<h4><a class="anchor" name="video-stickers" href="#video-stickers"><i class="anchor-icon"></i></a>Video Stickers</h4>
<p>Must be in <strong>WEBM</strong> format with <a href="https://core.telegram.org/stickers/webm-vp9-encoding">VP9 and alpha channel encoding</a> (transparency is a temporary requirement).</p>
<p>Max. size: <strong>256 KB</strong><br>Max. dimensions: <strong>512x512 px</strong>, at least one side of the image must be 512px.<br>FPS: <strong>30</strong><br>Max. duration: <strong>3 seconds</strong></p>
<h4><a class="anchor" name="static-stickers" href="#static-stickers"><i class="anchor-icon"></i></a>Static Stickers</h4>
<p>Must be in <strong>PNG</strong> or <strong>WEBP</strong> format with a <strong>transparent layer</strong>. All static stickers should use <strong>white stroke</strong> and <strong>shadow</strong>, exactly like in this example: <a href="https://telegram.org/img/StickerExample.psd">StickerExample.psd</a></p>
<p>Max. size: <strong>512 KB</strong><br>Max. dimensions: <strong>512x512 px</strong>, at least one side of the image must be 512px.</p>
</div>
</div>
</div>
</div>
<div class="footer_wrap">
<div class="footer_columns_wrap footer_desktop">
<div class="footer_column footer_column_telegram">
<h5>Telegram</h5>
<div class="footer_telegram_description"></div>
Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.
</div>
<div class="footer_column">
<h5><a href="//telegram.org/faq">About</a></h5>
<ul>
<li><a href="//telegram.org/faq">FAQ</a></li>
<li><a href="//telegram.org/blog">Blog</a></li>
<li><a href="//telegram.org/jobs">Jobs</a></li>
</ul>
</div>
<div class="footer_column">
<h5><a href="//telegram.org/apps#mobile-apps">Mobile Apps</a></h5>
<ul>
<li><a href="//telegram.org/dl/ios">iPhone/iPad</a></li>
<li><a href="//telegram.org/dl/android">Android</a></li>
<li><a href="//telegram.org/dl/wp">Windows Phone</a></li>
</ul>
</div>
<div class="footer_column">
<h5><a href="//telegram.org/apps#desktop-apps">Desktop Apps</a></h5>
<ul>
<li><a href="//desktop.telegram.org/">PC/Mac/Linux</a></li>
<li><a href="//macos.telegram.org/">macOS</a></li>
<li><a href="//telegram.org/dl/web">Web-browser</a></li>
</ul>
</div>
<div class="footer_column footer_column_platform">
<h5><a href="//core.telegram.org/">Platform</a></h5>
<ul>
<li><a href="//core.telegram.org/api">API</a></li>
<li><a href="//translations.telegram.org/">Translations</a></li>
<li><a href="//instantview.telegram.org/">Instant View</a></li>
</ul>
</div>
</div>
<div class="footer_columns_wrap footer_mobile">
<div class="footer_column">
<h5><a href="//telegram.org/faq">About</a></h5>
</div>
<div class="footer_column">
<h5><a href="//telegram.org/blog">Blog</a></h5>
</div>
<div class="footer_column">
<h5><a href="//telegram.org/apps">Apps</a></h5>
</div>
<div class="footer_column">
<h5><a href="//core.telegram.org/">Platform</a></h5>
</div>
<div class="footer_column">
<h5><a href="https://twitter.com/telegram" target="_blank" data-track="Follow/Twitter" onclick="trackDlClick(this, event)">Twitter</a></h5>
</div>
</div>
</div>
</div>
<script src="/js/main.js?45"></script>
<script>backToTopInit("Go up");
removePreloadInit();
</script>
</body>
</html>