{"id":7981,"date":"2019-10-17T15:54:50","date_gmt":"2019-10-17T07:54:50","guid":{"rendered":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/?p=7981"},"modified":"2023-03-08T14:21:21","modified_gmt":"2023-03-08T06:21:21","slug":"how-to-format-images-for-website-social-media","status":"publish","type":"post","link":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/how-to-format-images-for-website-social-media\/","title":{"rendered":"Image Specs &#038; Sizes: How To Format Images For Website &#038; Social Media"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">As a business that runs a website and has an established social media presence, you know too well that besides the quality of text content, you should also pay attention to formatting the images that you upload.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">When we talk about formatting your images online, you can think of it as making sure that the images:\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><span style=\"font-weight: 400;\"> Look good\u00a0<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> Load quickly; and\u00a0<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> Are easily indexed by Google\u00a0<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Because humans are visual learners\u2014meaning they can identify and remember images seen within as little as 13 milliseconds\u2014it\u2019s safe to say that images are an essential part of your digital marketing strategies. You not only have to make sure that they\u2019re of high-quality but in the right sizes as well.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">In a previous post, we talked about the <\/span><a href=\"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/ways-to-optimise-your-images\/\"><span style=\"font-weight: 400;\">ways to optimise your images for search<\/span><\/a><span style=\"font-weight: 400;\"> and today, we\u2019re focusing on the recommended image specs &amp; sizes for website and social media.<\/span><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2 id=\"1\">How To Format Images For The Web<\/h2>\n<p><span style=\"font-weight: 400;\">There are several areas on your website that require different image sizes, and the following are some of the recommended, retina-friendly sizing options for the majority of devices used to browse the web:\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>Full-Width Images<\/b><i><span style=\"font-weight: 400;\"> &#8211; 2400x1600px, JPEG\u00a0<\/span><\/i><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">There are specific sections in your website that will require full-width images to fully cover the screen from left to right. These can be anything from hero images, full-screen slideshows, and banners.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-9564 size-full\" src=\"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-content\/uploads\/2019\/10\/hero_image.png\" alt=\"\" width=\"835\" height=\"388\" srcset=\"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-content\/uploads\/2019\/10\/hero_image.png 835w, https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-content\/uploads\/2019\/10\/hero_image-300x139.png 300w, https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-content\/uploads\/2019\/10\/hero_image-768x357.png 768w\" sizes=\"(max-width: 835px) 100vw, 835px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>Inside Content Images<\/b><span style=\"font-weight: 400;\"> &#8211; <\/span><i><span style=\"font-weight: 400;\">1500px horizontal max-width; 1000px vertical max-width, JPEG<\/span><\/i><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">On your web pages, there will be sections where images are within the content. In these cases where full-width images are not applicable, you should follow the above recommendations.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>Slideshow Galleries<\/b><span style=\"font-weight: 400;\"> &#8211; <em>1500px, JPEG\u00a0<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">For images that will be used for slideshow galleries, it\u2019s a must to make sure that they\u2019re all the same height. You can follow the recommended max size of 1500px, horizontally or vertically. The same goes for blog post images\u2014those that are uploaded inside a blog article.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>Featured Images<\/b><span style=\"font-weight: 400;\"> &#8211; <\/span><i><span style=\"font-weight: 400;\">2400x1600px, JPEG or 1500px x 1000px, JPEG\u00a0<\/span><\/i><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">There are at least 3 types of featured images: portrait, landscape, and hero images. The first two follows the same recommendation of 1500px horizontal and 1000px vertical as inside content images. Hero images, on the other hand, can do with full-width dimensions.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-9567 size-full\" src=\"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-content\/uploads\/2019\/10\/blogpost_image.png\" alt=\"\" width=\"835\" height=\"557\" srcset=\"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-content\/uploads\/2019\/10\/blogpost_image.png 835w, https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-content\/uploads\/2019\/10\/blogpost_image-300x200.png 300w, https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-content\/uploads\/2019\/10\/blogpost_image-768x512.png 768w\" sizes=\"(max-width: 835px) 100vw, 835px\" \/><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2 id=\"2\">How To Determine The Correct Image Sizes For Your Web<\/h2>\n<p><span style=\"font-weight: 400;\">There will be cases when these recommended sizes will not match your needs. Good thing, there are tools that can help inspect your website images to identify the correct sizing required for the specific pages in your website.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Browsers like Chrome and Firefox, for instance, have built-in inspector tools that let you check images for your website.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2 id=\"3\">How To Format Images For Social Media<\/h2>\n<h4 id=\"facebook\">1. Facebook<\/h4>\n<p><span style=\"font-weight: 400;\">With over 1.56 billion daily active users, Facebook continues to be the most widely used social media channel worldwide. Therefore, the images you publish here is crucial as they have the most potential to reach a wider audience.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>Image Dimensions &amp; File Sizes\u00a0<\/b><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Profile Photo: \u2265180 x 180<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Cover Photo: 820 x 312 (minimum 400 x 150)<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Shared Photo: 1200 x 630<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Event Photo: 1920 x 1080<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3><img decoding=\"async\" class=\"aligncenter wp-image-9568 size-full\" src=\"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-content\/uploads\/2019\/10\/facebook_post.png\" alt=\"\" width=\"467\" height=\"493\" srcset=\"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-content\/uploads\/2019\/10\/facebook_post.png 467w, https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-content\/uploads\/2019\/10\/facebook_post-284x300.png 284w\" sizes=\"(max-width: 467px) 100vw, 467px\" \/><\/h3>\n<p>&nbsp;<\/p>\n<h4 id=\"instagram\">2. Instagram<\/h4>\n<p><span style=\"font-weight: 400;\">Being a photo and video-sharing platform, you\u2019ll want your images to look their best on Instagram. Although this channel scales photos down to 612&#215;612, you\u2019ll want to set your shared posts to 1080&#215;1080.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>Image Dimensions &amp; File Sizes\u00a0<\/b><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Profile Photo: 110 x 110<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Shared Photo: 1080&#215;1080<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Shared Video: 1080px wide\u00a0<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Instagram Stories: 1080&#215;1920 max, up to 4GB<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4 id=\"pinterest\">3. Pinterest<\/h4>\n<p><span style=\"font-weight: 400;\">Although Pinterest Pins primarily consist of external links, they still have to catch your audience\u2019s eyes through high-quality images.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>Image Dimensions &amp; File Sizes\u00a0<\/b><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Profile Photo: 165&#215;165, up to 10MB<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Board Cover Photo: <\/span><span style=\"font-weight: 400;\">222 x 150 max<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Pinned Image Preview: 236px wide<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4 id=\"linkedin\">4. LinkedIn<\/h4>\n<p><span style=\"font-weight: 400;\">LinkedIn is also a good vehicle for traffic and discovery, particularly if you\u2019re within the B2B industry. Because the network is composed mainly of professionals, you\u2019ll want to present your business in a good light.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>Image Dimensions &amp; File Sizes\u00a0<\/b><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Banner Image: 1584&#215;396, up to 4MB<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Profile Photo: 400&#215;400, up to 10MB\u00a0<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Cover Photo: 1536&#215;768<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Company Logo: 300&#215;300, up to 4MB<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Company Cover Photo: 1536&#215;768, up to 4MB<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Company Banner Image: 646&#215;220\u00a0<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9566 size-full\" src=\"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-content\/uploads\/2019\/10\/linkedin_image.png\" alt=\"\" width=\"564\" height=\"642\" srcset=\"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-content\/uploads\/2019\/10\/linkedin_image.png 564w, https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-content\/uploads\/2019\/10\/linkedin_image-264x300.png 264w\" sizes=\"(max-width: 564px) 100vw, 564px\" \/><b><\/b><\/p>\n<p>&nbsp;<\/p>\n<h4 id=\"twitter\">5. Twitter<\/h4>\n<p><span style=\"font-weight: 400;\">Image format and display on Twitter have changed several times in the course of its existence. But, as of this writing, below are the image dimensions you have to know.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Header Photo: 1500&#215;500, up to 5MB\u00a0<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Profile Photo: 400&#215;400, up to 2MB\u00a0<\/span><\/li>\n<li><span style=\"font-weight: 400;\">In-Stream Image: 440&#215;220\u00a0<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">To help you further with your social media marketing strategies, why not partner with a<\/span><a href=\"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/\"><span style=\"font-weight: 400;\"> digital marketing agency in Singapore<\/span><\/a><span style=\"font-weight: 400;\">?\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><i><span style=\"font-weight: 400;\">OOm has a team of digital marketing professionals who have expertise in image specs &amp; sizes. Talk to us today!\u00a0<\/span><\/i><\/p>\n","protected":false},"excerpt":{"rendered":"<p>As a business that runs a website and has an established social media presence, you know too well that besides the quality of text content, you should also pay attention to formatting the images that you upload.\u00a0 &nbsp; When we talk about formatting your images online, you can think of it as making sure that [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":9562,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"wds_primary_category":0,"footnotes":""},"categories":[21],"tags":[15,718,35],"class_list":["post-7981","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-social-media-marketing","tag-digital-marketing-2","tag-image-specs","tag-social-media"],"acf":[],"_links":{"self":[{"href":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-json\/wp\/v2\/posts\/7981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-json\/wp\/v2\/comments?post=7981"}],"version-history":[{"count":0,"href":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-json\/wp\/v2\/posts\/7981\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-json\/wp\/v2\/media\/9562"}],"wp:attachment":[{"href":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-json\/wp\/v2\/media?parent=7981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-json\/wp\/v2\/categories?post=7981"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/www.oom.com.sg\/wp-json\/wp\/v2\/tags?post=7981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}