Why images matter
Most websites use images, and for good reason. A well-chosen picture can explain something in a glance, set the tone of a page, and make text easier to approach. Pages made entirely of text can feel dense, and visitors often decide quickly whether a page looks worth their time.
That said, images also carry costs: they add to page weight, they need descriptions for people who cannot see them, and poor choices can make a site look generic. The aim is to use images with purpose, and to prepare them properly.
What images do for a page
They communicate quickly
People tend to take in a picture faster than a paragraph. A product photo, a diagram, or a map can answer a question that would take many sentences to describe. This is the idea behind the old saying that a picture is worth a thousand words.
They support trust and personality
For small businesses, photographers, and service providers, photos of real people, places, and work help visitors understand who they would be dealing with. Photographers can read how to get a photography business started for advice on building a portfolio site. Familiar faces and real examples can make a site feel more credible than a page of general claims. Research on familiarity suggests repeated exposure can build comfort, though it is wise not to overstate how strong that effect is in any particular case.
They break up and support text
Images give the eye a rest and signal where a new section starts. Diagrams, screenshots, and infographics can carry information that would be clumsy in prose.
They shape how a brand feels
Colors, framing, and style contribute to the overall impression of a site. Consistent image treatment, such as similar lighting or editing, makes a site feel cohesive.
Original photos versus stock photos
Stock photos are quick and convenient, and they are fine for generic illustration. But visitors often recognize them, and they can make a business feel less distinct. Where a page is about your own work, team, or products, original photos usually communicate more, and our guide to taking professional photos at home shows how to get good results without a studio. If you use stock, choose images that fit the content rather than ones that merely fill space, and check the license terms.
Whatever you use, make sure you have the right to publish it. Using images you do not own or have a license for can lead to copyright problems.
Images and search visibility
Search engines read the text around an image, its file name, and its alt text to understand what it shows. Some practical habits:
- Use a descriptive file name, such as
red-ceramic-teapot.jpgrather thanIMG_4821.jpg. - Write accurate alt text describing the image.
- Place images near the text they relate to.
- Keep file sizes reasonable, since page speed can affect user experience and search performance.
Images can also appear in image search results, which gives them a chance to bring visitors in. No tactic guarantees rankings, so treat these as good practice rather than a formula.
Accessibility and alt text
Alt text is a short description added to an image so that people using screen readers, or those whose images fail to load, still get the meaning. A good description is concise and says what matters about the image in context. Purely decorative images can have empty alt text so screen readers skip them. Avoid starting every description with “image of”, since assistive technology already announces that it is an image.
The performance cost
Images are often the heaviest part of a page. Oversized files slow loading, especially on mobile connections. To keep the benefits without the penalty:
- Resize images to the size they will actually display, not the size they came off the camera. Our guide to the best DPI for website images explains why pixel dimensions matter more than the DPI setting.
- Compress them, using JPEG or a modern format like WebP for photos.
- Provide different sizes for different screens where your platform supports it.
- Avoid loading dozens of large images on one page.
How to insert an image in a web page
If you use a website builder or content management system, there is usually an “add image” or “media” button that handles upload and placement for you. In plain HTML, an image is added with the img tag:
<img src="images/red-ceramic-teapot.jpg" alt="Red ceramic teapot on a wooden table" width="800" height="600">srcpoints to the image file, either a relative path or a full address.altholds the alternative text.widthandheightreserve space so the page does not jump while loading.
Upload the image file to your site first, and make sure the path in src matches where it is stored.
What is the 2/3 rule for pictures?
This phrase most likely refers to the rule of thirds, a composition guideline in photography where you divide the frame into a three-by-three grid and place key elements along the lines or at their intersections. It can make a picture feel balanced. It is a guideline, not a requirement. Some people use “2/3” in other ways, such as a layout proportion of two thirds image to one third text, so the meaning depends on the source.
Benefits of adding images or pictures to a document
The same reasoning applies to documents such as reports, handouts, and presentations:
- They clarify complex ideas with diagrams, charts, or examples.
- They make long text easier to scan.
- They can help readers remember key points.
- They make the document look more finished and engaging.
As on the web, keep pictures relevant, legible, and reasonably sized so files stay manageable.
Mistakes to avoid
- Using images that do not relate to the content.
- Uploading full-size camera files without resizing.
- Leaving out alt text.
- Placing text inside an image where it cannot be read by assistive technology or resized.
- Using images you do not have permission to publish.
FAQ
Do images improve SEO?
They can help indirectly by making pages more useful and by appearing in image search, provided they are described and optimized properly. They are one factor among many.
How many images should a page have?
There is no fixed number. Use as many as help the reader understand the topic, and no more than your page can load comfortably.
Should I use photos or illustrations?
It depends on the message. Photos suit real products, people, and places. Illustrations and diagrams can explain concepts that photos cannot capture.