Loading...
This page is about how to get your images the correct size to load onto your BlueTree website.
We need to manage and optimise images on ezeSite for a couple of reasons:
So, on this page we show how to make your photographs suitable for uploading to your website.
You need to have identified and image on your computer, or on the Internet, that you want to use.
NB: Be sure you have permission to use the image. This means one of,
a) You took it yourself and any identifiable person in it has given you permission;
b) If you bought it, you’ve paid the appropriate licence fee to the copyright holder – the licence must permit you to use it for commercial purposes on the Internet;
c) If you downloaded it, you asked for, and were given, permission to use it by the copyright holder.
You also need to know the finished size of the image that you want to use on your web page. That is, the width and the height in pixels.
Be sure to store the image on your computer, as you may lose access to the original source and you’ll need a back-up in case anything goes wrong.
We started with a tall image of a bonfire and wanted to crop it to fit across the page, to add heat to the argument on our web page. It's there, at the top of the right-hand column.
Because we held the camera vertically to take the shot, the image is lying on its side. It is very large, 4.68 MB, and it’s 4,320 pixels wide, 2,432 pixels high.
To fit our web page we need to rotate it clockwise through 90° and crop a slice, 796w x 300h (pixels) from it, about one third of the way up from the bottom.
You can use any software you like to prepare the image. We’re going to use an on-line editor. One of the best we’ve found is called “Online Image Editor”.
It’s all very clear and easy to use.
We’re just going to use three of the functions: rotate, crop and resize, the fourth, second and first from the left, respectively.
In our example, you can see part of the (still large) image and part of the red-lined crop area too. You move the crop area by holding down the left mouse button somewhere within it and moving to the required position. Because my image is rather large, I had to scroll quite a long way down it to find that part of the fire I wanted to use on my web page. That meant I lost the crop tool controls and had to scroll back up again to confirm the crop. It worked fine, but it felt a bit like flying blind. There’s no need to worry about the Offset controls, as positioning the crop area sets those controls automatically.
Saving the image is pretty intuitive. Probably best to save to “Save image local” to a directory on your computer, rather than to Facebook or Picasa, as you’ll want to be sure you can always reach a back-up.
Then you’re done! You’re ready to upload you new image to your web page.
In our case, the resultant image occupies only 148 Kb. That will make it fast to load, so our new web page won’t seem to slow. Read here more about how important load speed is.
Related links :
This Image is Supposed to be Lying on its Side
Our Example Image
We need to rotate it through 90 degrees and to crop a slice from it 796 pixels wide, by 300 pixels high.
Any Questions?
Call BlueTree now on 0117 339 0095.