telegram-crawler/data/core.telegram.org/import-stickers.html
2021-06-25 12:46:27 +00:00

149 lines
8.6 KiB
HTML

<!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?212" 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>
<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 version 7.8, Telegram apps support a simple API that allows importing stickers.</p>
<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 webp is <strong>NOT</strong> supported, only static webp is supported for <a href="#static-stickers">static stickers</a>. Animated stickers must be in <strong>TGS</strong> format.</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/animated_stickers">this page</a>.</p>
</blockquote>
<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="/">Platform</a></h5>
<ul>
<li><a href="/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="/">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?42"></script>
<script>backToTopInit("Go up");
removePreloadInit();
</script>
</body>
</html>