5/16/2023 0 Comments Cropit photos blurry![]() ![]() The first website I’d recommend is - a brilliant site with free, (yes free!) images that you can legally use online and offline. If you’re looking for aspirational images for your website, a really good place to look is on stock photography websites, where the images are licensed for commercial use. Yes, but I need a photo of a giraffe, and there aren’t too many roaming around in Buckingham! Here are some banner examples, good and bad: Blurred images or images with plain areas are perfect. You then want to choose a text colour that is clearly visible over the banner. Remember that websites are responsive, meaning things move around to suit the device they are being viewed on, so you need to test that your banner image works well on your phone, tablet, laptop and computer. Text over someone’s face or over the focal point of the image/video never looks good, so choose one with lots of space for overlaying text. You want your text or button to stand out from the banner image or video, so choosing one that isn’t too busy, or has plenty of plain background is key. You can use a portrait (vertical) image and crop it down to landscape, but make sure it is large enough in the first place to look good at 2000px wide. ![]() Size and orientation:īanners tend to be landscape orientation (horizontal), and 2000px wide at 72(dpi) is ideal. ![]() Take a look at the images currently on your website? Are they all under 500k file size? Are they all under 2000 pixels wide at 72dpi? If not, can you resize them down and compress them without losing image quality?Ī banner image sits in the background with text or content on top. If each image you upload to your site is under 500k file size, you’ll be doing yourself and your viewers a big favour. *1500px wide is fine for images not designed to span the whole page, - see the difference between Banner Images and On Screen Images below. If you keep your image files to 2000 pixels (px) wide max* at 72dpi, they will fit across phones, tablets, laptops and desktop screens nicely. Screen resolution is 72 dots per inch (dpi), so using a larger resolution is just slowing down your website and filling your web hosting space unnecessarily. Sluggish websites tend to have a lot of large images, so if you can make sure all your images are set up to streamline the user experience. If not, it is time to look at taking better images, or booking time with a professional photographer - (see more below).Īnother great idea for both you and your web visitors is to set your images up for web optimisation and fast loading, using the guidelines I’ve set out here: File size: are you a luxury brand? - if so, do your photos exude luxury? Or are you an artisanal brand? If so, do your images have an artisanal feel? are the colours, or the visual styling right for your business?)ĭo they fit your brand values (i.e. Would you be impressed with them if you saw them on another website?ĭo they fit your brand styling (i.e. Take a good hard look at the photos on your website.ĭo the products look as good as they do in real life? Are they shown off in their best light? ![]() If you want to see a video on this process, click on the video link, but if you prefer to read about it, well … just keep reading.Rule 101 for any website: Never use poor quality photos / blurry photos / dull photos - they can really ruin your credibility and leave your potential clients running for the hills (or more likely, straight to your competitors).ĭesigners can work magic on a website using branding and layout techniques, but starting with bad photos is never going to mean a stunning site that your clients are going to love and trust! So what can you do with the images you already have? If this is the case, this is really a technique you need to learn, and is not that hard at all. A lot of times, this can be the foreground when you focus on the background. Sometimes, when you take a photograph, you might get home and when editing your photos, you notice that part of your photograph is a little bit blurry. Focus stacking is a way you can get your photos sharp from front to back with very little effort, in fact, once you learn this skill, it will stay with you throughout your whole photographic journey!įocus stacking is a process where you focus on different parts of your photograph and then when editing, you get your computer to stitch the different parts of the photograph together, to create one final image where everything is in focus … and whether you are a beginner or a pro, you can learn this technique to really boost the look of your photographs. ![]()
0 Comments
Leave a Reply. |