Its true what they say – first impressions count. Your website’s header is the qatar telegram data first thing people see when landing on your site. Multiple eye-tracking studies have discovered humans scan computer and mobile screens starting at the top and making a zig-zag pattern down the screen. The website header’s primary function is navigation. But it also plays an important role in communicating your brand and look. In this guide, we’ll explore the world of website headers and tackle the question of what the ideal website header size . Begin with creating an image, graphic, or other visual concepts that show the essence of your product or service. The graphic should show the brand of your business and have a logo as well.
Website Header Key Principles
Big, bold, unconventional: Atlassian Atlassian’s header is big and bold. Perhaps a email size exceeds server limits nod to its namesake, Atlas the Greek Titan God who “carried the heavens upon his shoulders”. Atlassian’s blue brand is featured throughout hyperlinked copy, call to action buttons and imagery. Muted, minimal: Apple Few brands can achieve the kind of minimalist feel that Apple does. For an organization with many divisions and over 130,000 staff worldwide, it excels at simplifying everything and visually communicating its brand so succinctly. Action–driven: Oxfam Global NGO Oxfam use their header to drive the most important action: donations. The placement, size, color and prominence of the “action bar” serves not only as a navigation tool but a way to communicate their purpose but most importantly to encourage action.
How to find the right size Using WordPress
The best place to start is to check your “Media Settings” list provider under the “Appearance” tab from the WordPress Admin. The best image width for an image in a blog post (for example, 1024px is for the Showcase Pro theme), and What size image will work best in your theme’s sidebar (300) However, this section won’t provide optimal image dimensions for your Home page, Header image, or page banners. Depending on your theme, WordPress should list optimal image sizes for your home page/ header image under Appearance —> Customize —> Front Page Header Image. Most sizes shown here are around 1600 px by 1050 px.