ScreenshotNeo

BlogGuides

Free Website Background Images With No Copyright

Find website background images with free-use licenses, compare Unsplash, Pexels and Pixabay, and avoid common copyright and performance mistakes.

By the ScreenshotNeo team1 October 20267 min read

“Free website background images with no copyright” usually means images you can use without paying a stock-photo fee or requesting separate permission. In practice, most images are still protected by copyright; the library grants permission through a specific license. Unsplash, Pexels, and Pixabay all publish free-use terms, but their restrictions differ and none of those licenses automatically clears every recognizable person, logo, trademark, or artwork shown in an image.

Quick answer: where to find free website backgrounds

Library General license position Attribution Important limits
Unsplash Images can be downloaded and used for commercial or non-commercial purposes. Not required; appreciated. No unmodified or insignificantly modified resale. Do not compile images to create a competing service. Depicted people, brands, logos, and copyrighted works are not cleared by the image license.
Pexels Photos and videos can be used and modified, including on websites and in ecommerce. Not required; appreciated. Do not sell unaltered copies, imply endorsement, redistribute on stock or wallpaper platforms, or use an image as a trademark. Depicted content may require separate permission.
Pixabay Content can be used for free and modified under its Content License. Not required. No standalone redistribution. Commercial uses involving recognizable trademarks, logos, or brands can be restricted. The full Content License is legally binding, not only the summary.

There is no universal “copyright-free” guarantee. Read the current license for the individual asset and your intended use before publishing.

How to choose a background safely

1. Decide how the image will be used

  • Decorative hero background: usually involves cropping, overlays, and text placed over the image.
  • Product or service marketing: check for implied endorsement, visible brands, and model releases.
  • Merchandise, templates, or wallpaper downloads: extra restrictions on resale and redistribution commonly apply.
  • Logo, icon, or trademark: a stock-photo license is not permission to use the image as your brand identifier.

2. Inspect the asset page

  1. Record the creator, source URL, download date, and the license page you relied on.
  2. Look for recognizable people, logos, products, artwork, buildings, or private locations.
  3. Check whether the planned use could imply that a person or company endorses you.
  4. Save the original file and a copy of the applicable terms. This is practical recordkeeping, not a legal safe harbor.

3. Give credit when practical

These three services generally say attribution is optional. A small credit such as “Photo by Name on Unsplash” still helps the creator and documents your source. Follow any creator-specific request shown on the asset page.

License differences that matter

Unsplash

Unsplash describes its permission plainly: “All images can be downloaded and used for free.” That does not permit selling an unmodified or insignificantly modified image, nor compiling Unsplash images to recreate a similar or competing service. The Unsplash license also does not grant rights to trademarks, logos, recognizable people, or depicted copyrighted works; the Unsplash Help Center explains those exclusions.

Pexels

Pexels states that “Attribution is not required” and permits commercial use and modification. Its license restricts selling unaltered copies, implying endorsement, redistributing images on stock or wallpaper services, and using an image as a trademark. The Pexels Help Center also cautions that separate rights can apply to people, brands, and other depicted material.

Pixabay

Pixabay’s summary says, “You can use Content for free,” and allows modification without attribution under its Content License. It prohibits standalone redistribution and warns about commercial uses involving recognizable trademarks, logos, or brands. Read the full Content License, because the summary itself says the complete license is legally binding.

Build an accessible, responsive background

Use CSS for decorative imagery so meaningful information remains available as text. Provide a solid color fallback, keep the focal point visible on narrow screens, and add an overlay when text sits on top.

<section class="hero" aria-labelledby="hero-title">
  <div class="hero__content">
    <h1 id="hero-title">Launch your next project</h1>
    <p>A short supporting message remains readable over the image.</p>
    <a class="button" href="/start">Get started</a>
  </div>
</section>

<style>
.hero {
  color: #fff;
  background-color: #243447;
  background-image:
    linear-gradient(rgba(0, 0, 0, .48), rgba(0, 0, 0, .48)),
    url('/images/hero-1600.webp');
  background-size: cover;
  background-position: center 40%;
  min-height: clamp(26rem, 70vh, 48rem);
  display: grid;
  place-items: center;
  padding: 4rem 1.25rem;
}
.hero__content { max-width: 42rem; text-align: center; }
@media (max-width: 600px) {
  .hero { background-position: 62% center; min-height: 32rem; }
}
@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; }
}
</style>

If the image conveys essential information, do not hide it as a purely decorative background. Use an <img> with meaningful alternative text instead.

