---
title: Image Selection
description: One of my favorite parts when polishing off a website design is choosing the images. Images can 100% make or break your website. They reinforce the…
---

[Skip to content](https://help.punchmark.com/knowledgebase/wiki/spaces/punchmark/pages/144965642#main-content)

English

Show submenu for translations

[![punchmark-logo-horizontal-white](https://help.punchmark.com/hs-fs/hubfs/Punchmark%20Branding/punchmark-logo-horizontal-white.png?width=225&height=38&name=punchmark-logo-horizontal-white.png)](https://academy.punchmark.com/knowledge?hsLang=en)

- [Website](https://www.punchmark.com/)
- [News](https://www.punchmark.com/news)
- [Support](https://www.punchmark.com/contact-support)
- [In the Loupe](https://www.punchmark.com/loupe)

Open main navigation

Close main navigation

- [Website](https://www.punchmark.com/)
- [News](https://www.punchmark.com/news)
- [Support](https://www.punchmark.com/contact-support)
- [In the Loupe](https://www.punchmark.com/loupe)
- English
  
  Show submenu for translations
- Go to punchmark.com

 Go to punchmark.com

 Hello. How can we help you?

- There are no suggestions because the search field is empty.

1. [Punchmark Knowledge Base](https://help.punchmark.com/knowledgebase?hsLang=en)
2. [hidden WIP](https://help.punchmark.com/knowledgebase/hidden-wip?hsLang=en)
3. [Mini Blogs](https://help.punchmark.com/knowledgebase/hidden-wip?hsLang=en#mini-blogs)

# Image Selection

One of my favorite parts when polishing off a website design is choosing the images. Images can 100% make or break your website. They reinforce the aesthetic and give your site so much interest! How do I source my imagery? I either use istock images or brand/vendor images.

Let’s start with do’s and don’ts while choosing istock images:

DO use well edited, lifestyle imagery. 

![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/144965652-a178a38be4.jpg)

DON’T choose people looking cheesily right at the camera because a lot of these look like cheap stock imagery and I’ve honestly recognized istock people on other websites or even seen them on billboards in real life! “Oh my goodness! There’s generic Gillian from istock!” 

![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/144965659-d46ab9b638.jpg)

DO use candid moments if you want to show lifestyle imagery of people. 

![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/144965665-c042aad695.jpg)

DO choose a selection of diverse images.

![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/144965671-6a49bff89f.jpg)

DO choose highly styled images if you’re going for a high end look.

![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/144965677-ca4d912b47.jpg)

DO use a person making eye contact on rare, rare occasion. Usually professional brand images do this well.

![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/144965683-7edff66d60.jpg)

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

Now let’s talk about how to group these images together, make your website cohesive and have the same tone throughout.

DO stick with the same tone whether it’s cool or warm. Here’s an example of warm tones.

![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/144965689-0ee13994ed.png)

DON'T show the same body part over and over again. Too many hands!!!

![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/144965695-450a4e9f82.png)

DO mix it up and show an arm, then a face then perhaps just jewelry on it’s own.

![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/144965701-48b51bd169.png)

Lastly, I love using images from a vendor/brand especially if it’s all from the same styled shoot. The images will automatically go together perfectly. You could choose from any of these below for a curated look.

![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/144965707-c0066762e6.png)

- [Default HubSpot Blog](https://blog.punchmark.com/blog)

[![pm-symbol-blue](https://help.punchmark.com/hs-fs/hubfs/Punchmark%20Branding/pm-symbol-blue.png?width=40&height=45&name=pm-symbol-blue.png "pm-symbol-blue")](https://academy.punchmark.com/knowledge?hsLang=en)

Punchmark Resource Center

<https://www.facebook.com/punchmark> <https://www.instagram.com/punchmarkwebsites/> <https://open.spotify.com/show/1IBgfY1m1GIDkkF5N8Dn8F?go=1&sp_cid=0869f391274eb7a313244a8b2a29e059&utm_source=embed_player_p&utm_medium=desktop&nd=1&dlsi=44933130a20a4bcc>

Copyright © 2026, Punchmark