How to: Website Design Images

Image picking

Hello, in this blog we will discuss the importance of using and picking the correct images for your website design. So to start off, when picking images, make sure they are unique and colorful, what we mean by this is that, try to stay away from copying other peoples images online and pasting it onto your website design.

Image Alt Text

When creating a website design, almost all designs will contain some images, and there is more to images than just a colorful picture when referring to website designs and CSS. An image consists of 3 parts, the image tag, the source, and the alt text, alt text is usefull for describing what the image is about, it is used by blind people that view websites using voice control, also image alt text is useful when a website design does not load correctly and no images are displayed, then your alt text will be displayed instead, not ideal, but better than nothing.

Image sizes

When picking images for a website design, make sure that you take the image original sizes into consideration. It is important to pick large image sizes in resolution for parts of your design like the background image, for example, if you have a small 50 x 50 pixels images, and you decide to use it for a background, for a full width web page, then your image will be extrelemly streteched out and pixelated, which would look horrible. A Website Design Dublin company makes good use of images on their homepage, by picking large image sizes for their backgrounds and picking smaller icon images for product images.

Image editing

Using images on a website design does not just mean you found a image and stuck it on your website, no, sometimes you get the pleasure of editing images, and for editing images we would recommend using Photoshop. It is easy to use photoshop, especially if you have the abilities of coding up websites, then learning on how to edit images will be easy. Things in images that we usually have to edit, are the sizes, it is much easier to work with the same size images when you want them all to fit nicely inside 3 boxes that are positioned inline in your website design.

Image Colors

Before placing an image on your website, analyse it, make sure that it fits in with your website design, make sure that the colors on the image match up with your content. A good thing to note is that, make sure that your images correspond with the content that you are producing.