ç»åãµã¤ãºããã©ã¼ãããã«é¢ããè¦ä»¶ æ¨å¥¨ãµã¤ãº ï¼1200px×628pxï¼æ¨å¥¨ãµã¤ãºã®çºãã®ä»ãµã¤ãºã§ãå
¥ç¨¿å¯è½ï¼ æ¨å¥¨ç»åæ¯ ï¼1.9ï¼1~1:1 ç»åå½¢å¼ï¼jpgãpng ç»å容éï¼3MB以å
æ¨å¥¨ <åè> jpgã¯éå¯éå§ç¸®ã¨ããç»åã®å¦çã®ä»æ¹ããã¦ãã¾ãã Twitterï¼ãã¤ãã¿ã¼ï¼PCçã®æé©ãªç»åãµã¤ãº. Twitterã®ãã«ãã»ã³ã¿ã¼ãTwitteråºååªä½è³æï¼2020å¹´1-3ææï¼ã®æ
å ±ã«ããã¨ãTwitterã®ç»åãµã¤ãºæ
å ±ã¯ä»¥ä¸ã®ã¨ããã§ããå
¬å¼æ
å ±ã®ã»ããã³ã ãã³æ¨å¥¨ã®ç»åãµã¤ãºæ
å ±ãã¾ã¨ãã¦ãã¾ãã Twitterã®ç»å表示ã®ä»æ§ãæ´»ç¨ããäºä¾ Twitterã®ç»åã«ã¯ãä¸è¨ä»¥å¤ã«ã表示æ¹æ³ã«é¢ããç¹å¾´çãªä»æ§ãããã¾ããä»æ§ãæ´»ãããæ稿ã®äºä¾ããç´¹ä»ãã¾ãã ãäºä¾1ã Twitterã§ã¯æ稿ã«4æã¾ã§åçã追å ãããã¨ãã§ãã¾ããããã®åçã®åãã¯æ稿ææ°ã«ãã£ã¦è¡¨ç¤ºã®ããæ¹ãç°ãªãã¾ãã åç ⦠ç»åãµã¤ãº: 横ã®ãµã¤ãºã¯600ãã¯ã»ã«ä»¥ä¸ãæ¨å¥¨ã. Twitterã«ã¼ãã使ã£ãã¨ãã®ãµã ãã¤ã«è¡¨ç¤ºã§èãã¾ããå°ããªæ£æ¹å½¢ã®ãããã¾ãããããã§ã¯å¤§ããªãµã¤ãºã®ãã®ãåãä¸ãã¾ããç»åã®ãµã¤ãºã¯504×252pxã§ãã ããã¯åç´ã«ä¸å¤®ãåãåãããä¸ä¸ã表示ããã¾ããã Facebookã®å ´å SNSç¨ã®æ£æ¹å½¢åç»ã¯ç¸¦æ¨ªæ¯ã1ï¼1ã. (adsbygoogle = window.adsbygoogle || []).push({}); 宣伝ツイートを作るときに「画像プレビュー(TLに流れてくる状態)を綺麗に見せるにはどうしたらいいんだ」ということが気になったので検証した結果をシェアします!, Tシャツ/トート/シール/ポストカード/缶バッジ@designfesta #デザフェス pic.twitter.com/VhGQILAxhu, 事前に調べてみた結果、以下の理由で最適と言われている画像が506×253pxでした。外側から20pxごとに色を変えています。, もう一つはご覧の通り正方形の画像。1000px×1000pxで、100pxごとに色を変えてあります。, 比較のためにPCとモバイル表示の両方を示しますが、基本的にTwitterはモバイルで見られるアプリであるという前提なので、結論で示す最適サイズは「モバイル表示の場合」かつ「プレビューをキレイに表示させたい場合」という認識でいてください。, PC表示は画像サイズ通りにプレビューされますが、モバイルだと横長表示になります。なので1:2の横長が適正と言えるでしょう。, 2枚の時は正方形でも横幅が切り取られ、1000×890px程度の範囲がプレビューされています。なので2枚の時は正方形の画像か、プレビューで表示したい要素を中心に配置するのがベストでしょう。, 画像3枚の時の適正サイズは1枚目が正方形・2枚目と3枚目が横長表示ということになります。, (PC/モバイルにかかわらず)1枚で投稿する際は506×253以上の縦横比1:2の比率が最適, 2枚以降の投稿の場合は、PC表示とモバイル表示で差はありますが、基本的にはモバイルで見られることが多いので横長(506×253px)が推奨。ただしタイムラインに流れるプレビュー画像を綺麗に見せたい場合は”2枚投稿”と”3枚投稿の1枚目”は正方形に近い縦長の長方形でプレビューされるということを意識するといいようです。, ちなみにデザフェスの宣伝ツイートでは検証の結果を反映して、以下のような結果になるように意識しました。, 表示状況によって多少ズレるということも分かりましたが、イラストを投稿する場合は、見せたい部分がプレビューで見切れないように意識するのも大事かなと思ったのでお役に立てば幸いです。. ã¤ã³ã¹ã¿ã°ã©ã ã«ç»åãæ稿ããã¨ããã¿ãªããã¯ã©ããªãµã¤ãºã§æ稿ãã¦ãã¾ããï¼ ã¤ã³ã¹ã¿ã°ã©ã ã§ã¯ç¾å¨ã1:1ãã1.91ï¼1ãã4:5ãã®ã¢ã¹ãã¯ãæ¯ï¼ç»åã®ç¸¦æ¨ªæ¯ã®ãã¨ï¼ã§æ稿ã§ãã¾ãã. ã£ã«ã¡ãã£ã¢ ã©ã, ä»ã¬ã¤ã¢ãã¯ã¹äºæ¥é¨ãµã¼ãã¹ãªã³ã¯. æ£æ¹å½¢è£
飾çãªãã¬ã¼ã ãã®ã¤ã©ã¹ãç´ æããã¦ã³ãã¼ããä½ä¾¡æ ¼ã§ãè³¼å
¥ããã ãã¾ãã Image 48484870. ã§ããããã®ã¾ã¾ã ã¨ãããªãã³ã°ããã¦æ¯çãå¤ãã£ã¦æ稿ããã¾ãã ãµã¤ãºãããã«å¤§ãããã以ä¸ã®æ°´è²ã®æ£æ¹å½¢ç»å(1024px×1024px)ã«ããå ´åã§ãã£ã¦ãã ããªãã³ã°ããã¨ãã«å
¨ã¦æ å
ã«åã¾ãã¾ããã ãªã®ã§ 17Liveã®ãããã£ã¼ã«ã¢ã¤ã³ã³ã«ç»åãµã¤ãºã¯é¢ä¿ãªãããæ£æ¹å½¢ãã§ããã°ã©ããªãµã¤ãºã§ãOKã§ãã ç»åãTwitterã«æ稿ãããã¨ãã¿ã¤ã ã©ã¤ã³ã§è¡¨ç¤ºããããã¬ãã¥ã¼ç»åã®ãµã¤ãºã»æ¯çã¯ãªãªã¸ãã«ã®ç»åã¨ã¯éã£ã¦ãã¾ãã Twitterå
¬å¼ãã¼ã¸ã«ã¯ããåçãããã«é
åçã«è¦ããæ¹æ³ãã¨ãã¦ä»¥ä¸ã®ãããªè¡¨è¨ãããã¾ãã ãã®èª¬æãè¦ãéãã ã¨ã縦2ï¼æ¨ª1ã§ã横2ï¼ç¸¦1ã§ã大ä¸å¤«ãªããã«è¦ãã¾ãããå®éã«ç¸¦2ï¼æ¨ª1ã®ç»åãæ稿ããã¨ä¸ä¸ãããªãåãåããã¾ããããã§ä¸è¨ã®å
¬å¼ãã¼ã¸ã®è¨èªãè±èªã«å¤ãã¦ã¿ ⦠PC用の新UIもあり環境によって変わる可能性があるため、あくまで参考程度にしてください, 1992生の関西人。漫画『毎日でぶどり』を書いています。ブログには働き方や成長・マーケティング・便利ツール・書評について書きます。ご依頼・お問い合わせはお気軽に!, タイムラインに流れるプレビュー画像を綺麗に見せたい場合は”2枚投稿”と”3枚投稿の1枚目”は正方形に近い縦長の長方形でプレビューされるということを意識する, フリーランスに興味がある方必読の一冊「世界一やさしいフリーランスの教科書 1年生」, モバイル表示時はプレビュー画像の横幅が450pxに切り取られるが、見た目上はほぼフルサイズのまま表示できる. ã¤ã³ã¹ã¿ã«åçãæ稿ããæã«ãç»åãµã¤ãºãå¤æ´ããããã¨ã§ãã¢ã«ã¦ã³ãå
¨ä½ã®åçã«çµ±ä¸æãæããããã¨ãã§ãããããããããªé°å²æ°ãåºããããããªãã¾ãããããªã¤ã³ã¹ã¿ã®ç»åãµã¤ãºã«ã¤ãã¦ãã¢ã¹ãã¯ãæ¯ãªã©ã«ã¤ãã¦ããç´¹ä»ãã¾ãã ã使ãã®æ©ç¨®ã«ãã£ã¦ã¯ãã«ã¡ã©ã®è¨å®ã§æ£æ¹å½¢ç»åã«ã§ããªããã¨ãããããããã¾ããã ©Copyright2021 HASHIMOTO NAOKIブログ.All Rights Reserved. ¥ããæ¹æ³. æ稿ç»åã®æ¯çãæèããï¼ æ稿ããç»åã¯ã¦ã¼ã¶ã¼ã«ãã£ã¦ãã©ãã©ã§ããããããããTwitterã®ã¿ã¤ã ã©ã¤ã³ã«è¡¨ç¤ºãããç»åæ¯çã¯ä»æ§ã§æ±ºã¾ã£ã¦ãã¾ãã ãã®æ¯çã¯ããã½ã³ã³ã2:1ã§ãã¹ãã ⦠ã§å²ã¾ããç¶æ
ã§è¡¨ç¤ºããã¾ãã ã4ãç»åããã©ãã¯ããã¨ã«ã¼ã½ã«ã表示ããã¾ãããã©ãã°ããç¶æ
ã§ç»åã好ããªä½ç½®ã«ç§»åãã¾ãã ã¾ããæ稿ç»åã¯ã¿ã¤ã ã©ã¤ã³ä¸ã«æ¨ªå¹
ã506pxã«åã¾ãããã«è¡¨ç¤ºãã¾ããããã§ãå®éã« Twitter ã«ãã¹ãç»åããã¤ã¼ããã¦ã¿ã¾ããã å
æ¥ï¼2017å¹´6æ16æ¥ï¼ãããTwitterã®ã¢ã¤ã³ã³ç»åãå¾æ¥ã®åè§ï¼æ£æ¹å½¢ï¼åãã丸åã¸å¤æ´ããã¾ããããã軽ããéããç°¡åã«ãå©ç¨ããã ããããã«ãã¶ã¤ã³é¨åãä¸å¿ã«å¤æ´ãè¡ãã¾ããã詳細ã¯ãã¡ãããåç
§ãã ããã pic.twi å¤ãã®ãã¼ã ãã¼ã¸ ã®æ
å ±ã«ããã¨ãPCçã® Twitter ã§ã¯ã2:1ããæé©ãªç»åã®æ¯çã¨ããã¦ãã¾ãã. æ°è»½ã«ç»åãæ稿ã§ããTwitterã§ãããããå¤ãã®äººã«ç»åãè¦ã¦ãããããã«ã¯ç»åãµã¤ãºãé©åããæ稿åã«æçµãã§ãã¯ããã¾ãããã Twitterã«æ稿ããç»åã®æ大ãµã¤ãºã¯æ¨ª2048x縦2048ãã¿ã¤ã ã©ã¤ã³ä¸ã§è¡¨ç¤ºããããã®æé©ãªç»åãµã¤ãºã¯æ¨ª506px縦253pxã§ãã Twitterã«æ稿ããç»åããã¿ã¤ã ã©ã¤ã³ä¸ã§ãè¦åãã¦ãã¾ãããã¼ããã¦ãã¾ããã¨æ©ãã§ãã¾ãããï¼ Twitterã®ã¿ã¤ã ã©ã¤ã³ä¸ã§ã綺éºã«è¦ãããæé©ãªç»åãµã¤ãºã«ã¤ãã¦ã¾ã¨ãã¦ã¿ã¾ãããã¾ããå
¬å¼ã¢ããªããæ軽ã«æé©ç»åãä½ãæ¹æ³ããç´¹ä»ãã¾ãã ã®ç»åãä½ãã®ãæã£åãæ©ãã§ãã 800 x 320 pixelsï¼Twitterã®åºåãµã¤ãºï¼ 843 x 403 pixelsï¼Facebookã®ãã¤ã©ã¤ãç»åãµã¤ãºï¼ ¨éã§ãã¾ãã使ãæ¹ããæ軽ã§ãããã¨ããæ£æ¹å½¢ãããã®äººæ°ã®çç±ã®1ã¤ã§ãã ã£ã«ã¡ãã£ã¢ã«ãã£ã¦ãã«ãã¼ç»åãã¢ã¤ã³ã³ç»åãæ稿ããç»åãªã©ã§æ¨å¥¨ããã¦ããç»åãµã¤ãºãç°ãªãã¨ãããã¨ã§ãã. 23æååã¯ãªã³ã¯ã«ä½¿ãããããããã¤ã¼ãæ¬æã«ä½¿ããæåæ°ã¯257æåã§ãï¼æ¥æ¬èªã§12æååã¯ãªã³ã¯ã«ä½¿ãããããããã¤ã¼ãæ¬æã«ä½¿ããæåæ°ã¯128æåã§ãï¼. ãã®å°ºã§ä½ããã¦ãã¾ãã. ä¸è¨ã§ãSNSåç»ãã¨ãã£ã¦ããInstagramãYouTubeãªã©ã®ãµã¼ãã¹ãã¨ã«æ¨å¥¨ããã¦ãããµã¤ãºã¯ç°ãªãã¾ããã¾ããã¤ã³ã¿ã¼ãããç°å¢ãããã¤ã¹ã®é«åº¦åã«ãããæé©ãªç»åãµã¤ãºãå¤åãã¦ããã¾ããä»åã¯ã代表çãªSNSã«ã¢ããããéã«å¿
è¦ãªåç»ãµã¤ãºãæ©è¦è¡¨ã«ãã¦ç´¹ä»ãã¾ãã ï¼ ã¢ããªã®ã¢ãããã¼ãã«ãã£ã¦ããããªãµã¤ãºã®åçãã¢ããã§ããããã«ãªãã¾ããããå®ã¯ã¤ã³ã¹ã¿ã°ã©ã ã«ã¯ æ¨å¥¨ã®ç»åãµã¤ãºãåå¨ ãã¾ãã. LANDSCAPEã¨ãããã¼ã«ã§TwitterãFacebookçSNSã®ãããã¼ç»åãã«ãã¼ç»åãã«ã³ã¿ã³ã«ãªãµã¤ãºãã¦ä½æããæ¹æ³ãç´¹ä»ãã¦ãã¾ããSNSã®ä½æç»åã®ãµã¤ãºãåãããªãæã«ãæ´»ç¨ãã¦ã¿ã¦ã ⦠FacebookãªãFacebookã®æ¨å¥¨ãµã¤ãºãTwitterãªãTwitterã®æ¨å¥¨ãµã¤ãºã«ç»å ⦠æ¹å½¢ç»åã®æ稿ãæ¹ã¨ã¯ï¼ã¤ã³ã¹ã¿ã°ã©ã ã«æ稿ããç»åã®æé©ãªç»åãµã¤ãºã«ã¤ãã¦è§£èª¬ãã¾ãã ¥ã½ãããgimpãã使ã£ã¦ããµã¤ãºãæå®ãã¦ç»åãæ£æ¹å½¢ã«ããªãã³ã°ããæ¹æ³ã解説ãã¾ãã Twitterã®ç»åãµã¤ãºã®ä¸éã¯5MB ã§ãã 5MBã«åã¾ã£ã¦ããã°ç¸¦å¹
ã横å¹
ãªã©ã決ã¾ãã¯ãªãã§ãã ä¸æ¹ãã¹ããã§ã¿ãã¿ã¤ã ã©ã¤ã³ã§è¡¨ç¤ºããã¦ããç»åãµã¤ãºã¯æ¨ª450×縦253pixelã ãã¤ã¼ãæ¬æ: 280æåã. Instagramåºåã«ã¯ããã¤ãã®ç¨®é¡ãããã¾ãããä¸ã§ãä¸çªåºæ¬ã ã¨è¨ããã®ãç»ååºåã§ãã ããã§ä»åã¯ãInstagramåºåã®ç»åãµã¤ãºã«é¢ããè¦å®ããInstagramåºåã®ç»ååºåã§ææãä¸ããããã®ã³ãã«ã¤ãã¦ããç´¹ä»ãã¦ããããã¨æãã¾ãã ç»åãæ稿ããéã«ã¯ãç»åãµã¤ãºï¼ãã¯ã»ã«ï¼pxï¼ã¨ã¢ã¹ãã¯ãæ¯ã«æ°ãä»ãã¾ãããã ã¢ã¹ãã¯ãæ¯ã¨ã¯ç»åã®ç¸¦æ¨ªæ¯ã®ãã¨ã§ãã Instagramã®æ稿ç»åã¯æ¨ªå¹
ãæ大1080ãã¯ã»ã«ãã¢ã¹ãã¯ãæ¯1.91:1ï½4.5 ã®ãã®ããµãã¼ãããã¦ãã¾ãã 大ããç»åï¼1200ãã¯ã»ã«ãªã©ï¼ã使ã£ãæ¹ããå©ç¨è
ãç»åãæ¡å¤§ããã¨ãã«ç²¾ç´°ã«è¡¨ç¤ºããã¾ãã. ã§ã¢ãã¾ãï¼. ãã¸ã¿ã«ã¤ã©ã¹ãã®ãã£ã³ãã¹ãµã¤ãºã§æ©ããã¨ã¯ããã¾ãããï¼å®ã¯ãã¤ã³ããæ¼ãããã°é©åãªãµã¤ãºé¸ã³ãé£ãããªãã®ã§ããã¾ã¨ãã¦ã¿ãã®ã§ãã²ä¸åº¦ç¢ºèªãã¦ããã¾ãããã ã¾ã¨ãã¦ã¿ã¾ããã®ã§é©åãªãµã¤ãºã§ã¤ã©ã¹ããä»ä¸ããããã®åèã«ãã¦ã¿ã¦ä¸ãããã ããã« ã3ææ稿ãããã¨æã£ãæã®æé©ãªç»åãµã¤ãºã¯ã©ã®ããããªã®ãï¼ ãpc表示ã¨ã¢ãã¤ã«ã¯ã©ãéãï¼