When a website looks "cheap," people rarely point to the layout or the fonts. They point to a vague feeling that something is off. Nine times out of ten, the images are doing the damage. A stretched hero, a stock photo everyone has seen before, or a headline you can't read against a busy background will undercut good writing and a clean design instantly.
The good news: image problems are some of the easiest things to fix on a website. You don't need to rebuild anything or hire anyone. You need to spot the specific mistake and swap or adjust the image. Below are eight that consistently read as low-rent on a business site, what each one does to the page, and exactly how to fix it.
If you're newer to all of this, start with the beginner's guide to using images on your website for the foundations, then come back here to fix what's already live.
Why "cheap-looking" is almost always an image problem
Visitors process images before they read a word. A photo that's the wrong size, the wrong style, or the wrong fit for the section creates a small jolt of doubt. Stack a few of those jolts and the whole site feels amateur, even when the copy and structure are solid.
The reassuring part is that images are modular. You can replace one without breaking anything else. So instead of a vague redesign, you're running a focused checklist. Let's go through it.
Mistake 1: Low resolution that falls apart on retina screens
The problem. An image that looks fine on an old laptop turns soft and pixelated on a modern phone or a high-density "retina" display, which most of your visitors are using. The browser stretches a small file to fill a sharp screen, and the result looks fuzzy and dated.
Why it reads as cheap. Blur signals "I grabbed whatever was lying around." It's the visual equivalent of a typo.
The fix. Use images sized generously for where they appear. A full-width hero needs far more pixels than a small inline thumbnail. Start from a high-resolution source rather than scaling up a tiny one, because enlarging a small file just spreads the blur. If your main banner specifically looks soft, the causes and remedies are worth their own read in why a blurry hero image happens and how to fix it.
Example. A consultant's homepage banner was a 600-pixel-wide image stretched across a 1,600-pixel section. On a phone it looked like a screenshot of a screenshot. Dropping in a properly sized hero made the whole page feel deliberate. Get the target width from the image sizes and aspect ratios cheat sheet before you source a replacement, so the new file is right the first time.
Mistake 2: Stretching and squashing the aspect ratio
The problem. An image gets forced into a box it doesn't fit, so it's pulled wide or squeezed tall. Faces go rubbery, circles become ovals, straight lines lean.
Why it reads as cheap. Distortion is one of the most obvious tells. People notice a warped face even if they can't say why.
The fix. Match the image's native shape to the slot, or crop instead of stretch. If a section needs a wide banner, choose a wide image. If it needs a square, crop to square. Never drag a corner to make it "just fit." When you can, start from an image already shaped for the section you're filling.
Example. An online store used one square product photo as a wide page header by stretching it horizontally. The product looked melted. Cropping a wide slice of the original, rather than stretching the whole thing, fixed it without distortion.
Mistake 3: Over-compression that adds artifacts
The problem. Squeezing a file too hard to make it load fast leaves blocky smudges, banding in skies and gradients, and a general muddiness. This is the flip side of Mistake 1: not too small, but too crushed.
Why it reads as cheap. Compression artifacts look like a cheap print or a heavily forwarded meme. They quietly cheapen even a well-composed image.
The fix. Compress for the web, but stop before the image visibly degrades. Modern formats hold quality at smaller sizes than older ones. Aim for the smallest file that still looks clean at the size it's displayed, and check it at full screen, not just in a thumbnail.
Example. A bakery's hero photo was saved at a punishing compression level to speed up the page. The sky behind the shopfront showed visible bands of color. A lighter touch on compression kept the load reasonable and the gradient smooth.
Mistake 4: Clichéd stock that everyone has already seen
The problem. The generic handshake, the laughing team around a laptop, the lone businessperson staring at a city skyline. These images are so overused they've become invisible, or worse, they signal "placeholder."
Why it reads as cheap. Familiar stock tells visitors you used the path of least resistance. It says nothing specific about your business.
The fix. Choose images that show something true about what you actually do, in a setting that matches your audience. Browse by your business type and the page section you're filling so the image has a reason to be there, rather than grabbing the first "office" result. The right-image framework narrows by page and business type so you land on something that fits instead of something generic.
Example. A neighborhood accounting practice replaced a stock skyline-and-suit image with a calm, specific desk-and-documents scene that matched its small-firm tone. The page suddenly felt like a real business instead of a template.
Mistake 5: Mismatched styles across the page
The problem. One image is a bright flat illustration, the next is a moody photograph, the third is a cartoon icon. Individually they may be fine. Together they look like a ransom note.
Why it reads as cheap. Inconsistency reads as carelessness. A coherent visual style is one of the clearest signals of a considered site.
The fix. Pick one image family and stay in it: all photographic, or all illustrated, in a consistent color temperature and level of detail. When you choose images, treat style as a constraint, not an afterthought. Filtering by a single visual style keeps a page from turning into a patchwork.
Example. A coaching site mixed a soft pastel illustration in the hero with stark black-and-white photos lower down. Switching the lower images to the same warm, illustrated style pulled the page together with no other changes.
Mistake 6: Text you can't read over a busy background
The problem. A headline sits directly on a detailed image, so the words fight the picture behind them. Light text disappears into bright areas, dark text vanishes into shadows.
Why it reads as cheap. Unreadable text makes the most important part of the page hard to use. It also looks unfinished, as if the layout was never checked.
The fix. Choose backgrounds with calm, uncluttered areas where text can sit, or add a subtle overlay or gradient behind the words to hold contrast. The full approach, including overlay strength and where to place text, is covered in picking backgrounds that keep your text readable.
Example. A fitness studio put white headline text over a bright, high-detail gym photo. Half the words landed on pale walls and disappeared. A soft dark gradient behind the text restored readability without hiding the image.
Mistake 7: Wrong aspect ratio and awkward cropping
The problem. This is the cousin of stretching, but here the image keeps its proportions and instead gets cropped badly: heads cut off, the subject jammed against an edge, or empty space where the focus should be.
Why it reads as cheap. A poorly cropped image looks accidental. The eye can't find the subject, and the section feels off-balance.
The fix. Choose images whose shape and focal point already suit the slot, so the important part survives the crop on every screen size. For a wide hero, you want a subject that reads well when the top and bottom get trimmed on mobile. Picking an image built for that section beats forcing a poorly shaped one into place.
Example. A salon's wide banner cropped down to a person's chin and shoulders on mobile because the face sat at the very top. Choosing a banner with the subject centered kept it intact across devices.
Mistake 8: Decorative images with no job to do
The problem. Images dropped in purely to "break up the text," with no relationship to the words around them. A random abstract swirl between two paragraphs. A generic photo that illustrates nothing.
Why it reads as cheap. Filler dilutes the page. Every image that doesn't earn its place makes the meaningful ones count for less, and the page feels padded.
The fix. Give every image a job: show the product, set the mood for a section, illustrate a step, or anchor a headline. If you can't say what an image is doing there, remove it or replace it with one that pulls its weight. A simple rule before publishing any image: name its purpose in one sentence.
Example. A SaaS landing page had three unrelated stock graphics scattered between feature blocks. Removing two and replacing the third with a screenshot-style image that actually showed the product made the page feel tighter and more confident.
A quick comparison: which mistake is hurting you?
| Mistake | What it looks like | Fastest fix |
|---|---|---|
| Low resolution | Soft, fuzzy on phones | Use a properly sized, high-res source |
| Stretching | Warped faces, oval circles | Match shape or crop, never drag to fit |
| Over-compression | Blocky smudges, color banding | Compress less; check at full size |
| Clichéd stock | Generic handshake or skyline | Choose specific, on-topic images |
| Mismatched styles | Photo + cartoon + illustration | Pick one image family and stay in it |
| Unreadable text | Headline lost in the background | Calm background or contrast overlay |
| Bad cropping | Cut-off heads, off-center subject | Use images shaped for the slot |
| Decorative filler | Images with no purpose | Remove or replace with images that do a job |
The 10-minute fix pass for an existing site
You don't have to fix all eight at once. Run a quick pass and tackle the worst offender first.
- Open your homepage on your phone. Does the hero look sharp, or soft and stretched? Resolution and aspect ratio usually show up here first.
- Read your main headline. Can you read it instantly, or does it fight the background? If it fights, that's a readability fix.
- Scroll the page and squint. Do the images feel like one family, or a grab bag? Note any style outliers.
- For each image, ask: "What is this doing here?" If you can't answer, flag it for removal or replacement.
- Pick the single most jarring image and replace it first. Momentum matters more than doing everything in one sitting.
The hardest part is usually deciding what to put in place of the image you're pulling. That decision gets much easier with a repeatable method: work through a framework for choosing the right image for any page, start with your biggest offender, and replace it before moving to the next.
In Plain English
This is a fix-paired checklist for the eight image problems that make a business website look cheap: low resolution, stretching, heavy compression, clichéd stock, clashing styles, unreadable text over busy backgrounds, bad cropping, and purposeless filler images. It helps anyone building their own site who suspects the images are the weak point but isn't sure exactly what to change. Use it when your site feels "off" but the layout and copy seem fine. The move now: open your homepage on your phone, find the single most jarring image, and replace it using the right-image framework. Picdrome images are free to use for personal and commercial website projects, subject to the Picdrome license terms. For the wider context on getting images right from the start, the complete beginner's guide to using images on your website ties it all together.