EN |  FR |  DE
 

Statement

 

Jack Dom
( United Arab Emirates )



Previous posts

How to Select Images for Web Design   Posted 10/28/2018


My Blog

How to Select Images for Web Design  

As you already know in Si3 Digital is the best web design company Dubai, we are an award-winning professional and creative web design company Dubai with 10 years of experience in delivering services and solutions, that is why we want to give you some tips to optimize the selection of images for your web design project.

IMAGES SPEAK LOUDER THAN CONTENT

We must take into account what kind of images we want to use for our web design project since the aesthetics of the web design will depend to a large extent on them. Dimensions, weight, format, everything has to be planned. Images are a fundamental pillar in the design of a website, the correct choice, and quality of these can be the trigger to attract attention and capture visitors, even for a purchase is made, hence its importance.

1. Whenever possible we should opt for our own images, because Google penalizes those that come from stock or the photos that are being used in other web design pages.

Anyway, if it is not possible, nothing happens, but you have to be careful with the copyright laws in Dubai, not all the photos, images or vectors can be used freely, for that there are free license platforms or "common creative", or website to buy images. Some royalty free website examples; Photolia, iStock, and the free Freepik, Pixabay, Unsplash.


2, The size is a vital factor to consider,

as a heavy web design page image will take longer to load, which will lead to delays and visitors will end up getting bored and leave before seeing the content and also Google will penalize us. Without forgetting the increasing weight of mobile phones when it comes to browsing. The images should weigh about 90mb each, although if we talk about slider and large images we should not exceed about 200kb. The icons should weigh less than 10kb, but always keeping in mind that it should be seen in an acceptable way on the web design, maintaining a good resolution.


3. Formats:

Three are the most common formats on the web design, png, jpg, gif, and know how to choose between them is essential for an optimal result: PNG, is a format that preserves transparencies and does not lose much quality in the compression of the image, that's why it is used for logos, but it has limitations when it comes to reducing size.


JPG is the universal format that is used mostly for images because although it loses a bit of quality when compressing images, and thus loses sharpness, colors or tonalities are not lost. Ideal for photographs with details and many colors. GIF, this format is falling into disuse and is used practically only for animations. Since several images or a video are used to make the gif, the size in kb can be very large; therefore, sometimes the image is compressed and loses quality.


4. Optimization:

In summary, it is about getting the highest quality in the smallest space. It is very important that we optimize the images so that they weigh as little as possible and thus avoid the inconveniences that this entails, but trying to maintain the maximum quality. For this, there are three key concepts: pixels, resolution, and size. You have to be aware that the higher the pixels, the higher the resolution and the bigger the size, the more the image will weigh, thus increasing the load time and the number of megabytes consumed. To avoid them we have many programs that will help us: Free Image optimizer, Photoshop (save for web), Image Optim (Mac), RIOT, pixlr or FastStone Photo Resizer among others. In the case of WordPress, keep in mind that, mechanically, it reduces the size of the images but not with the desired quality, so it is always better to use some optimization tool beforehand.


5. SEO:

Although we have mentioned it before, images are increasingly important for SEO positioning; its correct choice and quality will make the difference with the competition. We must use images in the post, at least 2 or 3, and add the alt attributes. For all the images on the web design, we will use short titles that contain the keywords, the ideal is to use lowercase, not to put the accents or ñ or ç or space characters, only letters and numbers, preferably always start with letters and replace the spaces by a dash.


6.As we have seen the images

have more and more weight in the web design, for something we live in the era of the image. It is one of the tools we have to try to differentiate ourselves from others. Think that the content you are creating is aimed at people not at machines, play with it and unmark yourself by surprising everyone who visits you. And you know, if you have any questions, do not hesitate to contact us the best web design company Dubai (www.si3.ae) serving since 2008.

Posted by Jack Dom - Sunday, October 28, 2018 - Comments 0