We are using cookies to give you the best experience on our site. By continuing to use this website you are agreeing to the use of cookies.

background image – A handbook

Tips & Tricks

January 19, 2016

Choosing background image for your site can be tricky. There is a wide variety of screens. All have different sizes and proportions. A background image will render variably depending on the screen and may be cut. Let's take the three images below to illustrate the point.





#1  — A wide photo of a man taken in landscape mode.

The image below works on a computer screen and a tablet but not so well on a phone screen in portrait mode, as the subject is not centered. Do you want this mans's head to be seen even on mobile phone? A solution would be to crop the image before uploading it in order to center the subject .






#2 — An icelandic landscape taken in portrait mode.

This image is taken in portrait mode and will therefore be cut on computers or tablets (in landscape mode). However, since the main scene is quite centered, the rendering remains good on all devices.



#3 — A food photograph taken in landscape mode.

There is no main subject in this photo, the eyes wanders around. It will therefore fit several devices even if the image is cut.



When choosing a background image, you need to keep in mind that it is impossible to have the exact same rendering on every device. You can ask yourself a few things:

• Does my image contain a main subject/object/scene that should be seen? If so, the main subject has to be centered.
• How will it render on a very small screen or on a very wide one? You can upload an image and check the rendering on several devices in order for you to choose the best fitting image.
• Is my image big enough? We recommend that you upload images that are 1920 px wide or high, in order for them to be sharp even on wide screens.

Portfolio of the day
Meet our highlighted creatives and get inspired.
Into the world of creatives
Meet our featured creatives and read more about their work.
Get informed about new templates & features, announcements and news.
Tips & tricks
Fine tune your Portfoliobox skills with these useful tips.
Keep track of bug fixes and other changes to the product.
Create a Professional Website
Join Portfoliobox and create a professional online portfolio website that reflects your creativity.
Get started
And get discovered!
Find Creatives is the number one directory for creatives. Sign in with Portfoliobox and get discovered by people around you!
Join Find Creatives