{"id":5695,"date":"2019-07-13T09:48:00","date_gmt":"2019-07-13T07:48:00","guid":{"rendered":"https:\/\/www.2manydots.nl\/kenniscentrum\/5-tips-for-professional-website-images"},"modified":"2025-10-30T11:25:28","modified_gmt":"2025-10-30T10:25:28","slug":"5-tips-for-professional-website-images","status":"publish","type":"news_pt","link":"https:\/\/www.2manydots.nl\/en\/knowledge-center\/5-tips-for-professional-website-images","title":{"rendered":"5 tips for professional website images"},"content":{"rendered":"<p>Images make for an attractive website. They encourage visitors to take action. Since visitors judge within 7 seconds whether or not to stay on a website, it helps to draw them in with images.<\/p>\n<p>As specialists in converting websites, we recommend that companies choose website images that fit the business and design.<\/p>\n<h2 class=\"wp-block-heading\">Tip 1: Images for retina screen<\/h2>\n<p>2manydots creates websites suitable for retina screens. A whole host of Apple products take advantage of this. A retina-optimized website assesses whether, when displayed, the standard image is sufficient, or whether the extra-large version suitable for retina screens is required. This way the speed of the website is not compromised.<\/p>\n<figure class=\"wp-block-embed is-type-rich is-provider-spotify wp-block-embed-spotify wp-embed-aspect-21-9 wp-has-aspect-ratio\">\n<div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Spotify Embed: 5 tips voor professionele website-afbeeldingen\" style=\"border-radius: 12px\" width=\"100%\" height=\"152\" frameborder=\"0\" allowfullscreen allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\" src=\"https:\/\/open.spotify.com\/embed\/episode\/1MRPmSd1sOGvAzECcG0lju?si=pynnwD2KTFie2nmF1RnI-g&#038;utm_source=oembed\"><\/iframe>\n<\/div>\n<\/figure>\n<p>If you do not have a retina optimal website, you can choose to upload each image twice the size. The disadvantage is then that the image causes slow loading time on all other screens. You can also upload images at normal size, then you will have blurred images on retina screens.<\/p>\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Retina screens have twice as many pixels, making images appear sharper.<\/p>\n<\/blockquote>\n<h2 class=\"wp-block-heading\">Tip 2: Keep in mind the maximum width<\/h2>\n<p>Header images are often page-wide. But keep in mind that visitors use different sizes of screens. What you want to prevent is an image becoming blurry because it is pulled apart due to being too small in size. Therefore, make sure you have a <a href=\"https:\/\/www.2manydots.nl\/kenniscentrum\/5-tips-voor-een-slimme-homepage-header\" target=\"_blank\" rel=\"noreferrer noopener\">header image<\/a> with a minimum width of 1920 pixels. Over 95 percent of Internet users have a screen of that width or narrower.  <\/p>\n<h2 class=\"wp-block-heading\">Tip 3: Add mobile headers<\/h2>\n<p>On many <em>responsive<\/em> websites, the header image of the desktop version is scaled to a smaller size to fit a mobile screen. As a result, images appear very small and prickly. In other cases, the image is cut out a piece(s). This means you have no control over the header displayed on smartphones. A good responsive website, therefore, offers the option of uploading a separate header for mobile users. That way you keep exact control over what you show.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.2manydots.nl\/wp-content\/uploads\/2023\/11\/featured-2MD-divers-HR17.jpg\" alt=\"featured-2MD-divers-HR17\"\/><\/figure>\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>A good responsive website, therefore, offers the option of uploading a separate header for mobile users.<\/p>\n<\/blockquote>\n<h2 class=\"wp-block-heading\">Tip 4: Free images must be good<\/h2>\n<p>Stock photos are the nail in the coffin of every website. A picture of smiling people around a conference table 200 meters above New York while you work in a modest office in Blaricum &#8211; no one will fall for that. If you want to use free imagery, choose suitable snapshots as well. Free royalty-free images can be found at:<\/p>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.pexels.com\/\" rel=\"noreferrer noopener\" target=\"_blank\">Pexels<\/a><\/li>\n<li><a href=\"https:\/\/pixabay.com\/nl\/\" rel=\"noreferrer noopener\" target=\"_blank\">Pixabay<\/a><\/li>\n<li><a href=\"https:\/\/www.unsplash.com\" rel=\"noreferrer noopener\" target=\"_blank\">Unsplash<\/a><\/li>\n<\/ul>\n<p>You download the photos with a snap, but of course it is always better to use your own images. Therefore, the choice of free stock photos should be a temporary one.<\/p>\n<h2 class=\"wp-block-heading\">Tip 5: Lying down or standing up<\/h2>\n<p>If the web design assumes that the images should be landscape, it is very unwise to insert portrait images here. So either in the design phase make sure the design matches your image bank, or when creating an image bank make sure you photograph based on the web design. Your web designer can often specify what formats are used in the design.<\/p>\n","protected":false},"author":3,"featured_media":3885,"template":"","tags":[],"type_news_pt":[193],"theme_news_pt":[203],"class_list":["post-5695","news_pt","type-news_pt","status-publish","has-post-thumbnail","hentry","type_news_pt-blogs-en","theme_news_pt-wordpress-web-design"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.2manydots.nl\/en\/wp-json\/wp\/v2\/news_pt\/5695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.2manydots.nl\/en\/wp-json\/wp\/v2\/news_pt"}],"about":[{"href":"https:\/\/www.2manydots.nl\/en\/wp-json\/wp\/v2\/types\/news_pt"}],"author":[{"embeddable":true,"href":"https:\/\/www.2manydots.nl\/en\/wp-json\/wp\/v2\/users\/3"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.2manydots.nl\/en\/wp-json\/wp\/v2\/media\/3885"}],"wp:attachment":[{"href":"https:\/\/www.2manydots.nl\/en\/wp-json\/wp\/v2\/media?parent=5695"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.2manydots.nl\/en\/wp-json\/wp\/v2\/tags?post=5695"},{"taxonomy":"type_news_pt","embeddable":true,"href":"https:\/\/www.2manydots.nl\/en\/wp-json\/wp\/v2\/type_news_pt?post=5695"},{"taxonomy":"theme_news_pt","embeddable":true,"href":"https:\/\/www.2manydots.nl\/en\/wp-json\/wp\/v2\/theme_news_pt?post=5695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}