{"id":4394,"date":"2018-08-13T14:10:42","date_gmt":"2018-08-13T12:10:42","guid":{"rendered":"https:\/\/www.comunicazione21.com\/scegliere-foto-per-sito-web\/"},"modified":"2025-05-09T16:49:14","modified_gmt":"2025-05-09T14:49:14","slug":"choose-images-for-websites","status":"publish","type":"post","link":"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/","title":{"rendered":"Photos for websites: how to choose them with the eyes of a web designer"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column offset=&#8221;vc_col-lg-offset-1\/5 vc_col-lg-8&#8243;][vc_column_text css=&#8221;&#8221; el_class=&#8221;p1&#8243;]<\/p>\n<p id=\"tw-target-text\" class=\"tw-data-text tw-ta tw-text-small\" dir=\"ltr\" style=\"text-align: left;\" data-placeholder=\"Traduzione\"><span lang=\"it\">For your website, images are everything: they draw the attention and trigger a reaction in our mind instantaneously. If you use correctly the images, they play a key role in determining the first impression of a user, but they could also tell us what the website is about, and be a key factor to improve the positive perception of our brand. <\/span><span lang=\"it\">However, a wrong use of them could affect the user experience. So, how to make the correct selection?\u00a0<\/span><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8221;vc_default&#8221; full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1745996025180{background-position: 0 0 !important;background-repeat: no-repeat !important;}&#8221;][vc_column offset=&#8221;vc_col-lg-offset-1\/5 vc_col-lg-8 vc_hidden-sm vc_hidden-xs&#8221;][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_col-xs-offset-1 vc_col-xs-11&#8243;][vc_column_text css=&#8221;&#8221; el_class=&#8221;h-circle-pink&#8221;]<\/p>\n<h2>CHOOSE IMAGES ACCORDING TO THE WEB DESIGN, NOT THE OPPOSITE<\/h2>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10&#8243;][vc_single_image image=&#8221;1653&#8243; img_size=&#8221;large&#8221; alignment=&#8221;center&#8221; css=&#8221;&#8221; qode_css_animation=&#8221;&#8221;][vc_column_text css=&#8221;&#8221; el_class=&#8221;p2&#8243;]<\/p>\n<p style=\"font-weight: 400;\">Even if all the aspects of your website are important (content, colors, font, information architecture etc. etc.), images need your full attention from the user experience point of view. Thinking, creating a choosing the photos for your website should be done also using the mind and critical eye of a web designer. For impact, position and consistency, images must be in harmony with all the components of your project.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-sm vc_hidden-xs&#8221;][vc_empty_space height=&#8221;64px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-lg vc_hidden-md&#8221;][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_col-xs-offset-1 vc_col-xs-11&#8243;][vc_column_text css=&#8221;&#8221; el_class=&#8221;h-circle-pink&#8221;]<\/p>\n<h2>TREAT IMAGES AS REAL CONTENT<\/h2>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10&#8243;][vc_single_image image=&#8221;1651&#8243; img_size=&#8221;large&#8221; alignment=&#8221;center&#8221; css=&#8221;&#8221; qode_css_animation=&#8221;&#8221;][vc_column_text css=&#8221;&#8221; el_class=&#8221;p2&#8243;]<\/p>\n<p style=\"font-weight: 400;\">You certainly agree with the fact that, on a website, an image is part of its content&#8230; but, do you really treat it as such? Do you use it as decoration or filler? Have you considered all aspects related to that content? Have you evaluated them correctly whether to use it or not? Have you considered the needs of your users and the impact that the photo will have on them? Does the image provide meaningful information or enhance the user experience? These are just some of the questions you should ask yourself before choosing an image for your website. Photos should not be used just to &#8220;beautify&#8221;. It is to make mistakes, so let&#8217;s better understand how to evaluate a photo before using it.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-sm vc_hidden-xs&#8221;][vc_empty_space height=&#8221;64px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-lg vc_hidden-md&#8221;][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_col-xs-offset-1 vc_col-xs-11&#8243;][vc_column_text css=&#8221;&#8221; el_class=&#8221;h-circle-pink&#8221;]<\/p>\n<h2>HOW TO CHOOSE THE PERFECT IMAGE<\/h2>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10&#8243;][vc_single_image image=&#8221;1649&#8243; img_size=&#8221;large&#8221; alignment=&#8221;center&#8221; css=&#8221;&#8221; qode_css_animation=&#8221;&#8221;][vc_column_text css=&#8221;&#8221; el_class=&#8221;p2&#8243;]<\/p>\n<p id=\"tw-target-text\" class=\"tw-data-text tw-ta tw-text-small\" dir=\"ltr\" style=\"font-weight: 400;\" data-placeholder=\"Traduzione\"><span lang=\"it\">There are various aspects to consider when you choose a photo for your website. Let&#8217;s image that you know already how to evaluate the fundamental aspects of a photo: resolution, size, composition, and exposure. Once this is done, the image has passed the main test and you&#8217;ll be able to continue exploring the other fundamental aspects for its usage. Our brains process images 60,000 times faster than text, so it&#8217;s important to ask yourself some questions before making a choice:<\/span><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-sm vc_hidden-xs&#8221;][vc_empty_space height=&#8221;64px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-lg vc_hidden-md&#8221;][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_col-xs-offset-1 vc_col-xs-11&#8243;][vc_column_text css=&#8221;&#8221; el_class=&#8221;h-circle-pink&#8221;]<\/p>\n<h2 id=\"tw-target-text\" class=\"tw-data-text tw-ta tw-text-small\" dir=\"ltr\" data-placeholder=\"Traduzione\">IS IT USEFUL?<\/h2>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10&#8243;][vc_column_text css=&#8221;&#8221; el_class=&#8221;p2&#8243;]<\/p>\n<p class=\"tw-data-text tw-ta tw-text-small\" dir=\"ltr\" style=\"font-weight: 400;\" data-placeholder=\"Traduzione\"><span lang=\"it\">First of all, a photo needs to be useful. Using a photo to brighten up a page or fill in some space is not a crime, but even in these cases, it is necessary to consider the context in which they are placed. For photos to be appealing, stimulating, and useful, they should:<\/span><\/p>\n<ul>\n<li>help us understand something better<\/li>\n<li>teach us how to do something<\/li>\n<li>show us what something looks like<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-sm vc_hidden-xs&#8221;][vc_empty_space height=&#8221;64px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-lg vc_hidden-md&#8221;][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_col-xs-offset-1 vc_col-xs-11&#8243;][vc_column_text css=&#8221;&#8221; el_class=&#8221;h-circle-pink&#8221;]<\/p>\n<h2 id=\"tw-target-text\" class=\"tw-data-text tw-ta tw-text-small\" dir=\"ltr\" data-placeholder=\"Traduzione\">IS IT EFFICIENT?<\/h2>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10&#8243;][vc_column_text css=&#8221;&#8221; el_class=&#8221;p2&#8243;]<\/p>\n<p id=\"tw-target-text\" class=\"tw-data-text tw-ta tw-text-small\" dir=\"ltr\" style=\"font-weight: 400;\" data-placeholder=\"Traduzione\"><span lang=\"it\">Effective image is the one that prompts action, influences behaviour, and clearly communicates our message. For example, an effective product photo should not only make the product look beautiful, but convince users to purchase it. Every time an image is able to trigger a reaction in users, we can define it as effective.<\/span><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-sm vc_hidden-xs&#8221;][vc_empty_space height=&#8221;64px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-lg vc_hidden-md&#8221;][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_col-xs-offset-1 vc_col-xs-11&#8243;][vc_column_text css=&#8221;&#8221; el_class=&#8221;h-circle-pink&#8221;]<\/p>\n<h2 id=\"tw-target-text\" class=\"tw-data-text tw-ta tw-text-small\" dir=\"ltr\" data-placeholder=\"Traduzione\"><span lang=\"it\">DOES IT HAVE AN EMOTIONAL COMPONENT?<\/span><\/h2>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10&#8243;][vc_column_text css=&#8221;&#8221; el_class=&#8221;p2&#8243;]<\/p>\n<p id=\"tw-target-text\" class=\"tw-data-text tw-ta tw-text-small\" dir=\"ltr\" style=\"font-weight: 400;\" data-placeholder=\"Traduzione\"><span lang=\"it\">A photo with emotional component, should lead an emotional response from the viewer. Whether it is simply pleasant to look at, &#8220;shocking&#8221; to push us making an action, funny or attractive, the important is that the photo makes an impression on our subconscious, triggering a greater impact than a beautiful but totally &#8220;flat&#8221; image from an emotional point of view.<\/span><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-sm vc_hidden-xs&#8221;][vc_empty_space height=&#8221;64px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-lg vc_hidden-md&#8221;][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_col-xs-offset-1 vc_col-xs-11&#8243;][vc_column_text css=&#8221;&#8221; el_class=&#8221;h-circle-pink&#8221;]<\/p>\n<h2 id=\"tw-target-text\" class=\"tw-data-text tw-ta tw-text-small\" dir=\"ltr\" data-placeholder=\"Traduzione\"><span lang=\"it\">THE POWER OF FACES<\/span><\/h2>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10&#8243;][vc_single_image image=&#8221;1652&#8243; img_size=&#8221;large&#8221; alignment=&#8221;center&#8221; css=&#8221;&#8221; qode_css_animation=&#8221;&#8221;][vc_column_text css=&#8221;&#8221; el_class=&#8221;p2&#8243;]<\/p>\n<p id=\"tw-target-text\" class=\"tw-data-text tw-ta tw-text-small\" dir=\"ltr\" data-placeholder=\"Traduzione\"><span lang=\"it\">There are 7 emotions:<\/span><\/p>\n<ul>\n<li>happiness<\/li>\n<li>sadness<\/li>\n<li>disgust<\/li>\n<li>fear<\/li>\n<li>contempt<\/li>\n<li>surprise<\/li>\n<li>anger<\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_column_text css=&#8221;&#8221; el_class=&#8221;p2&#8243;]<\/p>\n<p style=\"font-weight: 400;\"><span lang=\"it\">These are universal emotions and are communicated (partially) through the facial expression and physical gestures. If you are using photos of people to communicate your message, pay attention to these seven basic emotions and decide which ones you&#8217;re trying to convey. Even a small expression can make the difference. When we see a face, in fact, we are automatically drawn to it and unconsciously seek to empathize with the person we see.<\/span><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-sm vc_hidden-xs&#8221;][vc_empty_space height=&#8221;64px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-lg vc_hidden-md&#8221;][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_col-xs-offset-1 vc_col-xs-11&#8243;][vc_column_text css=&#8221;&#8221; el_class=&#8221;h-circle-pink&#8221;]<\/p>\n<h2 id=\"tw-target-text\" class=\"tw-data-text tw-ta tw-text-small\" dir=\"ltr\" data-placeholder=\"Traduzione\"><span lang=\"it\">HOW NOT TO USE PHOTOS IN WEB DESIGN<\/span><\/h2>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10&#8243;][vc_single_image image=&#8221;1650&#8243; img_size=&#8221;large&#8221; alignment=&#8221;center&#8221; css=&#8221;&#8221; qode_css_animation=&#8221;&#8221;][vc_column_text css=&#8221;&#8221; el_class=&#8221;p2&#8243;]<\/p>\n<p style=\"font-weight: 400;\" data-placeholder=\"Traduzione\"><span lang=\"it\">Although we have extensively discussed how to use images correctly in web design, it is also important to understand how they are ofter used improperly. Here are some examples of how NOT to use photos and which elements to avoid:<\/span><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-sm vc_hidden-xs&#8221;][vc_empty_space height=&#8221;64px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-lg vc_hidden-md&#8221;][vc_empty_space][\/vc_column][\/vc_row][vc_row type=&#8221;full_width&#8221; row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; angled_section=&#8221;no&#8221; text_align=&#8221;left&#8221; background_image_as_pattern=&#8221;without_pattern&#8221;][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_col-xs-offset-1 vc_col-xs-10&#8243;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3 id=\"tw-target-text\" class=\"tw-data-text tw-ta tw-text-small\" dir=\"ltr\" data-placeholder=\"Traduzione\"><span lang=\"it\">NOT COHERENT IMAGES<\/span><\/h3>\n<p>[\/vc_column_text][vc_column_text css=&#8221;&#8221; el_class=&#8221;p2&#8243;]<\/p>\n<p class=\"tw-data-text tw-ta tw-text-small\" dir=\"ltr\" style=\"font-weight: 400;\" data-placeholder=\"Traduzione\"><span lang=\"it\">An image on a website should always be coherent with what the website is saying. If we consider a winery&#8217;s website, for example, this doesn&#8217;t mean that every single photo should feature grapes or wine, but rather that each image should reflect the textual content of the page it is on, creating coherence in the message and even reinforcing it.<\/span><\/p>\n<p>[\/vc_column_text][vc_empty_space][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3>IMAGES WITH BLURRED BACKGROUND<\/h3>\n<p>[\/vc_column_text][vc_column_text css=&#8221;&#8221; el_class=&#8221;p2&#8243;]<\/p>\n<p id=\"tw-target-text\" class=\"tw-data-text tw-ta tw-text-small\" dir=\"ltr\" style=\"font-weight: 400;\" data-placeholder=\"Traduzione\"><span lang=\"it\">If used just as decorative &#8220;filler&#8221;, they don&#8217;t communicate anything about you or your website, or what you do. They are practically meaningless. Avoid blurry photo as much as possible&#8230; you can definitely do better.<\/span><\/p>\n<p>[\/vc_column_text][vc_empty_space][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3>STOCK IMAGES<\/h3>\n<p>[\/vc_column_text][vc_column_text css=&#8221;&#8221; el_class=&#8221;p2&#8243;]<\/p>\n<p id=\"tw-target-text\" class=\"tw-data-text tw-ta tw-text-small\" dir=\"ltr\" style=\"font-weight: 400;\" data-placeholder=\"Traduzione\"><span lang=\"it\">Stock images rarely communicate the right message. They are images created specifically to represent a certain subject or situation. We are not advising you to completely avoid their usage (sometimes can be useful), but to not overuse and to invest in quality images by relying on a professional as well.<\/span><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-sm vc_hidden-xs&#8221;][vc_empty_space height=&#8221;64px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-lg vc_hidden-md&#8221;][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column offset=&#8221;vc_col-lg-offset-1 vc_col-lg-10&#8243;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3 style=\"text-align: center;\">CONSIDERATIONS<\/h3>\n<p>[\/vc_column_text][vc_column_text css=&#8221;&#8221; el_class=&#8221;p1 h-group-circle-pink&#8221;]<\/p>\n<p style=\"text-align: center;\">Whenever you want to create a new site or web page start thinking about images at the beginning of the design process. If you\u2019ve done the right research, choosing them won\u2019t be difficult. Invest in photo shoots: A good photographer can exponentially increase the business value of your website.<\/p>\n<p style=\"text-align: center;\">Do you want some new photos to put on your website or for social media? <a href=\"https:\/\/www.comunicazione21.com\/en\/contact\/\">Contact us<\/a> now, we collaborate with some of the best photographers in the area!<\/p>\n<p>[\/vc_column_text]\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f9146-o1\" lang=\"it-IT\" dir=\"ltr\" data-wpcf7-id=\"9146\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/posts\/4394#wpcf7-f9146-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Modulo di contatto\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"9146\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.0.6\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"it_IT\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f9146-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/div>\n<div class=\"vc_row wpb_row\">\n\t<div class=\"wpb_column vc_column_container vc_col-sm-6\">\n\t\t<div class=\"vc_column-inner\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Name*\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"wpb_column vc_column_container vc_col-sm-6\">\n\t\t<div class=\"vc_column-inner\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Last Name*\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<div class=\"vc_row wpb_row\">\n\t<div class=\"wpb_column vc_column_container vc_col-sm-6\">\n\t\t<div class=\"vc_column-inner\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"E-mail*\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"wpb_column vc_column_container vc_col-sm-6\">\n\t\t<div class=\"vc_column-inner\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Subject*\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message*\" name=\"your-message\"><\/textarea><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-585\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"acceptance-585\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">I authorize the processing of my personal data in accordance with Italian Legislative Decree No. 196 of 30 June 2003 and Article 13 of the GDPR (EU Regulation 2016\/679).<\/span><\/label><\/span><\/span><\/span>\n<\/p>\n<p><button type=\"submit\"><span type=\"submit\" class=\"c21-btn p4\"><span class=\"c21-btn-text\">SEND<\/span><span class=\"c21-icon\"><span class=\"c21-icon-content c21-icon-cta-arrow-right-fill\"><\/span><\/span><\/span><\/button>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n[\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column offset=&#8221;vc_col-lg-offset-1\/5 vc_col-lg-8&#8243;][vc_column_text css=&#8221;&#8221; el_class=&#8221;p1&#8243;]&hellip;<\/p>\n","protected":false},"author":1,"featured_media":5938,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4394","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-branding-experience-en","category-1","description-off"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Photos for websites: how to choose them with the eyes of a web designer<\/title>\n<meta name=\"description\" content=\"Learn how to choose the best images for your website: analyze colors, position, size and effect on users as a real web designer would do!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Photos for websites: how to choose them with the eyes of a web designer\" \/>\n<meta property=\"og:description\" content=\"Learn how to choose the best images for your website: analyze colors, position, size and effect on users as a real web designer would do!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/\" \/>\n<meta property=\"og:site_name\" content=\"Comunicazione 21 | Web agency Conegliano, Treviso\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-13T12:10:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-09T14:49:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.comunicazione21.com\/wp-content\/uploads\/2018\/08\/dan-gold-382057-unsplash-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1400\" \/>\n\t<meta property=\"og:image:height\" content=\"933\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"com21admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"com21admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/\"},\"author\":{\"name\":\"com21admin\",\"@id\":\"https:\/\/www.comunicazione21.com\/#\/schema\/person\/b0ef7d849d895087ad47453a8da19030\"},\"headline\":\"Photos for websites: how to choose them with the eyes of a web designer\",\"datePublished\":\"2018-08-13T12:10:42+00:00\",\"dateModified\":\"2025-05-09T14:49:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/\"},\"wordCount\":2005,\"publisher\":{\"@id\":\"https:\/\/www.comunicazione21.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.comunicazione21.com\/wp-content\/uploads\/2018\/08\/dan-gold-382057-unsplash-1.jpg\",\"articleSection\":[\"Branding Experience\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/\",\"url\":\"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/\",\"name\":\"Photos for websites: how to choose them with the eyes of a web designer\",\"isPartOf\":{\"@id\":\"https:\/\/www.comunicazione21.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.comunicazione21.com\/wp-content\/uploads\/2018\/08\/dan-gold-382057-unsplash-1.jpg\",\"datePublished\":\"2018-08-13T12:10:42+00:00\",\"dateModified\":\"2025-05-09T14:49:14+00:00\",\"description\":\"Learn how to choose the best images for your website: analyze colors, position, size and effect on users as a real web designer would do!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/#primaryimage\",\"url\":\"https:\/\/www.comunicazione21.com\/wp-content\/uploads\/2018\/08\/dan-gold-382057-unsplash-1.jpg\",\"contentUrl\":\"https:\/\/www.comunicazione21.com\/wp-content\/uploads\/2018\/08\/dan-gold-382057-unsplash-1.jpg\",\"width\":1400,\"height\":933},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.comunicazione21.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photos for websites: how to choose them with the eyes of a web designer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.comunicazione21.com\/#website\",\"url\":\"https:\/\/www.comunicazione21.com\/\",\"name\":\"Web agency Conegliano, Treviso | Comunicazione 21\",\"description\":\"We Design Your Identity\",\"publisher\":{\"@id\":\"https:\/\/www.comunicazione21.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.comunicazione21.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.comunicazione21.com\/#organization\",\"name\":\"Comunicazione 21\",\"url\":\"https:\/\/www.comunicazione21.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.comunicazione21.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.comunicazione21.com\/wp-content\/uploads\/2025\/02\/Logo-C21\u00ae-color.svg\",\"contentUrl\":\"https:\/\/www.comunicazione21.com\/wp-content\/uploads\/2025\/02\/Logo-C21\u00ae-color.svg\",\"width\":372,\"height\":60,\"caption\":\"Comunicazione 21\"},\"image\":{\"@id\":\"https:\/\/www.comunicazione21.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.comunicazione21.com\/#\/schema\/person\/b0ef7d849d895087ad47453a8da19030\",\"name\":\"com21admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.comunicazione21.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cb1d31d6b111e085695b7ea8ea6f6601cd9402844b2a4bb2213af5266d0a00c3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cb1d31d6b111e085695b7ea8ea6f6601cd9402844b2a4bb2213af5266d0a00c3?s=96&d=mm&r=g\",\"caption\":\"com21admin\"},\"sameAs\":[\"https:\/\/www.comunicazione21.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Photos for websites: how to choose them with the eyes of a web designer","description":"Learn how to choose the best images for your website: analyze colors, position, size and effect on users as a real web designer would do!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/","og_locale":"en_US","og_type":"article","og_title":"Photos for websites: how to choose them with the eyes of a web designer","og_description":"Learn how to choose the best images for your website: analyze colors, position, size and effect on users as a real web designer would do!","og_url":"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/","og_site_name":"Comunicazione 21 | Web agency Conegliano, Treviso","article_published_time":"2018-08-13T12:10:42+00:00","article_modified_time":"2025-05-09T14:49:14+00:00","og_image":[{"width":1400,"height":933,"url":"https:\/\/www.comunicazione21.com\/wp-content\/uploads\/2018\/08\/dan-gold-382057-unsplash-1.jpg","type":"image\/jpeg"}],"author":"com21admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"com21admin","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/#article","isPartOf":{"@id":"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/"},"author":{"name":"com21admin","@id":"https:\/\/www.comunicazione21.com\/#\/schema\/person\/b0ef7d849d895087ad47453a8da19030"},"headline":"Photos for websites: how to choose them with the eyes of a web designer","datePublished":"2018-08-13T12:10:42+00:00","dateModified":"2025-05-09T14:49:14+00:00","mainEntityOfPage":{"@id":"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/"},"wordCount":2005,"publisher":{"@id":"https:\/\/www.comunicazione21.com\/#organization"},"image":{"@id":"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/#primaryimage"},"thumbnailUrl":"https:\/\/www.comunicazione21.com\/wp-content\/uploads\/2018\/08\/dan-gold-382057-unsplash-1.jpg","articleSection":["Branding Experience"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/","url":"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/","name":"Photos for websites: how to choose them with the eyes of a web designer","isPartOf":{"@id":"https:\/\/www.comunicazione21.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/#primaryimage"},"image":{"@id":"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/#primaryimage"},"thumbnailUrl":"https:\/\/www.comunicazione21.com\/wp-content\/uploads\/2018\/08\/dan-gold-382057-unsplash-1.jpg","datePublished":"2018-08-13T12:10:42+00:00","dateModified":"2025-05-09T14:49:14+00:00","description":"Learn how to choose the best images for your website: analyze colors, position, size and effect on users as a real web designer would do!","breadcrumb":{"@id":"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/#primaryimage","url":"https:\/\/www.comunicazione21.com\/wp-content\/uploads\/2018\/08\/dan-gold-382057-unsplash-1.jpg","contentUrl":"https:\/\/www.comunicazione21.com\/wp-content\/uploads\/2018\/08\/dan-gold-382057-unsplash-1.jpg","width":1400,"height":933},{"@type":"BreadcrumbList","@id":"https:\/\/www.comunicazione21.com\/en\/choose-images-for-websites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.comunicazione21.com\/en\/"},{"@type":"ListItem","position":2,"name":"Photos for websites: how to choose them with the eyes of a web designer"}]},{"@type":"WebSite","@id":"https:\/\/www.comunicazione21.com\/#website","url":"https:\/\/www.comunicazione21.com\/","name":"Web agency Conegliano, Treviso | Comunicazione 21","description":"We Design Your Identity","publisher":{"@id":"https:\/\/www.comunicazione21.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.comunicazione21.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.comunicazione21.com\/#organization","name":"Comunicazione 21","url":"https:\/\/www.comunicazione21.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.comunicazione21.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.comunicazione21.com\/wp-content\/uploads\/2025\/02\/Logo-C21\u00ae-color.svg","contentUrl":"https:\/\/www.comunicazione21.com\/wp-content\/uploads\/2025\/02\/Logo-C21\u00ae-color.svg","width":372,"height":60,"caption":"Comunicazione 21"},"image":{"@id":"https:\/\/www.comunicazione21.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.comunicazione21.com\/#\/schema\/person\/b0ef7d849d895087ad47453a8da19030","name":"com21admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.comunicazione21.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cb1d31d6b111e085695b7ea8ea6f6601cd9402844b2a4bb2213af5266d0a00c3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cb1d31d6b111e085695b7ea8ea6f6601cd9402844b2a4bb2213af5266d0a00c3?s=96&d=mm&r=g","caption":"com21admin"},"sameAs":["https:\/\/www.comunicazione21.com"]}]}},"_links":{"self":[{"href":"https:\/\/www.comunicazione21.com\/en\/wp-json\/wp\/v2\/posts\/4394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.comunicazione21.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.comunicazione21.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.comunicazione21.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.comunicazione21.com\/en\/wp-json\/wp\/v2\/comments?post=4394"}],"version-history":[{"count":6,"href":"https:\/\/www.comunicazione21.com\/en\/wp-json\/wp\/v2\/posts\/4394\/revisions"}],"predecessor-version":[{"id":9983,"href":"https:\/\/www.comunicazione21.com\/en\/wp-json\/wp\/v2\/posts\/4394\/revisions\/9983"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.comunicazione21.com\/en\/wp-json\/wp\/v2\/media\/5938"}],"wp:attachment":[{"href":"https:\/\/www.comunicazione21.com\/en\/wp-json\/wp\/v2\/media?parent=4394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.comunicazione21.com\/en\/wp-json\/wp\/v2\/categories?post=4394"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.comunicazione21.com\/en\/wp-json\/wp\/v2\/tags?post=4394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}