To achieve this goal you need to study the psychology of your target audience, its interests and the logic of the purchase. The primary goal of this element is to interest them in the first 1.5 seconds of viewing the page. It is designed to produce a “wow effect” for your clients. ConclusionsĪ banner is the first thing that a customer sees on the page of your online store. Just imagine what possibilities in loading speed this method can offer. Sometimes the compression ratio can reach up to 80%. It can compress png and jpg image formats. To speed up the website we use this service. One of the ways of improving site loading is to compress the size of the images. The page loading speed is a decisive factor that influences the decision of the buyer to stay on your site or leave it. place the information on the picture using a graphical editor (for example Photoshop).There are several ways to solve this problem: And due to this, the screen displays more explicit images and smoother fonts.Ĭustomize your Shopify banner size to the most popular screen sizes, including retina.ĭue to the variability of the screen width, you should control the banner space, or rather the location of the elements in this format. Due to this technology, the displays have a much higher pixel density than the previous devices (approximately 300 DPI). Retina Display is a patented trademark used by HiDPI for high-resolution displays, which they successfully used in their latest devices: iPad, iPhone, and MacBook Pro. Place in your banner just high-quality images with support for retina 2✕ screens. This means that for a screen width of 1366, the height of the banner will be within 384 - 476 pixels.

If the height of the banner is fixed, then you should choose between 50 and 75% of the screen’s height, taking into account the height of the header. If you are using a widescreen banner, we recommend using a suitable height of the screen. Next, we proceed to the choice of height. So, by now we have determined the width of the banner. Should it advertise a product or even goods? Should it manifest originality or versatility of the product?įrom the statistics screenshot we have concluded about the four most requested sizes, i.e.: Realize what problem your banner should solve. It is enough to make a fixed height with a tolerable limit of 50 up to 75% of the visible height of the screen, responsive to the header. If you want to make an advertisement using abstract visual maintenance or using several thematic items, then there is no need to take all the available screen space. Using a wide banner would be the best solution for this product.

And maybe even into different interiors, that would prove its versatility. Therefore, if you sell furniture, show your client its advantages and how it fits into his interior. We have already mentioned in our previous article named 12 Tips to Creating the Perfect Landing Page in Shopify that you are selling not a product, but a value that becomes a part of your buyer’s life. Each of these formats is designed for a specific purpose. In the settings of the Shopify theme, you can choose either full-screen or fixed height. First of all, you need to determine what format of the Shopify slider is suitable for your online store.

Image carousel shopify