Optimize the file before shipping

  • Prefer WebP or AVIF, with JPEG or PNG fallbacks where your support matrix requires them.
  • Resize to the largest rendered width; a 2400-pixel source is unnecessary for a 1200-pixel hero.
  • Compress and inspect the result on a phone and a high-density display.
  • Use background-image only where the image is needed. Avoid downloading several full-screen backgrounds at once.
  • Set a stable background color so text does not flash against an empty area while the image loads.
  • Preload only the single above-the-fold hero image when it materially improves the first view; do not preload every decorative asset.

Preview the final page before publishing

A local browser is useful for checking crop, contrast, responsive breakpoints, and loading behavior. Test at least one narrow viewport, one wide viewport, keyboard navigation, and a slow network profile. Check that the text remains readable if the image fails entirely.

Or skip the browser setup

ScreenshotNeo captures a URL with one request and returns PNG, JPEG, WebP, or PDF. It can load lazy images, set a viewport or device preset, apply custom CSS, wait for a selector or network idle, and hide selectors before capture. Cookie and consent banners, newsletter popups, and chat widgets are removed before the shot. Bot checks, blank pages, timeouts, failed loads, and cache hits are not billed, and response headers identify the page verdict and billing status. Its MCP server provides take_screenshot, get_page_info, and capture_pdf for Claude, Cursor, and other MCP clients.

See the ScreenshotNeo API documentation for all options.

cURL

curl -G "https://api.screenshotneo.com/v1/shot" \
  -d access_key=YOUR_API_KEY \
  --data-urlencode url=https://example.com \
  -o shot.webp

Python

import requests

r = requests.get(
    "https://api.screenshotneo.com/v1/shot",
    params={"access_key": "YOUR_API_KEY", "url": "https://example.com"},
    timeout=90,
)
r.raise_for_status()
open("shot.webp", "wb").write(r.content)

Node.js

const q = new URLSearchParams({
  access_key: 'YOUR_API_KEY',
  url: 'https://example.com'
});
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);
if (!res.ok) throw new Error(`Screenshot failed: ${res.status}`);
const data = Buffer.from(await res.arrayBuffer());
await import('node:fs/promises').then(fs => fs.writeFile('shot.webp', data));

Free accounts include 1,000 screenshots each month without a card. Paid plans start at $5 for 3,000 shots, and every feature is available on every plan. Create a free ScreenshotNeo account.

Common problems and fixes

Problem Likely cause Fix
The image is cropped badly on mobile. background-size: cover fills a different aspect ratio. Change background-position, provide a mobile-specific crop, or use an <img> with object-fit.
White text is hard to read. The photo contains bright or busy areas. Add a measured overlay, reposition the focal point, or choose a calmer image. Check contrast at actual text size.
The background does not load. Wrong path, blocked mixed content, or a failed CDN request. Use an absolute HTTPS asset path, inspect the browser network panel, and keep a color fallback.
A stock site reports a license issue. The use involves resale, redistribution, endorsement, a trademark, or depicted third-party rights. Re-read the specific library terms, remove the restricted use, obtain additional permission, or select another asset.
ScreenshotNeo returns an unexpected page. The page needs time, a selector, authentication, or a particular viewport. Use the documented wait, viewport, custom headers or cookies, and selector options; inspect the response verdict headers.
A screenshot request costs more time than expected. Large images, third-party scripts, or network-idle waits delay loading. Optimize the background, block unnecessary resource types, set a practical wait condition, and use caching with a chosen TTL.

Performance, reliability, and cost checklist

  • Keep hero files responsive and compressed; measure the page with and without the background.
  • Use a deterministic image URL and a cache policy so repeated previews do not redownload unchanged assets.
  • For automated captures, wait for the hero selector or network idle rather than relying on an arbitrary long delay.
  • Use retries for transient network failures and record the returned page verdict.
  • Never treat a screenshot as proof that you own rights to the image or depicted content; retain the source and license record.
  • With ScreenshotNeo, cache hits and failed or unusable captures are not billed; successful clean shots are billed according to your plan.

FAQ

Do I have to credit Unsplash, Pexels, or Pixabay?

The general terms described by these services do not require attribution, though each appreciates credit. Follow any asset-specific request and credit when practical.

Can I use a free background on a commercial website?

Generally yes under the stated terms, but commercial use does not remove restrictions on resale, endorsement, trademarks, or depicted people and artwork.

No. Royalty-free usually describes payment terms. Copyright and other rights can still exist, and the license defines permitted uses.

Can I put the image in a downloadable wallpaper pack?

That may be prohibited as standalone redistribution or as a competing image service. Check the exact license before distributing a pack.

What should I save for my records?

Keep the image page URL, creator name, download date, license URL, and a note describing where and how the image is used.