Choosing the best background for your site
Communication with the audience
Choose an image related to your business to make the visitor feel something positive and create an emotional connection with your brand.
If you want to create a travel blog, use the image of a beautiful place you’ve been to. Make the visitor want to join you. An image that captures movement or an interesting perspective can make the background expressive.
This is a chance to show your product, some place or yourself in the best light:
An example of how to make the background of the site bright and attractive
Find high-quality images on the Internet
High resolution images will make the site popular. You do not have to be a professional photographer to get a beautiful background image for your website. There are many resources with free high-quality photos.
Each image, be it a photograph or logo, should have the most suitable format.
Professional advice. If the file size is too large, use the TinyPNG or TinyJPG tool to reduce the file size without sacrificing quality.
Try trimming unnecessary background space in the image to focus on the product, person, or event you are trying to display.
Use landscape orientation rather than portrait orientation, as it is more suitable for modern computer monitors. The minimum resolution on most PCs is 1024 by 768 pixels. Therefore, it is better to use a background image with a width of about 2000 pixels. If you upload an image with a minimum resolution, it will look in the style of the 80s.
A cropped, high-quality image of a person can have a powerful impact, showing off the person behind the organization.
Before you save the background from the site, be sure to check the background in the main browsers. Such as Google Chrome, Firefox and on mobile devices, to be sure that it is correctly displayed on all platforms.
Professional advice. The image size in pixels can be found by right-clicking on the image file and selecting “Properties”. And then by going to the Summary tab. On a Mac, right-click on the image file and select “Get Information,” and then “More Information.”
A focal point is important to focus the viewer on the desired goal. It may be your product or an interesting feature. Focus helps to better align the background image so that everything that matters is not hidden behind the content area or navigation menu.
Use the Focus function for the background image.
Using the video as the background for the CSS site looks impressive. But you need to maintain a balance between the exciting background and the one in order not to distract the visitor from the site. If you are launching your own online portfolio, the site of the designer, and want to show your work, it is better to create a video with a subtle tint so that it does not distract attention from the rest of the site. You can also display a subtle movement in the background. This can also give a result.
To add a video to your Jimdo website, you need to select a video from YouTube or Vimeo. And also find free videos on sites like Pond5 or AllTheFreeStock.
Professional advice. Try to keep your video short.
Solid color backgrounds
If the photo is not yours, there are many other options that you can use for the background of the site. Try bold color blocks to create a fun mix of colors. Just make sure the colors match your industry and the experience you want.
The Unger music website uses a vibrant, hilarious orange color to show its playful side.
Before you make a background on an HTML site, you need to understand that it can affect the visibility of the text. If you want your visitors to focus on content, then a simple white background is best. White space gives the site a clean and elegant look that will match the image of a more traditional and serious business.
Professional advice: Looking for something more natural? Try experimenting with textures such as wood or textiles.
Do not underestimate the power of expressive background. Make creative use of the background of your site, and the visitor will leave with positive impressions of your business.