Skip to content
webstewannabeSupport

What size and format should my website photos be?

Send us the largest original file you have. We convert it to WebP, size it to about twice the space it fills, and never stretch a small photo bigger.

Send us the biggest, original version of every photo, straight from the camera, phone or photographer. Do not shrink, crop or compress it first. We prepare each photo for the web ourselves, so it looks sharp on every screen and still loads fast.

What we do with your photos

  • We convert to WebP. WebP is a modern image format made for the web. Google reports WebP files are about 25 to 34% smaller than comparable JPEGs at the same quality. We keep your original as the archive copy.
  • We size each photo to its spot on the page. We cap the width at about twice the widest space the photo fills. For example, a photo that shows in a 700 pixel column is saved at roughly 1,400 to 1,800 pixels wide. The extra detail keeps it crisp on high-resolution phone and laptop screens.
  • We never upscale. If a photo is smaller than the space it needs, we do not stretch it. Stretching makes photos blurry. We use it smaller, crop it differently, or ask you for a larger version.
  • The site serves the right size to each device. Phones get a smaller file than large desktop screens, automatically.

What to send

  • The original file. The one your camera or phone saved, or the full-size file from your photographer.
  • Any common format. JPG and PNG are both fine. PNG is best for graphics with sharp edges or transparent backgrounds. Logos are best as vector files (SVG, EPS, AI or PDF).
  • Landscape and portrait options for key shots. Big banner photos are wide. Phone layouts are tall. Having both helps.
  • Room around the subject. Leave some space around people and products so we can crop for different screen shapes.

As a rough guide, a photo that is at least 2,000 pixels on its long side covers most uses on a website, including wide banners. Any recent phone camera takes photos larger than that.

We can do this for you. Open a request in your client portal, attach your photos or a share link, and tell us where each one should go. Our team handles the resizing and conversion.

Common problems

  • If a photo looks blurry on the site, the original was probably too small. Send the largest version you have.
  • If you only have a photo from social media or a text message, look for the original. Those apps shrink photos and remove detail.
  • If your files are too big to attach, share a folder link from Google Drive, Dropbox or OneDrive instead.
  • If a photo came from a website or a Google search, check that you have the right to use it before you send it.

More in Design & brand basics

Still need help?

Ask our team
What size and format should my website photos be? | Website Wannabe Support