Please note this article was first published in 26 Jan 2011. Its content may now be out of date. We recommend taking a look at more recent website building blog posts or check out our comprehensive support pages. If you are looking for information on our 14 day free website builder trial we have a large number of webpages that guide you throug the process.
When you build a website for your business, one of the first things you’ll need to organise are your images. Whether you have access to professional photography provided by a supplier or are using your own photography, the quality of your images is very important. Internet users will judge you and your products based on the images they see on your website pages and so the better the quality, the better the impression you give to those potential customers.
There are a whole host of tutorials looking at Image Preparation as part of the website build process. Just click on "Images" in the menu to the right. Today, we’ll look at the best way to use your images on your pages.
Try to organise which images you will use on which pages before you start. For introductory / information pages, choose the best of the images you have as these will entice viewers to look further and will give them an instant idea of the products and services on offer. For products and shopping basket pages, again your images need to be clean and good quality, with a white background if possible. Let’s look at your introductory / primary pages. Open the editor on the page you'd like to work on. Work out the best positions for your images, you need to aim for a nice balanced page of images and text. Have a look at the whole page including your header, text and any existing images and position your images in a way, which will help to balance out the page. A page with balanced images helps to break up the text and provides an easier, more pleasant reading experience for visitors.
It is a proven fact that the eye is naturally drawn to the right on viewing a new page, so place your best image near the top on the right.
Left click to place your cursor in your chosen position on the page. Go for the start of a paragraph closest to the position you have chosen. Now click the RED "Insert Image" button.
"Browse" and upload images from your own computer or "View Library". There are two libraries; "Your Library", which will store every single image you upload, and "Our Library" where you can help yourself to 1000's of copyright-free images. Your selected your image will appear in the "Image Properties" window once selected.
Now you can set the size, position, border and space around your image.
SIZE: As a quick guide, a small thumbnail image will be 100 - 150 pixels wide (the height will automatically change to maintain the ratio). A medium sized image is around 200 - 250 and a large image: 300 - 350 pixels wide. Your editor automatically resizes and compresses images to a maximum of 400 px wide so this would be the maximum.
POSITION: Left, Middle or Right. "Left" will cause any text close to your image to wrap itself around the right side of your image. "Middle" will place your image in the centre of the page causing the text to sit above or below, and "Right" will cause the text to wrap itself around the left side of your image.
Alignment can also affect the position of other images on the page. If you want to place a row of images next to each other, "Middle" align them all. The width of your web page will of course determine how many you can place and generally they would need to be thumbnail size or certainly no bigger than 200 px wide. If you want images to sit right up next to each other without any gaps then set the space around your images (left,right) to “none”.
BORDER: Borders frame and support your images, helping them to stand out on the page. Choose from; Thin, Medium, Thick, Super Thick, Extra Thick or even Ridiculous. If you have an image with no background or the same colour background as your web page, select "None". The image will then merge into the background of your web page and looks really clean and smooth.
SPACE: This setting determines the space between your image and the text surrounding it or other images on the page. Again choose from: None, Narrow, Medium, Wide, Extra Wide, You Sure? and Crazy!!!. The default setting is normal, which is perfect for the space between your images and the text around it. The various settings are very handy when setting images together.
Once you have chosen your four settings, the results of which are shown in the preview window, click "Add to Website". How does it look? If you're not sure, simply go back and tweak it by right clicking the image and choosing "Image Properties" from the drop down menu. You can do this as many times as you like.
Please remember, this article was first published 26/01/2011. The content may be out of date and you cannot post comments any more. Please check out our new blog.
We have been in business since 2003. Back when the founders of Facebook were still in college, we were writing code and helping our users create great websites.
If you need help, why not check out our huge selection of videos, step-by-step guides and knowledge papers.
We have helped many thousands of our customers create great looking websites. Take a look at a few examples, created using our website builder.
These days, websites without background videos run the risk of appearing old-fashioned. Even dinosaurish,
There’s nothing wrong with dinosaurs, or with looking like one. Dinosaurs are cool. Unless they’re chasing you of course.
But our new background videos have landed, exploded and changed the game. They have wiped out the old standards for beautiful websites, and have replaced them with a new standard that will leave all other websites looking like fossils.
Luckily, both our existing clients and our new ones have access to this brilliant new feature we’ve introduced, and we’d like to share its benefits with you today.
A superhero is only super because he or she stands out amongst the crowd. If we were a planet of flying, teleporting, time-freezing super-strong aliens, then we wouldn’t think there was anything super about us. When it comes to using formatting methods such as bold, italics, capitals or centering, all of these little text-enhancing superheroes will only stand out if they are used sparingly, in the right place, and when absolutely necessary…
Reviews, testimonials, recommendations – we all seek reassurance in them. We might even skip past the good ones just to see if there are any bad ones.Other people are sources of information for us. They can tell us whether this product or service is actually any good or not. Reading their testimonials builds trust in your business.
If I have multiple domain names, will my website rank better on the search engines? Will I be more likely to draw in extra traffic? Will my website become a supercharged powerhouse bursting with domain names that will become a magnet for new business? The answer might not be quite as positive as you would expect, but hopefully we can answer your questions during this article…
Choosing a domain name for your new business may not be as simple as you think. Most people just use their company name, but unless your branding is well recognised, this may work against you…
Is it possible for your business website to look too good? Too polished? Too slick? Too posh?
Perhaps it depends on how slick and posh you already are.
“If a customer fills out a form and adds their email address, what can I do with it?” This is a terrible question, asked by non-GDPR compliant cavemen and cavewoman who still think it’s OK to treat other people’s info as if it’s their own…
You are building a GDPR-friendly email list, and now you want to start sending out newsletters, the professional way. Where do you start?
“Don’t sell your product. Solve their problems.” Mark Cuban’s wise words sum up the art of selling – it is about helping people, fixing problems and improving the lives of others…
iF we’re honest, not many people will accuse you of clownery for not having a proper business email address. But they might not call you professional either…
Building a professional website to grow your business should be easy and seamless from start to end. We offer to build your business website for you, in four easy steps…
When July 2018 hits, Google Chrome will make sure a strong warning will pop up on any website that has not yet updated from “http” to “https”. The warning will include something along the lines of “Website Not Secure”. Here’s how to avoid it.
We are the DotGO: where everything is included and everything is managed for you, all at no extra cost.
We design websites to grow your business and wow your customers.
We are a UK company filled with passionate website designers and clever writers.
Friendly, professional and fast customer service is at the heart of everything we do. Our designers and unique technology make your website quick, responsive and secure, giving you the best chance of ranking well on Google.
If you need a shop, our own powerful ecommerce platform integrates beautifully. We train you to use our simple tools to update your website yourself. Our UK support team are on hand to provide sensible support and advice whenever you need it. We even power your professional email service, so you stay in contact with your customers by phone, tablet or computer.
Oh, and the best bit? It's cheaper than you may think, and we can get started right now.