{"id":2185,"date":"2019-04-25T15:24:40","date_gmt":"2019-04-25T14:24:40","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=2185"},"modified":"2023-08-03T14:03:04","modified_gmt":"2023-08-03T13:03:04","slug":"key-considerations-when-choosing-a-hero-image","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/key-considerations-when-choosing-a-hero-image\/","title":{"rendered":"Key considerations when choosing a hero image"},"content":{"rendered":"\r\n<p>Designing a <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-pastel-colours-in-web-design\/\">website<\/a> that shows off your businesses skills or talents is all about emphasizing these visually. So whether you provide a much needed local service, or you create and sell a range of products, you will need to include a wide range of visual features. These can include illustrations and icons, as well as video content and professional imagery. And one way some companies make sure their landing page is visually stunning, is by using a hero image. So what is a hero image, and how can you choose one? Well, here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester<\/a>, we are Manchester&#8217;s leading <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/how-to-design-a-quality-footer-for-your-website\/\">web design<\/a> experts. We provide, high quality, effective, <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-noun-project-professional-icons-made-easy\/\">web design<\/a> solutions for local companies and businesses across Manchester, and the surrounding area, including <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-wigan\/\">Wigan<\/a> and <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-southport\/\">Southport.<\/a> As a result, we have produced this guide to the key considerations when choosing a hero image.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">What is a hero image?<\/h2>\r\n\r\n\r\n\r\n<p>So, first of all, what is a hero image? Well, a hero image is the name given to a large image used to take up most of the above the fold content on a landing page. This usually has the navigation bar and heading overlaid, and it really grabs the users attention and draws them into your website. This image needs to be compressed and optimised, to make sure your website loads instantly, and on all devices. But first, you&#8217;ll need to choose the right image for your company.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Key considerations when choosing a hero image<\/h3>\r\n\r\n\r\n\r\n<p>So, when you&#8217;re choosing a hero image, what will you need to consider? Well, there are a range of factors to take into account, including:<\/p>\r\n\r\n\r\n\r\n<ul><li><strong><em>Show off your key product or service-<\/em><\/strong> Choose one of the products or services you offer to really show off on your landing page. By positioning this as the hero image, people will immediately see the quality of your company, and form a positive impression.<\/li><li><em><strong>Choosing a professional image-<\/strong><\/em> This image will be the first thing potential customers see. So make sure it is professional, and shows off your businesses unique talents and high quality. It will also be showing your product or service, so you need it to be professional, to truly give the best impression of what you have to offer.<\/li><li><em><strong>The design of the image-<\/strong><\/em> In addition, you will need to make sure that the image you choose, including the principal colours used across the image, matches the rest of your web design. This is important because the hero image is the real focal point, and it needs to combine all of your web design features together into a cohesive experience. You might need to think about editing the image, or adding an overlay, to get the result you want.<\/li><\/ul>\r\n\r\n\r\n\r\n<p>\r\n\r\nFor more information or advice, get in touch with the experts today, here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester.<\/a><\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>Designing a website that shows off your businesses skills or talents is all about emphasizing these visually. So whether you provide a much needed local service, or you create and sell a range of products, you will need to include a wide range of visual features. These can include illustrations and icons, as well as [&#8230;]\n","protected":false},"author":2,"featured_media":181,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[17],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Key considerations when choosing a hero image - Pumpkin Web Design Manchester<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/key-considerations-when-choosing-a-hero-image\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Key considerations when choosing a hero image - Pumpkin Web Design Manchester\" \/>\n<meta property=\"og:description\" content=\"Designing a website that shows off your businesses skills or talents is all about emphasizing these visually. So whether you provide a much needed local service, or you create and sell a range of products, you will need to include a wide range of visual features. These can include illustrations and icons, as well as [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/key-considerations-when-choosing-a-hero-image\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-25T14:24:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-03T13:03:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2017\/12\/stunning-websites-for-manchester-businesses.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"667\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pumpkin Web Design Manchester\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/key-considerations-when-choosing-a-hero-image\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/key-considerations-when-choosing-a-hero-image\/\",\"name\":\"Key considerations when choosing a hero image - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2019-04-25T14:24:40+00:00\",\"dateModified\":\"2023-08-03T13:03:04+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/key-considerations-when-choosing-a-hero-image\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/key-considerations-when-choosing-a-hero-image\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/key-considerations-when-choosing-a-hero-image\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Key considerations when choosing a hero image\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Full service digital agency\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Providing top notch web design, across Manchester, since 2009\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Key considerations when choosing a hero image - Pumpkin Web Design Manchester","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/key-considerations-when-choosing-a-hero-image\/","og_locale":"en_GB","og_type":"article","og_title":"Key considerations when choosing a hero image - Pumpkin Web Design Manchester","og_description":"Designing a website that shows off your businesses skills or talents is all about emphasizing these visually. So whether you provide a much needed local service, or you create and sell a range of products, you will need to include a wide range of visual features. These can include illustrations and icons, as well as [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/key-considerations-when-choosing-a-hero-image\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2019-04-25T14:24:40+00:00","article_modified_time":"2023-08-03T13:03:04+00:00","og_image":[{"width":1000,"height":667,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2017\/12\/stunning-websites-for-manchester-businesses.jpg","type":"image\/jpeg"}],"author":"Pumpkin Web Design Manchester","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Pumpkin Web Design Manchester","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/key-considerations-when-choosing-a-hero-image\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/key-considerations-when-choosing-a-hero-image\/","name":"Key considerations when choosing a hero image - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2019-04-25T14:24:40+00:00","dateModified":"2023-08-03T13:03:04+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/key-considerations-when-choosing-a-hero-image\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/key-considerations-when-choosing-a-hero-image\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/key-considerations-when-choosing-a-hero-image\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"Key considerations when choosing a hero image"}]},{"@type":"WebSite","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/","name":"Pumpkin Web Design Manchester","description":"Full service digital agency","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28","name":"Pumpkin Web Design Manchester","description":"Providing top notch web design, across Manchester, since 2009","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/"}]}},"_links":{"self":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/2185"}],"collection":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/comments?post=2185"}],"version-history":[{"count":2,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/2185\/revisions"}],"predecessor-version":[{"id":12664,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/2185\/revisions\/12664"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/181"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=2185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=2185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=2185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}