Images are usually the last thing people think about when building their first WordPress site. You pick a layout, sort out fonts and colours, write the content — and then grab whatever photos look reasonable, upload them, and move on.
The problem is that visitors process visuals before they read a single word. A page with mismatched, generic, or unrelated images creates an immediate impression of something unfinished, regardless of how well the written content is put together. Getting image choices right from the start isn’t about aesthetics for its own sake — it’s about making sure visitors trust what they’re reading.
If you’re working through the wider build process, the step-by-step guide to building a WordPress website covers how images fit in alongside everything else that needs setting up.
Quick Answer
For a new WordPress website, use consistent images that match your content and visual style. Decide on one approach — photography, illustration, or screenshots — and use it throughout. Source images from properly licensed free libraries such as Unsplash or Pexels, compress before uploading, and set descriptive alt text on every image that communicates meaning. Avoid mixing styles and never upload images at original resolution.
Why Image Choice Matters for Your Site
Images affect more than how a site looks. They influence whether visitors stay, whether they trust the content, and whether search engines can index your visual material properly.
A blog post full of generic stock photography — the smiling team in an office, the hands on a keyboard, the close-up of a coffee cup — communicates nothing about what the post actually covers. Visitors register the disconnect even if they don’t consciously notice it.
There’s also a performance dimension. Unoptimised images are one of the leading causes of slow WordPress sites, and slow sites rank lower and lose visitors before the page even finishes loading. How you handle images from day one has a direct bearing on both experience and visibility.
How to Choose the Right Images
1. Decide on a Visual Style Before You Start
The most common image mistake I see on new sites is mixing visual styles without realising it. Photography, flat icons, illustrations, and annotated screenshots all look fine on their own — but put three different styles on the same page and it creates an inconsistent look that undermines the site’s credibility.
Pick one primary approach:
- Photography works for lifestyle content, service businesses, and anywhere you want to convey atmosphere or show real-world context
- Illustrations and icons suit software, technical, and SaaS content where you’re explaining a concept rather than showing a real thing
- Screenshots and annotated images are the right choice for tutorials, how-to guides, and any content that documents a process
If you want to lock in these visual decisions across your whole site, creating a website style guide is the structured way to do it.
2. Match Every Image to the Content Around It
An image should earn its place on a page by reinforcing what’s being communicated. A screenshot of a WordPress dashboard tells a reader exactly what they’re looking at. A photo of a laptop on a desk tells them nothing.
Think about what each image is supposed to do:
- On a tutorial or how-to post, use screenshots or annotated images that show the actual steps
- On a homepage or service page, use visuals that reflect the outcome — what does success look like for someone who uses your site or works with you?
- On a blog post, the featured image should reflect the topic, not just look decorative
If an image doesn’t add information or support the message, it’s better not to include one. Fewer images, better placed, is nearly always more effective than filling a page with visuals.
3. Source Images from Properly Licensed Libraries
For photography, Unsplash and Pexels both offer free images under permissive licences. Pixabay is also useful. These are far better than pulling images from Google Image Search, where almost everything is copyrighted and using it without a licence creates real risk.
For icons and simple graphics, Flaticon has a large free library. For creating custom header images, banners, or infographics, Canva’s free tier covers most of what a new site needs.
If you’re writing tutorials or documenting a process, screenshots are often the most valuable images you can use — they’re unique to your site and directly relevant to the content around them.
4. Compress and Resize Before You Upload
Uploading images at original resolution is one of the most consistent mistakes on new WordPress sites. A photo straight from a camera or stock site can easily be 4–6MB and several thousand pixels wide. That’s unnecessary weight on every page it appears on.
Before uploading:
- Resize to the maximum display width — usually 1200px or less for most post images
- Compress using a tool like Squoosh (free, browser-based) or ShortPixel before uploading
- Use WebP format where possible — smaller file sizes than JPEG or PNG at comparable quality
For the full process of handling images within WordPress — including how plugins manage compression after upload and how file names affect search visibility — see how to optimise images for SEO in WordPress.
5. Set Alt Text for Every Meaningful Image
Alt text describes an image to screen readers and search engines. Google uses it alongside computer vision and page context to understand what an image shows — a point covered in detail in Google’s image SEO documentation.
In WordPress, the alt text field appears in the block settings panel when you insert an image. Write a short description of what the image shows in the context of that specific post. “WordPress media library screenshot showing the upload screen” is useful. “Screenshot” or a blank field is not.
Purely decorative images — dividers, background textures — can have empty alt text. Anything that communicates meaning should have a description.
Practical Tips
- I usually recommend keeping the same dimensions across all featured images — consistent aspect ratios make your blog archive and category pages look intentional. For the specifics of setting these up correctly, see how to add featured images in WordPress
- When using stock photography, search for images that feel natural rather than staged — posed stock photos with people pointing at whiteboards or shaking hands rarely land well
- Name image files descriptively before uploading: “wordpress-media-library.jpg” is better than “IMG_4087.jpg” and supports image search indexing
- Canva’s free tier is sufficient for most featured image and graphic work on a new site
Common Mistakes
Uploading at original resolution. A 6000px wide photo uploaded straight to WordPress creates a large file that slows every page it appears on. Always resize and compress first.
Mixing unrelated image styles. Photography, flat illustration, and screenshots sitting on the same page create visual noise. Pick a style and stick with it throughout the site.
Using images just to break up text. An image that doesn’t relate to the surrounding content adds load time without adding value. If it doesn’t support the message, cut it.
Ignoring alt text. Missing alt text is one of the most common accessibility and SEO gaps on new sites. It takes seconds to add and has a direct impact on how the content is indexed and experienced by screen reader users.
When to Use Illustrations Instead of Photography
Photography works best when atmosphere or real-world context matters — lifestyle content, service businesses, food, travel. For most tutorial and technical content, it tends to get in the way. A photo of someone at a laptop doesn’t explain anything about WordPress configuration.
If your content is instructional, lean towards screenshots, annotated images, or simple icons. If your brand is more visual or lifestyle-led, photography is the stronger choice. Some sites use both — photography in page headers and hero sections, screenshots and icons within post content. That can work well when the division is intentional and consistent.
Conclusion
Decide on a visual style, source images legally, compress before uploading, and set alt text on anything that communicates meaning. Those four habits account for most of the image-related problems on new WordPress sites — and they’re straightforward to build in from the start.
Etienne Basson works with website systems, SEO-driven site architecture, and technical implementation. He writes practical guides on building, structuring, and optimizing websites for long-term growth.