To provide you with additional information about how we collect and use your personal data, we've recently updated our Privacy Policy and Terms of Service. Please review these pages now, as they apply to your continued use of our website.

Using large images for greater impact

As part of our re-branding campaign - we are becoming webrandit.co.uk - I have been redesigning some of our pay-per-click landing pages using some great images from Dreamstime. The latest one uses a very large image as a backdrop for the page to create a stunning first impression - take a look at our branded umbrellas page and see how effective using a full backdrop is.

Taking a large image and resizing for the web is easy, just use your favorite graphics editing suite, resize the image to around 2000 pixels wide at 72dpi and save as a jpg using a mid-to-high quality setting.

You will need to create a style sheet to set the image proportions to "100%" and set "overflow:hidden" to prevent unnecessary scroll bars.

Now, no matter what the resolution or size of your visitors browser, the image will fill the screen.

Have a go experimenting with different images and create something stunning. It's a great way to promote your company or website.

Photo credits: Saporob.

Your article must be written in English

Publish
August 26, 2010

smartview27

Great concepts!

August 26, 2010

Starblue

Wow, what a beautiful web - esp. the welcoming page! It is fast to browse it and so nice, I am happy ou have also aco-products. It is really great and I wish you a lot of successes!

Related image searches
Large related image searches