{"id":3334,"date":"2014-03-13T17:47:15","date_gmt":"2014-03-13T17:47:15","guid":{"rendered":"http:\/\/www.bigstockphoto.com\/blog\/uncategorized\/4-visual-ways-to-create-a-cooler-twitter-page\/"},"modified":"2014-03-13T17:47:15","modified_gmt":"2014-03-13T17:47:15","slug":"4-visual-ways-to-create-a-cooler-twitter-page","status":"publish","type":"post","link":"https:\/\/www.bigstockphoto.com\/blog\/uncategorized\/4-visual-ways-to-create-a-cooler-twitter-page\/","title":{"rendered":"4 VISUAL WAYS TO CREATE A COOLER TWITTER PAGE"},"content":{"rendered":"<p><a href=\"http:\/\/www.bigstockphoto.com\/blog\/free-trial?utm_source=social_free_trial&amp;pl=BSBLUS&amp;cr=FreeTrial\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2014\/03\/a1845-blog_footer_freetrial3_1.jpg\" alt=\"\" \/><\/a><\/p>\n<p>      <img decoding=\"async\" src=\"https:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2014\/03\/3d80f-header-twitter-post.jpg\" alt=\"\" \/><\/p>\n<p>Whether you&#8217;re representing your brand, blog, business or yourself with a Twitter page, you&#8217;ll want to make the most of it. Images can help you do that. It helps to keep specific dimensions in mind while also using images that work well and look good. This article will walk you through some guidelines for optimizing the look of your Twitter page.<\/p>\n<p><em>Author&#8217;s Note: I will be using specifics (including pixel counts), but there is a lot of breathing room. Sometimes it just takes a little trial and error by uploading the image, previewing it, and getting a feel for how images &#8216;land&#8217; on Twitter&#8217;s platform.<\/em><\/p>\n<p><strong>1. BACKGROUND IMAGE.<\/strong> Twitter has several pre-loaded background images to choose from, but they are pretty generic, and in no way unique to your own badass identity. You can always upload your own background image. It&#8217;s often helpful to use a nice-looking pattern or texture as background image. It&#8217;s also common to use the space for information.<\/p>\n<p>Keep in mind that the majority of screens people are using are 1368&#215;768, but there are plenty of people using smaller or bigger screens. A lot of folks on the internet recommend using a standard 1600 x 1200 pixel background, but I find that this doesn&#8217;t quite work for those peeps in creative and tech fields using large monitors. So if you are using a Bigstock <a target=\"_blank\" href=\"http:\/\/www.bigstockphoto.com\/blog\/search\/pattern-texture\/\">pattern or texture<\/a> as opposed to a solid color, I would recommend extending it out to the right side to reach to 2500 pixels wide. If it&#8217;s something you don&#8217;t want to enlarge or extend, Twitter gives you the option to choose a solid background color which, when needed, will extend out beyond the area of your image.<\/p>\n<figure style=\"width: 1490px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"https:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2014\/03\/32133-img.png\" alt=\" Twitter background image guides: 10 px safety margin; important content within 210 px;&nbsp; \" \/><figcaption class=\"wp-caption-text\">Twitter background image guides: 10 px safety margin; important content within 210 px;&nbsp;<\/figcaption><\/figure>\n<p>You should also know to leave 10 pixels of safety margin on the left and top side of your image. If you would like to include a logo, address, url, or any important content in the left side of your margin, it&#8217;s common practice to place this within 10-210 pixels from the left. Anything that goes beyond this area has the potential to get covered up on smaller screens. Many people use images in the left margin that can get covered or half covered and are flexible with various screen sizes.<\/p>\n<p>If you want to include any content on the right side, avoid important information, again because of the uncertain screen size. I would recommend placing this content in the area between 1100 pixels and 1368 pixels from the left edge. Once you have your image set up, make sure it&#8217;s 72 dpi, and you might want to Save for Web in order to make sure it&#8217;s less than 2 MB, which is the maximum size that Twitter allows.<\/p>\n<p>The full background image just extends the striped pattern all the way to right, making it 2500 pixels wide. This is what I am uploading to Twitter:<\/p>\n<figure style=\"width: 1667px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/4a237-finalbackground.png\" alt=\" Final background image for twitter: 2500px x 1200px \" \/><figcaption class=\"wp-caption-text\">Final background image for twitter: 2500px x 1200px<\/figcaption><\/figure>\n<p>Once you have finished setting up your Twitter background image:<\/p>\n<ul>\n<li>Go to your Twitter account and, in the upper right hand corner, click on the <strong>gear icon.<\/strong>&nbsp;<\/li>\n<li>On the pull down menu, click <strong>Edit Profile<\/strong>.<\/li>\n<li>Then in the left menu, click <strong>Design<\/strong>.<\/li>\n<li>Where it says <strong>Customize Your Own,<\/strong> click the <strong>Change Background<\/strong> button.<\/li>\n<li>Upload your image.<\/li>\n<\/ul>\n<p>Before you save your changes, you can see how it looks, and if you adjust the size of your browser window, you can see how the screen adjusts for various screen sizes and how it affects your background. Make adjustments as needed.<\/p>\n<p><strong>2. HEADER IMAGE.<\/strong>&nbsp;In a way, your header is your main image, and it might be the image that people look at first, so it should reflect your identity. In fact, sometimes people will <em>only<\/em> see your profile summary, so your header image should carry some weight. &nbsp;However, depending on your purpose, feel free to have fun with it because, hey, it&#8217;s Twitter.<\/p>\n<p>One thing to consider is how busy the image is and if it&#8217;s altering the legibility of your profile description. Twitter helps this a little by adding a black fade behind the type, but some Bigstock images are just that crazy.&nbsp;<\/p>\n<figure style=\"width: 779px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/7fb0f-bigstockheader.png\" alt=\" Preview summary of Bigstock's Twitter profile \" \/><figcaption class=\"wp-caption-text\">Preview summary of Bigstock&#8217;s Twitter profile<\/figcaption><\/figure>\n<figure style=\"width: 606px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/425eb-header.png\" alt=\" Example twitter header image: 590px x 297px \" \/><figcaption class=\"wp-caption-text\">Example twitter header image: 590px x 297px<\/figcaption><\/figure>\n<figure style=\"width: 684px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"https:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2014\/03\/1aa44-screenshot2014-03-05at4-19-36pm-36pm.png\" alt=\" Crop and zoom of header image on Twitter \" \/><figcaption class=\"wp-caption-text\">Crop and zoom of header image on Twitter<\/figcaption><\/figure>\n<p>Uploading a Header Image:<\/p>\n<ul>\n<li>Click the <strong>gear icon<\/strong> in the top right corner of Twitter.<\/li>\n<li>In the pulldown menu, click <strong>Edit Profile<\/strong>.<\/li>\n<li>Then, click on the button that says <strong>Change Header<\/strong>.<\/li>\n<\/ul>\n<p>Twitter recommends a 1252 x 626 pixel image for the header image, but I&#8217;m not sure why. That&#8217;s enormous. The minimum it should be is 590 x 297 pixels, but, if you upload something bigger, Twitter lets you zoom and crop within its platform.&nbsp;<\/p>\n<p><strong>3. TWEETED IMAGE<\/strong>. When you are composing a tweet, you can simply tweet an image by clicking on the <strong>Add Photo<\/strong> button. Then you&#8217;ll browse and choose an image. Take note of how Twitter displays your photo in a feed. It will show a preview that is 509 x 255 px. If your image is wider than this, it will resize the photo to fit in the space. If your image is taller than this (even after the resize) it will cut your image off at the top and the bottom until <strong>Expand<\/strong> is clicked. Twitter will cut more off the bottom than the top, but the specific amounts just depend on the height of your image.<\/p>\n<p>This might just take some practice, but I would recommend cropping the image to be its meatiest at the top half, with 20-30 pixels of breathing room at the very top. You can also just crop your photos to 509 x 255 pixels, which will guarantee your whole photo will end up in the preview.<\/p>\n<figure style=\"width: 602px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/aa439-image_preview.png\" alt=\" Tweeted Image preview \" \/><figcaption class=\"wp-caption-text\">Tweeted Image preview<\/figcaption><\/figure>\n<figure style=\"width: 600px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"https:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2014\/03\/19f76-img.png\" alt=\" Expanded image \" \/><figcaption class=\"wp-caption-text\">Expanded image<\/figcaption><\/figure>\n<p><strong>4. PROFILE IMAGE.<\/strong> This image should be your main identity, and will be plastered anywhere and everywhere your tweets show up. If your Twitter page is a business or blog, perhaps this would be a small square version of your logo. If this is your personal or freelance Twitter page, your headshot might be more appropriate.<\/p>\n<p>This is a small square, but what some people forget is that when a user is on your profile page, they can click on it and get a larger preview. So I wouldn&#8217;t recommend uploading a tiny 75 x 75 pixel image. Upload something larger, and Twitter will allow you to crop and zoom to choose a thumbnail. In order to do this:<\/p>\n<ul>\n<li>Go to the <strong>gear icon<\/strong> on the top right corner of Twitter.<\/li>\n<li>On the pull down menu, click on<strong> Edit profile<\/strong>.<\/li>\n<li>Click on the <strong>Change Photo<\/strong> button.<\/li>\n<li>Click <strong>Upload Photo.&nbsp;<\/strong><\/li>\n<\/ul>\n<figure style=\"width: 363px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"https:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2014\/03\/3b15a-img.jpg\" alt=\" Crop and Zoom of profile image in twitter. \" \/><figcaption class=\"wp-caption-text\">Crop and Zoom of profile image in twitter.<\/figcaption><\/figure>\n<p>Now you should have a beautiful Twitter profile that properly represents you or your business. Once again, the numbers should be flexible, and Twitter makes trial and error very easy. Have fun.&nbsp;<\/p>\n<p>      <img decoding=\"async\" src=\"https:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2014\/03\/e67c6-img.png\" alt=\"\" \/><\/p>\n<p id=\"yui_3_10_1_1_1394732477304_19146\"><em>Here are the Bigstock images that were used in the making of the &#8220;Best Burgers&#8221; twitter profile.<\/em><\/p>\n<p>      <img decoding=\"async\" src=\"https:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2014\/03\/bcdbe-bigstock-close-up-of-fried-french-fries-58851722.jpg\" alt=\"\" \/><\/p>\n<p>      <img decoding=\"async\" src=\"https:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2014\/03\/038ad-bigstock-striped-pattern-background-4536539228129.jpg\" alt=\"\" \/><\/p>\n<p>      <img decoding=\"async\" src=\"https:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2014\/03\/b2ea4-bigstock-set-of-colorful-cartoon-fast-f-3514760028129.jpg\" alt=\"\" \/><\/p>\n<p>      <img decoding=\"async\" src=\"https:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2014\/03\/eec8d-bigstock-elegance-seamless-fast-food-pa-49868300-2.jpg\" alt=\"\" \/><\/p>\n<p>      <img decoding=\"async\" src=\"https:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2014\/03\/223b1-burger.jpg\" alt=\"\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Whether you&#8217;re representing your brand, blog, business or yourself with a Twitter page, you&#8217;ll want to make the most of it. Images can help you do that. It helps to keep specific dimensions in mind while also using images that work well and look good. This article will walk you through some guidelines for optimizing&hellip;<\/p>\n<a class=\"read-more-link\" href=\" https:\/\/www.bigstockphoto.com\/blog\/uncategorized\/4-visual-ways-to-create-a-cooler-twitter-page\/ \">Read More<\/a>","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[42],"tags":[56,188,245],"class_list":["post-3334","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-social-media","tag-images","tag-twitter","col-sm-6"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pcS8aA-RM","_links":{"self":[{"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/posts\/3334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/comments?post=3334"}],"version-history":[{"count":0,"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/posts\/3334\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/media?parent=3334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/categories?post=3334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/tags?post=3334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}