<!DOCTYPE html>
<html>
<!-- Mirrored from telegram.org/blog/share-preview by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 21 Apr 2020 05:14:14 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
<meta charset="utf-8">
<title>Sharing and Previews</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Sharing and Previews">
<meta property="og:image" content="../file/811140019/1/mL_-WSj67g0/fe5ed63c6d04406980.gif">
<meta property="og:site_name" content="Telegram">
<meta property="og:description" content="More than Bots 2.0 in version 3.8: check out the new sharing/previews and shiny new looks.">
<meta property="article:published_time" content="2016-04-12T01:55:35+00:00"><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:image" content="../file/811140019/1/mL_-WSj67g0/fe5ed63c6d04406980.gif" />
<meta property="fb:app_id" content="254098051407226">
<meta property="vk:app_id" content="3782569">
<meta name="apple-itunes-app" content="app-id=686449807">
<meta name="telegram:channel" content="@telegram">
<link rel="canonical" href="share-preview.html" />
<link rel="shortcut icon" href="../faviconeccb.ico?3" type="image/x-icon" />
<link rel="mask-icon" href="../img/website_icon.svg" color="#299ed8">
<link href="../css/bootstrap.mineccb.css?3" rel="stylesheet">
<link href="../css/telegramcede.css?183" rel="stylesheet" media="screen">
<style>
</style>
</head>
<body>
<div id="fb-root"></div>
<div class="tl_page_wrap">
<div class="tl_page_head navbar navbar-static-top navbar navbar-tg">
<div class="navbar-inner">
<div class="container clearfix">
<ul class="nav navbar-nav navbar-right"><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 class="hidden-xs"> Twitter</span></a></li></ul>
<ul class="nav navbar-nav">
<li class=""><a href="../index.html">Home</a></li>
<li class=""><a href="../faq.html">FAQ</a></li>
<li class=""><a href="../apps.html">Apps</a></li>
<li class="hidden-xs "><a href="http://core.telegram.org/api">API</a></li>
<li class="hidden-xs "><a href="http://core.telegram.org/mtproto">Protocol</a></li>
</ul>
</div>
</div>
</div>
<div class="container clearfix tl_page_container ">
<div class="tl_page">
<div class="tl_contest_page_wrap">
<div class="tl_blog_side_blog"><div class="side_blog_wrap">
<a href="../blog.html" class="side_blog_header">Recent News</a>
<div class="side_blog_entries">
<a href="coronavirus.html" class="side_blog_entry">
<div class="side_blog_date">Apr 3</div>
<div class="side_blog_title">Coronavirus News and Verified Channels</div>
</a><a href="folders.html" class="side_blog_entry">
<div class="side_blog_date">Mar 30</div>
<div class="side_blog_title">Chat Folders, Archive, Channel Stats and More</div>
</a><a href="new-profiles-people-nearby.html" class="side_blog_entry">
<div class="side_blog_date">Feb 13</div>
<div class="side_blog_title">New Profiles, Fast Media Viewer and People Nearby 2.0</div>
</a><a href="polls-2-0-vmq.html" class="side_blog_entry">
<div class="side_blog_date">Jan 23</div>
<div class="side_blog_title">Polls 2.0: Visible Votes, Multiple Answers, and Quiz Mode</div>
</a><a href="ton-gram-notice.html" class="side_blog_entry">
<div class="side_blog_date">Jan 6</div>
<div class="side_blog_title">A Public Notice About the TON Blockchain and Grams</div>
</a><a href="verifiable-apps-and-more.html" class="side_blog_entry">
<div class="side_blog_date">Dec 31</div>
<div class="side_blog_title">Verifiable Builds, New Theme Editor, Send When Online and So Much More</div>
</a><a href="scheduled-reminders-themes.html" class="side_blog_entry">
<div class="side_blog_date">Sep 5</div>
<div class="side_blog_title">Scheduled Messages, Reminders, Custom Cloud Themes and More Privacy</div>
</a>
</div>
</div></div>
<div id="dev_page_content_wrap" class=" ">
<h1 id="dev_page_title" dir="auto">Sharing and Previews</h1>
<div id="dev_page_content" dir="auto"><div class="blog_side_image_wrap">
<img src="../file/811140019/1/mL_-WSj67g0/fe5ed63c6d04406980.gif" class="blog_side_image"/>
</div>
<p>In addition to a <a href="bots-2-0.html">major update to our Bot Platform</a>, we're making several design and interface improvements to our apps today. This post mostly shows <a href="https://itunes.apple.com/app/telegram-messenger/id686449807">iOS</a> screenshots, but be sure to check out the massive Android <a href="#new-design">redesign</a> we did in this version.</p>
<h4><a class="anchor" name="a-fresh-new-look-at-sharing" href="#a-fresh-new-look-at-sharing"><i class="anchor-icon"></i></a>A fresh new look at sharing</h4>
<p>Starting today, our <a href="https://itunes.apple.com/app/telegram-messenger/id686449807">iOS</a> users can easily share photos and videos to other Telegram chats with a comment, or send them to other apps.</p>
<div class="blog_2images_wrap">
<div class="blog_image_wrap">
<a href="../file/811140546/2/Zgl7pE0-AXs/5440cfa2dfb0b8b4e0.jpg" target="_blank"><img src="../file/811140546/2/Zgl7pE0-AXs/5440cfa2dfb0b8b4e0.jpg" title="New sharing menu"/></a>
<p>New sharing menu</p>
</div>
<div class="blog_image_wrap">
<a href="../file/811140278/1/yOS21IW0HG4/530ddb105575cd3086.jpg" target="_blank"><img src="../file/811140278/1/yOS21IW0HG4/530ddb105575cd3086.jpg" title="Open in other apps"/></a>
<p>Open in other apps</p> </div>
</div>
<h4><a class="anchor" name="new-video-player" href="#new-video-player"><i class="anchor-icon"></i></a>New video player</h4>
<p>We've also added a new slick in-app media player so that you can watch videos from YouTube and other services in style. It will also take you fewer taps to start watching.</p>
<div class="blog_image_wrap">
<a href="../file/811140658/1/BLSfGB4kDLk/86049f8ad3711d49dc.jpg" target="_blank"><img src="../file/811140658/1/BLSfGB4kDLk/86049f8ad3711d49dc.jpg" title="New in-app video player" /></a>
<p>New in-app video player</p>
</div>
<h4><a class="anchor" name="preview-sticker-packs-and-stickers" href="#preview-sticker-packs-and-stickers"><i class="anchor-icon"></i></a>Preview sticker packs and stickers</h4>
<p>Adding new sticker packs has become easier. Tapping on any sticker in a chat will now instantly open the relevant sticker pack. You can preview and send stickers right from this menu. Now you won't have to teach your grandparents how to add stickers.</p>
<div class="blog_2images_wrap">
<div class="blog_image_wrap">
<a href="../file/811140295/2/cAL_A2vfFUE/6566c91ec069b51135.jpg" target="_blank"><img src="../file/811140295/2/cAL_A2vfFUE/6566c91ec069b51135.jpg" title="View sticker pack"/></a>
<p>View sticker pack</p>
</div>
<div class="blog_image_wrap">
<a href="../file/811140387/1/BM3ZuRjzIqA/f5a5c5889cb1fc7622.jpg" target="_blank"><img src="../file/811140387/1/BM3ZuRjzIqA/f5a5c5889cb1fc7622.jpg" title="If you're thinking that the sticker preview is strangely off-center here, consider that there's actually a finger holding the small version of that sticker on the phone screen at this moment."/></a>
<p>Preview sticker</p> </div>
</div>
<h4><a class="anchor" name="preview-gifs-and-bot-content" href="#preview-gifs-and-bot-content"><i class="anchor-icon"></i></a>Preview GIFs and bot content</h4>
<p>On iOS, ‘Tap and hold to preview’ also works with GIFs in the GIF panel. Pull up for additional actions.</p>
<div class="smartphone_video_player_wrap">
<div class="smartphone_video_player_iphone">
<video class="smartphone_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" poster="../resources/video/cover/GIFs.png" autoplay loop controls muted>
<source src="../resources/video/GIFs.mp4" type="video/mp4">
</video>
</div>
</div>
<p>The same is true for content from inline bots. Tap and hold to preview results suggested by inline bots before sending. Try it now with <a href="https://telegram.me/gif">@gif</a>, <a href="https://telegram.me/sticker">@sticker</a> or <a href="https://telegram.me/coub">@coub</a>.</p>
<p>Don't worry, this is coming soon to Android too! Speaking of which…</p>
<h4><a class="anchor" name="new-design" href="#new-design"><i class="anchor-icon"></i></a>New design</h4>
<p>The Android app received a major tuneup in the design department. We've redesigned the chat screen, optimized the colors, reimagined buttons and message bubbles, created beautiful progress bars, fully revamped documents and other attachments.</p>
<div class="blog_3images_wrap">
<div class="blog_image_wrap">
<a href="../file/811140063/1/mY1DqPgP_pM/b9d26f1457a9872f7d.png" target="_blank"><img src="../file/811140063/1/mY1DqPgP_pM/b9d26f1457a9872f7d.png" title="New design on Android"/></a>
</div>
<div class="blog_image_wrap">
<a href="../file/811140166/5/NOJqcpS5yIw/cf97dee23c01925ae2.png" target="_blank"><img src="../file/811140166/5/NOJqcpS5yIw/cf97dee23c01925ae2.png" title="New design on Android"/></a>
</div>
<div class="blog_image_wrap">
<a href="../file/811140207/2/08TjrnQOuw0/affd4f697ced476de3.png" target="_blank"><img src="../file/811140207/2/08TjrnQOuw0/affd4f697ced476de3.png" title="New design on Android"/></a>
</div>
</div>
<p>We've also improved the design of our iOS app, adding juicy progress bars and a new look for documents. <a href="https://desktop.telegram.org/">Telegram Desktop</a> has also received multiple design improvements and now fully supports the <a href="bots-2-0.html">new bots</a>.</p>
<div><br></div>
<blockquote>
<p>Yes, don‘t forget that in addition to the above we’re introducing the biggest update to our bot platform since June 2015 today. <a href="bots-2-0.html">Read more about Bots 2.0 »</a></p>
</blockquote>
<div><br></div>
<p><em>April 12, 2016<br>The Telegram Team</em></p>
</div>
</div>
<div class="tl_main_share clearfix">
<a href="https://t.me/share/url?url=https%3A%2F%2Ftelegram.org%2Fblog%2Fshare-preview&text=More%20than%20Bots%202.0%20in%20version%203.8%3A%20check%20out%20the%20new%20sharing%2Fpreviews%20and%20shiny%20new%20looks." class="tl_telegram_share_btn" id="tl_telegram_share_btn" data-text="More than Bots 2.0 in version 3.8: check out the new sharing/previews and shiny new looks." data-url="share-preview.html"><i class="tl_telegram_share_icon"></i><span class="tl_telegram_share_label" target="_blank">Forward</span></a>
<a href="https://twitter.com/share" class="tl_twitter_share_btn" id="tl_twitter_share_btn" data-text="More than Bots 2.0 in version 3.8: check out the new sharing/previews and shiny new looks." data-url="https://telegram.org/blog/share-preview" data-via="Telegram">Tweet <span class="tl_twitter_share_cnt"></span></a>
</div>
<div class="tl_blog_bottom_blog"><div class="side_blog_wrap">
<a href="../blog.html" class="side_blog_header">Recent News</a>
<div class="side_blog_entries">
<a href="coronavirus.html" class="side_blog_entry">
<div class="side_blog_date">Apr 3</div>
<div class="side_blog_title">Coronavirus News and Verified Channels</div>
</a><a href="folders.html" class="side_blog_entry">
<div class="side_blog_date">Mar 30</div>
<div class="side_blog_title">Chat Folders, Archive, Channel Stats and More</div>
</a><a href="new-profiles-people-nearby.html" class="side_blog_entry">
<div class="side_blog_date">Feb 13</div>
<div class="side_blog_title">New Profiles, Fast Media Viewer and People Nearby 2.0</div>
</a><a href="polls-2-0-vmq.html" class="side_blog_entry">
<div class="side_blog_date">Jan 23</div>
<div class="side_blog_title">Polls 2.0: Visible Votes, Multiple Answers, and Quiz Mode</div>
</a><a href="ton-gram-notice.html" class="side_blog_entry">
<div class="side_blog_date">Jan 6</div>
<div class="side_blog_title">A Public Notice About the TON Blockchain and Grams</div>
</a><a href="verifiable-apps-and-more.html" class="side_blog_entry">
<div class="side_blog_date">Dec 31</div>
<div class="side_blog_title">Verifiable Builds, New Theme Editor, Send When Online and So Much More</div>
</a><a href="scheduled-reminders-themes.html" class="side_blog_entry">
<div class="side_blog_date">Sep 5</div>
<div class="side_blog_title">Scheduled Messages, Reminders, Custom Cloud Themes and More Privacy</div>
</a>
</div>
</div></div>
</div>
</div>
</div>
</div>
<div class="footer_wrap">
<div class="footer_columns_wrap clearfix 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="../faq.html">About</a></h5>
<ul>
<li><a href="../faq.html">FAQ</a></li>
<li><a href="../blog.html">Blog</a></li>
<li><a href="../jobs.html">Jobs</a></li>
</ul>
</div>
<div class="footer_column">
<h5><a href="../apps.html#mobile-apps">Mobile Apps</a></h5>
<ul>
<li><a href="https://itunes.apple.com/app/telegram-messenger/id686449807">iPhone/iPad</a></li>
<li><a href="../dl/android.html">Android</a></li>
<li><a href="https://www.microsoft.com/store/apps/9WZDNCRDZHS0">Windows Phone</a></li>
</ul>
</div>
<div class="footer_column">
<h5><a href="../apps.html#desktop-apps">Desktop Apps</a></h5>
<ul>
<li><a href="http://desktop.telegram.org/">PC/Mac/Linux</a></li>
<li><a href="http://macos.telegram.org/">macOS</a></li>
<li><a href="https://web.telegram.org/">Web-browser</a></li>
</ul>
</div>
<div class="footer_column footer_column_platform">
<h5><a href="http://core.telegram.org/">Platform</a></h5>
<ul>
<li><a href="http://core.telegram.org/api">API</a></li>
<li><a href="http://translations.telegram.org/">Translations</a></li>
<li><a href="http://instantview.telegram.org/">Instant View</a></li>
</ul>
</div>
</div>
<div class="footer_columns_wrap clearfix footer_mobile">
<div class="footer_column">
<h5><a href="../faq.html">About</a></h5>
</div>
<div class="footer_column">
<h5><a href="../blog.html">Blog</a></h5>
</div>
<div class="footer_column">
<h5><a href="../apps.html">Apps</a></h5>
</div>
<div class="footer_column">
<h5><a href="http://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>
<script src="../js/main02e7.js?27"></script>
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','http://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-45099287-1', 'auto');
ga('set', 'anonymizeIp', true);
ga('send', 'pageview');initScrollVideos(true);
twitterCustomShareInit();
blogSideImageInit();
backToTopInit();
</script>
</body>
<!-- Mirrored from telegram.org/blog/share-preview by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 21 Apr 2020 05:14:17 GMT -->
</html>
<!-- page generated in 13.96ms -->