Can you imagine browsing the internet and you find a site with no images, videos or icons of any kind? Just text from beginning to end.
It's complicated, isn't it? We need images because they help us understand the message more quickly, they accompany the texts and allow the design to breathe and be more user-friendly. That's why images play a key role in web content .
Here are a few quick questions. If you answered no to at least one of them, I recommend that you keep reading because we will answer them throughout this article.
image banks located?
Do you know more than three types of images for web pages?
Do you know how to optimize images for SEO?
Do you differentiate between image formats for the web?
Do you know which one is more recommended and why?
How did it go? Are you staying? Let's go.
What options do you have for adding graphic material to your website?
When I start a web design project, one of the main things I need before I start working on it is the content. And choosing images for the website is not an easy task. Especially because each case is different. If you have a personal brand, you will not need the same material as if you have an e-commerce or a portfolio. Even so, these are the three basic sources to get quality images.
Image banks: some of the best known are Pixabay , Freepik or 123rf , although there are many more. Each website has its own way of working with free or paid alternatives. The main advantage of using these image banks is the great variety available, since you can find not only photographs, but also illustrations and vectors. However, keep in mind that using only stock photos can end up taking away personality from your brand, so it is advisable to combine them with the following options that I indicate below.
Your own photos or illustrations: having exclusive photos of yourself designed for your brand and your products or services is, without a doubt, a great advantage. It allows you to personalize and show something unique that only you offer. To get a good result, you can hire a professional session or hire a good illustrator. It is more expensive, yes, but you will have photos that will convey the added value of your brand and denote greater professionalism.
Custom images: not too much, not too little, why not take stock images and give them a personal touch with an editor like Photoshop or even Canva ? It is a very effective resource that allows you to spend less money and still maintain originality and differentiation.
5 tips on how to use images for web pages
Now that you have your images selected, put these 5 tips into practice to optimize them on your website.
Choose the image format
It's a topic that many people don't pay attention to. But it's the small details active telegram number data
that make the difference. So keep them in mind.
Choosing the right format will determine the image quality, depth and colors, and will also make it possible to better optimize the weight of the photo.
The three main formats we most often encounter are PNG, JPG, and GIF. Without going into too much technical detail (if you are interested in the topic, I will prepare a content on this), I recommend differentiating them according to their use:
PNG: These images tend to be heavier so I only use them for photos or icons with transparent backgrounds.
JPG: This is the perfect format for large background images.
GIF: Make the most of animations (the same ones you send via WhatsApp when an emoticon doesn't do justice to your joy) but don't overdo it so it doesn't look overloaded.
