Update content of files

This commit is contained in:
GitHub Action 2022-01-31 18:46:59 +00:00
parent d9cf4b6616
commit f488b8a796
2 changed files with 16 additions and 16 deletions

View file

@ -74,17 +74,17 @@
<li>You <strong>must not</strong> use the following Adobe After Effects functionality when animating your stickers: <em>Auto-bezier keys, Expressions, Masks, Layer Effects, Images, Solids, Texts, 3D Layers, Merge Paths, Star Shapes, Gradient Strokes, Repeaters, Time Stretching, Time Remapping, Auto-Oriented Layers</em>.</li> <li>You <strong>must not</strong> use the following Adobe After Effects functionality when animating your stickers: <em>Auto-bezier keys, Expressions, Masks, Layer Effects, Images, Solids, Texts, 3D Layers, Merge Paths, Star Shapes, Gradient Strokes, Repeaters, Time Stretching, Time Remapping, Auto-Oriented Layers</em>.</li>
</ul> </ul>
<h4><a class="anchor" name="uploading-animated-stickers" href="#uploading-animated-stickers"><i class="anchor-icon"></i></a>Uploading Animated Stickers</h4> <h4><a class="anchor" name="uploading-animated-stickers" href="#uploading-animated-stickers"><i class="anchor-icon"></i></a>Uploading Animated Stickers</h4>
<p>When your stickers are ready, send the <code>/newanimated</code> command to the <a href="t.me/Stickers">@Stickers</a> bot then send it the .TGS files.</p> <p>When your stickers are ready, send the <code>/newanimated</code> command to the <a href="https://t.me/Stickers">@Stickers</a> bot then send it the .TGS files.</p>
<p>Your set will need an icon. Icons for animated sticker sets must be <strong>100x100 pixels</strong>, with a looped animation not exceeding 3 seconds.</p> <p>Your set will need an icon. Icons for animated sticker sets must be <strong>100x100 pixels</strong>, with a looped animation not exceeding 3 seconds.</p>
<hr> <hr>
<h3><a class="anchor" name="video-stickers" href="#video-stickers"><i class="anchor-icon"></i></a>Video Stickers</h3> <h3><a class="anchor" name="video-stickers" href="#video-stickers"><i class="anchor-icon"></i></a>Video Stickers</h3>
<p><a href="https://telegram.org/blog/video-stickers-better-reactions">Video Stickers</a> are built with <strong>.WEBM</strong> an open-source format that is compatible with many graphics editors to create high-detail images. Requires Telegram <strong>8.5</strong> or higher.</p> <p><a href="https://telegram.org/blog/video-stickers-better-reactions">Video Stickers</a> are built with <strong>.WEBM</strong> an open-source format that is compatible with many graphics editors to create high-detail images. Requires <a href="https://telegram.org/apps">Telegram 8.5</a> or higher.</p>
<!-- <!--
> This format also allows you to [import custom stickers](https://core.telegram.org/import-stickers) to Telegram from other apps. > This format also allows you to [import custom stickers](https://core.telegram.org/import-stickers) to Telegram from other apps.
--> -->
<h4><a class="anchor" name="creating-video-stickers" href="#creating-video-stickers"><i class="anchor-icon"></i></a>Creating Video Stickers</h4> <h4><a class="anchor" name="creating-video-stickers" href="#creating-video-stickers"><i class="anchor-icon"></i></a>Creating Video Stickers</h4>
<p>To create Video Stickers, you only need editing software that lets you export your project as a <strong>.WEBM video file</strong>.</p> <p>To create Video Stickers, you only need <a href="https://core.telegram.org/stickers/webm-vp9-encoding">editing software</a> that lets you export your project as a <strong>.WEBM video file</strong>.</p>
<blockquote> <blockquote>
<p>See this <a href="https://core.telegram.org/stickers/webm-vp9-encoding">Encoding .WEBM with VP9 Guide</a> for details </p> <p>See this <a href="https://core.telegram.org/stickers/webm-vp9-encoding">Encoding .WEBM with VP9 Guide</a> for details </p>
</blockquote> </blockquote>
@ -93,13 +93,13 @@
<li>One side of the sticker must be exactly <strong>512 pixels</strong> in size the other side can be 512 pixels <strong>or less</strong>.</li> <li>One side of the sticker must be exactly <strong>512 pixels</strong> in size the other side can be 512 pixels <strong>or less</strong>.</li>
<li>Video duration must not exceed <strong>3 seconds</strong>.</li> <li>Video duration must not exceed <strong>3 seconds</strong>.</li>
<li>Video must have a <strong>transparent layer</strong> (this is a temporary requirement).</li> <li>Video must have a <strong>transparent layer</strong> (this is a temporary requirement).</li>
<li>Video must be looped.</li> <li>Video should be looped for optimal user experience.</li>
<li>Video size must not exceed <strong>256 KB</strong>. </li> <li>Video size must not exceed <strong>256 KB</strong>. </li>
<li>Video must be in .WEBM format encoded with the <strong>VP9 codec</strong>.</li> <li>Video must be in .WEBM format encoded with the <strong>VP9 codec</strong>.</li>
<li>Video must have <strong>no audio stream</strong>.</li> <li>Video must have <strong>no audio stream</strong>.</li>
</ul> </ul>
<h4><a class="anchor" name="uploading-video-stickers" href="#uploading-video-stickers"><i class="anchor-icon"></i></a>Uploading Video Stickers</h4> <h4><a class="anchor" name="uploading-video-stickers" href="#uploading-video-stickers"><i class="anchor-icon"></i></a>Uploading Video Stickers</h4>
<p>Once your stickers are ready, send the <code>/newvideo</code> command to the <a href="t.me/Stickers">@Stickers</a> bot then send it the .WEBM files.</p> <p>Once your stickers are ready, send the <code>/newvideo</code> command to the <a href="https://t.me/Stickers">@Stickers</a> bot then send it the .WEBM files.</p>
<p>Your set will need a .WEBM icon. Icons for video sticker sets must be <strong>100x100 pixels</strong>, with a looped animation not exceeding 3 seconds.</p> <p>Your set will need a .WEBM icon. Icons for video sticker sets must be <strong>100x100 pixels</strong>, with a looped animation not exceeding 3 seconds.</p>
<hr> <hr>
<h3><a class="anchor" name="static-stickers" href="#static-stickers"><i class="anchor-icon"></i></a>Static Stickers</h3> <h3><a class="anchor" name="static-stickers" href="#static-stickers"><i class="anchor-icon"></i></a>Static Stickers</h3>
@ -115,13 +115,13 @@
<p>Tip: a transparent background, white stroke and black shadow effect will make your sticker stand out.</p> <p>Tip: a transparent background, white stroke and black shadow effect will make your sticker stand out.</p>
</blockquote> </blockquote>
<h4><a class="anchor" name="uploading-static-stickers" href="#uploading-static-stickers"><i class="anchor-icon"></i></a>Uploading Static Stickers</h4> <h4><a class="anchor" name="uploading-static-stickers" href="#uploading-static-stickers"><i class="anchor-icon"></i></a>Uploading Static Stickers</h4>
<p>Once your stickers are ready, start a chat with the <a href="t.me/Stickers">@Stickers</a> bot and send the command <code>/newpack</code>. Your sticker set can also have a <strong>custom icon</strong> a <strong>100x100 pixel image</strong> in .PNG or .WEBP format.</p> <p>Once your stickers are ready, start a chat with the <a href="https://t.me/Stickers">@Stickers</a> bot and send the command <code>/newpack</code>. Your sticker set can also have a <strong>custom icon</strong> a <strong>100x100 pixel image</strong> in .PNG or .WEBP format.</p>
<blockquote> <blockquote>
<p>For more info about using the <a href="t.me/Stickers">@Stickers</a> bot, click <a href="#using-the-stickers-bot">here</a>.</p> <p>For more info about using the <a href="https://t.me/Stickers">@Stickers</a> bot, click <a href="#using-the-stickers-bot">here</a>.</p>
</blockquote> </blockquote>
<hr> <hr>
<h3><a class="anchor" name="using-the-stickers-bot" href="#using-the-stickers-bot"><i class="anchor-icon"></i></a>Using the @Stickers Bot</h3> <h3><a class="anchor" name="using-the-stickers-bot" href="#using-the-stickers-bot"><i class="anchor-icon"></i></a>Using the @Stickers Bot</h3>
<p>Publishing and <a href="#editing-sticker-packs">editing</a> sticker packs is <strong>simple</strong> and <strong>automated</strong>, thanks to the <a href="t.me/Stickers">@Stickers</a> bot. It can also show you <a href="#sticker-stats">detailed stats</a> for stickers and packs.</p> <p>Publishing and <a href="#editing-a-sticker-pack">editing</a> sticker packs is <strong>simple</strong> and <strong>automated</strong>, thanks to the <a href="https://t.me/Stickers">@Stickers</a> bot. It can also show you <a href="#sticker-stats">detailed stats</a> for stickers and packs.</p>
<h4><a class="anchor" name="publishing-a-sticker-pack" href="#publishing-a-sticker-pack"><i class="anchor-icon"></i></a>Publishing a Sticker Pack</h4> <h4><a class="anchor" name="publishing-a-sticker-pack" href="#publishing-a-sticker-pack"><i class="anchor-icon"></i></a>Publishing a Sticker Pack</h4>
<p>Once you open the bot, press the <strong>Start button</strong> or send <code>/start</code>. The bot will reply, describing its different commands. It will walk you through step by step, but here&#39;s a quick guide:</p> <p>Once you open the bot, press the <strong>Start button</strong> or send <code>/start</code>. The bot will reply, describing its different commands. It will walk you through step by step, but here&#39;s a quick guide:</p>
<ul> <ul>
@ -132,7 +132,7 @@
<li>Continue uploading all your sticker files.</li> <li>Continue uploading all your sticker files.</li>
<li>When you&#39;re done uploading, send the <code>/publish</code> command.</li> <li>When you&#39;re done uploading, send the <code>/publish</code> command.</li>
<li>Set an icon for your pack <a href="#static-stickers">static sticker</a> packs can <code>/skip</code> this step, but it is required for <a href="#animated-stickers">animated</a> or <a href="#video-stickers">video stickers</a>.</li> <li>Set an icon for your pack <a href="#static-stickers">static sticker</a> packs can <code>/skip</code> this step, but it is required for <a href="#animated-stickers">animated</a> or <a href="#video-stickers">video stickers</a>.</li>
<li>Choose a <strong>short name</strong> for your sticker pack it will be used to create a <strong>shareable link</strong> for the pack like t.me/HotCherry. Congratulations! Your stickers are ready for the world.</li> <li>Choose a <strong>short name</strong> for your sticker pack it will be used to create a <strong>shareable link</strong> for the pack like <a href="https://t.me/addstickers/HotCherry">t.me/addstickers/HotCherry</a>. Congratulations! Your stickers are ready for the world.</li>
</ul> </ul>
<blockquote> <blockquote>
<p>After your pack is finished, you can send <code>/start</code> again to see the full list of commands, or use the bot menu to create another pack, <a href="#editing-a-sticker-pack">edit an existing pack</a>, or <a href="#sticker-stats">see statistics</a>.</p> <p>After your pack is finished, you can send <code>/start</code> again to see the full list of commands, or use the bot menu to create another pack, <a href="#editing-a-sticker-pack">edit an existing pack</a>, or <a href="#sticker-stats">see statistics</a>.</p>
@ -171,7 +171,7 @@
<p>Click <a href="https://core.telegram.org/import-stickers#sticker-formats">here</a> for more information about developing apps for importing stickers.</p> <p>Click <a href="https://core.telegram.org/import-stickers#sticker-formats">here</a> for more information about developing apps for importing stickers.</p>
</blockquote> </blockquote>
<h4><a class="anchor" name="for-users" href="#for-users"><i class="anchor-icon"></i></a>For Users</h4> <h4><a class="anchor" name="for-users" href="#for-users"><i class="anchor-icon"></i></a>For Users</h4>
<p>Users can find apps that allow them to import stickers or quickly <strong>generate their own</strong>. They can also easily <a href="#publishing-a-sticker-pack">publish custom stickers</a> with the <a href="t.me/Stickers">@Stickers</a> bot using <a href="#static-stickers">.PNG</a>, <a href="#static-stickers">.WEBP</a> or <a href="#video-stickers">.WEBM</a> files for stickers from other apps.</p> <p>Users can find apps that allow them to import stickers or quickly <strong>generate their own</strong>. They can also easily <a href="#publishing-a-sticker-pack">publish custom stickers</a> with the <a href="https://t.me/Stickers">@Stickers</a> bot using <a href="#static-stickers">.PNG</a>, <a href="#static-stickers">.WEBP</a> or <a href="#video-stickers">.WEBM</a> files for stickers from other apps.</p>
</div> </div>
</div> </div>

View file

@ -42,17 +42,17 @@
<div id="dev_page_content"><p>The <a href="https://telegram.org/blog/video-stickers-better-reactions">Video Sticker</a> format allows anyone to easily create <strong>high-detail animations</strong> that users can send and share instantly in Telegram.</p> <div id="dev_page_content"><p>The <a href="https://telegram.org/blog/video-stickers-better-reactions">Video Sticker</a> format allows anyone to easily create <strong>high-detail animations</strong> that users can send and share instantly in Telegram.</p>
<h3><a class="anchor" name="video-sticker-requirements" href="#video-sticker-requirements"><i class="anchor-icon"></i></a>Video Sticker Requirements</h3> <h3><a class="anchor" name="video-sticker-requirements" href="#video-sticker-requirements"><i class="anchor-icon"></i></a>Video Sticker Requirements</h3>
<ul> <ul>
<li>Video must be in <strong>.WEBM</strong> format at <strong>24 FPS</strong>.</li> <li>Video must be in <strong>.WEBM</strong> format, we recommend using <strong>24 FPS</strong>.</li>
<li>Video must be encoded with the <strong>VP9 codec</strong>.</li>
<li>Video must have <strong>no audio stream</strong>.</li>
<li>One side must be <strong>512 pixels</strong> in size the other side can be 512 pixels <strong>or less</strong>.</li> <li>One side must be <strong>512 pixels</strong> in size the other side can be 512 pixels <strong>or less</strong>.</li>
<li>Duration must not exceed <strong>3 seconds</strong>.</li> <li>Duration must not exceed <strong>3 seconds</strong>.</li>
<li>Video must have a <strong>transparent layer</strong> (this is a temporary requirement).</li> <li>Video must have a <strong>transparent layer</strong> (this is a temporary requirement).</li>
<li>Video must be looped.</li> <li>Video should be looped for optimal user experience.</li>
<li>Video size must not exceed <strong>256 KB</strong> after encoding. </li> <li>Video size should not exceed <strong>256 KB</strong> after encoding. </li>
<li>Video must be encoded with the <strong>VP9 codec</strong>.</li>
<li>Video must have <strong>no audio stream</strong>.</li>
</ul> </ul>
<h3><a class="anchor" name="encoding-video-files" href="#encoding-video-files"><i class="anchor-icon"></i></a>Encoding Video Files</h3> <h3><a class="anchor" name="encoding-video-files" href="#encoding-video-files"><i class="anchor-icon"></i></a>Encoding Video Files</h3>
<p>You can design you animation in your <strong>preferred app</strong> but depending on the apps export settings, you may need an <strong>encoding program</strong> to create the final file.</p> <p>You can design your animation in your <strong>preferred app</strong> but depending on the apps export settings, you may need an <strong>encoding program</strong> to create the final file.</p>
<blockquote> <blockquote>
<p>Programs like <a href="https://handbrake.fr/downloads.php">Handbrake</a> natively support .WEBM encoding with VP9.</p> <p>Programs like <a href="https://handbrake.fr/downloads.php">Handbrake</a> natively support .WEBM encoding with VP9.</p>
</blockquote> </blockquote>