telegram-crawler/data/web/telegram.org/blog/instant-view.html
2022-09-16 18:37:12 +00:00

269 lines
18 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>Instant View, Telegraph, and Other Goodies</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Instant View, Telegraph, and Other Goodies">
<meta property="og:image" content="https://telegram.org/file/811140505/3/_dlst-OYofc.208225/903d7579a66642b441">
<meta property="og:site_name" content="Telegram">
<meta property="og:description" content="Meet Instant View, a elegant way to view articles with zero pageload time. To try it out, use Telegram version 3.14 to share a link to a Medium post or a TechCrunch article. This will get you an Instant View button that immediately shows a native page, saving you time and data.">
<meta property="article:published_time" content="2016-11-22T20:07:37+00:00"><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:image" content="https://telegram.org/file/811140505/3/_dlst-OYofc.208225/903d7579a66642b441" />
<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="https://telegram.org/blog/instant-view" />
<link rel="icon" type="image/svg+xml" href="/img/website_icon.svg?4">
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
<link rel="alternate icon" href="/img/favicon.ico" type="image/x-icon" />
<link href="/css/bootstrap.min.css?3" rel="stylesheet">
<link href="/css/telegram.css?232" rel="stylesheet" media="screen">
</head>
<body class="preload">
<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="dropdown top_lang_select"><a class="dropdown-toggle" onclick="return dropdownClick(this, event)" href="#"><i class="dev_top_lang_icon"></i>EN <b class="minicaret"></b></a>
<ul class="dropdown-menu"><li class="chosen "><a href="?setln=en">English</a></li><li class="long "><a href="?setln=id">Bahasa Indonesia</a></li><li class="long "><a href="?setln=ms">Bahasa Melayu</a></li><li class=""><a href="?setln=de">Deutsch</a></li><li class=""><a href="?setln=es">Español</a></li><li class=""><a href="?setln=fr">Français</a></li><li class=""><a href="?setln=it">Italiano</a></li><li class=""><a href="?setln=nl">Nederlands</a></li><li class=""><a href="?setln=uz">Ozbek</a></li><li class=""><a href="?setln=pl">Polski</a></li><li class="long "><a href="?setln=pt-br">Português (Brasil)</a></li><li class=""><a href="?setln=tr">Türkçe</a></li><li class=""><a href="?setln=be">Беларуская</a></li><li class=""><a href="?setln=ru">Русский</a></li><li class=""><a href="?setln=uk">Українська</a></li><li class=""><a href="?setln=ar">العربية</a></li><li class=""><a href="?setln=fa">فارسی</a></li><li class=""><a href="?setln=ko">한국어</a></li></ul></li><li class="navbar-twitter hidden-xs"><a href="https://twitter.com/telegram" target="_blank" data-track="Follow/Twitter" onclick="trackDlClick(this, event)"><i class="icon icon-twitter"></i> Twitter</a></li></ul>
<ul class="nav navbar-nav">
<li class=""><a href="/">Home</a></li>
<li class=""><a href="/faq">FAQ</a></li>
<li class=""><a href="/apps">Apps</a></li>
<li class="hidden-xs "><a href="//core.telegram.org/api">API</a></li>
<li class="hidden-xs "><a href="//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">
<div class="side_blog">
<a href="/blog" class="side_blog_header">Recent News</a>
<div class="side_blog_entries">
<a href="/blog/infinite-reactions-statuses" class="side_blog_entry">
<div class="side_blog_date">Sep 16</div>
<div class="side_blog_title">Infinite Reactions, Emoji Statuses and Much More</div>
</a><a href="/blog/custom-emoji" class="side_blog_entry">
<div class="side_blog_date">Aug 12</div>
<div class="side_blog_title">Custom Animated Emoji, Gifting Telegram Premium, and More</div>
</a><a href="/blog/700-million-and-premium" class="side_blog_entry">
<div class="side_blog_date">Jun 21</div>
<div class="side_blog_title">700 Million Users and Telegram Premium</div>
</a><a href="/blog/notifications-bots" class="side_blog_entry">
<div class="side_blog_date">Apr 16</div>
<div class="side_blog_title">Notification Sounds, Bot Revolution and More</div>
</a><a href="/blog/downloads-attachments-streaming" class="side_blog_entry">
<div class="side_blog_date">Mar 11</div>
<div class="side_blog_title">Download Manager, New Attachment Menu, Live Streaming With Other Apps and More</div>
</a><a href="/blog/video-stickers-better-reactions" class="side_blog_entry">
<div class="side_blog_date">Jan 31</div>
<div class="side_blog_title">Video Stickers, Better Reactions and More</div>
</a><a href="/blog/reactions-spoilers-translations" class="side_blog_entry">
<div class="side_blog_date">Dec 30</div>
<div class="side_blog_title">Reactions, Spoilers, Translation and QR Codes</div>
</a>
</div>
</div>
</div></div>
<div id="dev_page_content_wrap" class=" ">
<div class="dev_page_bread_crumbs"></div>
<h1 id="dev_page_title">Instant View, Telegraph, and Other Goodies</h1>
<div id="dev_page_content"><div class="blog_side_image_wrap">
<img src="/file/811140520/1/u1WmYCpjBoQ/ea7ebbbc053abd591d" class="blog_side_image"/>
</div>
<div class="blog_wide_image">
<a href="/file/811140505/3/_dlst-OYofc.208225/903d7579a66642b441" target="_blank"><img src="/file/811140505/3/_dlst-OYofc.208225/903d7579a66642b441" title="This blog post was the first one to get its own full color illustration (the bot prize one was cut out of a poster). And if you were looking for the only funny alt text added before Summer 2019, you've found it. Go home. Yes, I know it's not really that funny."/></a>
</div>
<div>Meet <b>Instant View</b>, an elegant way to view <s>your dog</s> articles with zero pageload time. To try it out, use Telegram version <b>3.14</b> to share a link to a <b><a href="https://medium.com">Medium</a></b> post or a <a href="https://techcrunch.com"><b>TechCrunch</b></a> article. This will get you an <i>Instant View</i> button that immediately shows a native page, saving you time and data. </div>
<div class="blog_2images_wrap">
<div class="blog_image_wrap">
<a href="/file/811140831/2/hCo6ELf7oWs.134511/4233a17be835481dc4" target="_blank"><img src="/file/811140831/2/hCo6ELf7oWs.134511/4233a17be835481dc4" title="Instant View button"/></a>
<p>Instant View button</p>
</div>
<div class="blog_image_wrap">
<a href="/file/811140368/2/RfcQmOykCAE.162784/ae6ebd67a71e9a0bee" target="_blank"><img src="/file/811140368/2/RfcQmOykCAE.162784/ae6ebd67a71e9a0bee" title="Full peview"/></a>
<p>Saves time and data</p> </div>
</div>
<p>If you have feedback about the way an Instant View page was generated, ping our <a href="https://telegram.me/previews">@previews</a> bot. Only a handful of websites are supported at the moment, but we&#39;ll be adding more as we go. Eventually we want to provide Instant View pages for every story on the Web and thus devour the entire Internet (*evil laugh*).</p>
<h3><a class="anchor" name="telegraph" href="#telegraph"><i class="anchor-icon"></i></a>Telegraph</h3>
<p>Today we are launching <a href="https://telegra.ph"><strong>Telegraph</strong></a> a publishing tool that lets you create richly formatted posts with photos and all sorts of embedded stuff. Telegraph posts get beautiful Instant View pages on Telegram.</p>
<p>To try it, go to <a href="https://telegra.ph"><strong>telegra.ph</strong></a>, publish a story, and share it on Telegram. With Telegraph, your Telegram channel can run stories just like the mainstream media (although you may find it tricky to become as biased).</p>
<h3><a class="anchor" name="jump-to-date" href="#jump-to-date"><i class="anchor-icon"></i></a>Jump to Date</h3>
<p>You can now travel in time to any moment in the past. Just tap <strong>Search</strong> inside a chat and choose a day using the <strong>Calendar</strong> tool. </p>
<div class="blog_2images_wrap">
<div class="blog_image_wrap">
<a href="/file/811140633/3/li2YSyBrIko.95469/a1f69dca2b7e762940" target="_blank"><img src="/file/811140633/3/li2YSyBrIko.95469/a1f69dca2b7e762940" title="Calendar button"/></a>
<p>Calendar button</p>
</div>
<div class="blog_image_wrap">
<a href="/file/811140654/2/AGv-djof444.62597/42fdfa8a58cdd6b7ab" target="_blank"><img src="/file/811140654/2/AGv-djof444.62597/42fdfa8a58cdd6b7ab" title="Pick a day"/></a>
<p>Pick a day</p> </div>
</div>
<p>Unfortunately, this doesn&#39;t work with dates from the future. Sorry, no flying cars and hoverboards for you today.</p>
<h3><a class="anchor" name="view-pack-for-recent-stickers" href="#view-pack-for-recent-stickers"><i class="anchor-icon"></i></a>View Pack for Recent Stickers</h3>
<p>Remember all those times when you had a sad Pepe among your recently sent stickers? If youre like us, your natural desire wouldve been to reunite the sad Pepe with the rest of his family by scrolling to the <a href="https://telegram.me/addstickers/SuperPepe">Pepe pack</a> in your sticker panel.</p>
<p>You can now do that in an instant: try a long tap (or 3D-touch on iOS) on a recent sticker, then choose View Pack. Hey presto! For some mysterious reason, this also works with non-Pepe stickers.</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="/file/811140254/2/G8ZwLA-hOMY.67414/0620f6a222e28d0976" autoplay loop controls muted>
<source src="/file/811140934/2/zdiDO6qiVKc.1141368.mp4/1fe0052aa657009124" type="video/mp4">
</video>
</div>
</div>
<!---/file/811140979/5/zR0PDURbvOs.1156175.mp4/c675825e3a1ed4e3d6--->
<h3><a class="anchor" name="groups-in-common" href="#groups-in-common"><i class="anchor-icon"></i></a>Groups in Common</h3>
<p>Sometimes you want to find a group in your chats, but cant recall the title. Heres a life-hack for you: think about a contact of yours that was also a member in that group. This association technique may help you bring back the title too. If it doesnt, open that contacts profile and tap <strong>Groups in Common</strong>. </p>
<h3><a class="anchor" name="android-strikes-back" href="#android-strikes-back"><i class="anchor-icon"></i></a>Android Strikes Back</h3>
<p>Some of you Android users told us we loved iPhones more than Androids. That almost made us cry (remember the sad Pepe in our recent stickers?). To make things right with you, we fired our iOS dev, who was too good. </p>
<p>Well, not really. We simply locked ourselves in the coding basement for several weeks to bring you this:</p>
<ul>
<li>A slick new interface for creating groups and selecting users in privacy settings (shiny animations included).</li>
<li>A new beautiful interface for notification settings.</li>
<li>Improved security for passcode locks (your chats won&#39;t be seen in the task switcher now). This one also works on iOS.</li>
<li>Improved camera speed when taking photos and videos.</li>
<li>Better video compression.</li>
<li>An improved and less obstructive photo viewer.</li>
<li>Easier editing of messages and adding captions to photos.</li>
</ul>
<p>And that&#39;s just getting us warmed up. Make Android Great Again! </p>
<h3><a class="anchor" name="also" href="#also"><i class="anchor-icon"></i></a>Also</h3>
<p>Something big is brewing in our secret dungeons. Stay tuned.</p>
<div><br></div>
<p><em>November 22, 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%2Finstant-view&text=Instant%20View%20for%20articles%2C%20Jump%20to%20Date%2C%20Groups%20in%20Common%2C%20and%20Telegraph%20%E2%80%93%20a%20publishing%20tool." class="tl_telegram_share_btn" id="tl_telegram_share_btn" data-text="Instant View for articles, Jump to Date, Groups in Common, and Telegraph a publishing tool." data-url="https://telegram.org/blog/instant-view"><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="Instant View for articles, Jump to Date, Groups in Common, and Telegraph a publishing tool." data-url="https://telegram.org/blog/instant-view" data-via="Telegram">Tweet <span class="tl_twitter_share_cnt"></span></a>
</div>
</div>
<div class="tl_main_recent_news_wrap tlb_other_news_wrap tl_blog_list_page_wrap">
<h3 class="tl_main_recent_news_header">
<a href="/blog">Other News</a>
</h3>
<div class="tl_main_recent_news_cards clearfix">
<a class="dev_blog_card_link_wrap" href="/blog/infinite-reactions-statuses"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/464001851/10bd6/sDwj4p_0m-0.293264/66eebb00fd46acb1ce" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Infinite Reactions, Emoji Statuses and Much More</h4>
<div class="dev_blog_card_lead">Telegram&#39;s previous update revolutionized emoji, adding an open platform for creating custom animated emoji. This update gives you even…</div>
</div>
<div class="dev_blog_card_date">Sep 16, 2022</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/custom-emoji"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/464001738/111e0/RVvmuGtCK0A.285280/6148669b1197e199ff" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Telegram Emoji Platform, Custom Animated Emoji Packs, Gifting Telegram Premium, and More</h4>
<div class="dev_blog_card_lead">Today&#39;s update introduces the Telegram Emoji Platform, animated emoji in messages and captions…</div>
</div>
<div class="dev_blog_card_date">Aug 12, 2022</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/700-million-and-premium"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/464001006/1044e/ZDyna5YyQwE.51909/a7532c511d9bab9ea9" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">700 Million Users and Telegram Premium</h4>
<div class="dev_blog_card_lead">Telegram now has over 700 million monthly active users. Today we&#39;re launching Telegram Premium a subscription that lets you support Telegram&#39;s continued development and gives access…</div>
</div>
<div class="dev_blog_card_date">Jun 21, 2022</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/notifications-bots"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/464001531/fb90/y871yZUW70Y.372928/9fdf3a084a04b47ec8" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Notification Sounds, Bot Revolution and More</h4>
<div class="dev_blog_card_lead">Today&#39;s update adds creating your own notification tones, setting custom durations for muting chats or auto-deleting messages, as well…</div>
</div>
<div class="dev_blog_card_date">Apr 16, 2022</div>
</div></a>
</div>
</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="/faq">About</a></h5>
<ul>
<li><a href="/faq">FAQ</a></li>
<li><a href="/privacy">Privacy</a></li>
<li><a href="/press">Press</a></li>
</ul>
</div>
<div class="footer_column">
<h5><a href="/apps#mobile-apps">Mobile Apps</a></h5>
<ul>
<li><a href="/dl/ios">iPhone/iPad</a></li>
<li><a href="/android">Android</a></li>
<li><a href="/dl/web">Mobile Web</a></li>
</ul>
</div>
<div class="footer_column">
<h5><a href="/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="/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="/faq">About</a></h5>
</div>
<div class="footer_column">
<h5><a href="/blog">Blog</a></h5>
</div>
<div class="footer_column">
<h5><a href="/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>
<script src="/js/main.js?46"></script>
<script>initScrollVideos(true);
twitterCustomShareInit();
blogSideImageInit();
backToTopInit("Go up");
removePreloadInit();
</script>
</body>
</html>