Using large images for greater impact

As part of our re-branding campaign - we are becoming - 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

August 26, 2010


Great concepts!

August 26, 2010


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
Images related image searches