Hello! We’re John and Brian, and we’ve been designing websites from our office in Preston, Lancashire since 2009. One question we hear a lot is “what size should a website be?” The short answer is that there’s no single correct web page size, but there are sensible sizes for the things on the page. Here’s a practical guide to website sizes and web page dimensions in 2026, with a quick reference table you can use.

What size is a web page?

A web page doesn’t have a fixed size in pixels. People visit websites on everything from small phones to wide desktop monitors, so modern websites are responsive: the layout stretches, shrinks and rearranges itself to fit the screen it’s on.

In practice, that means:

The page should work on screens as narrow as 320 pixels wide without visitors needing to scroll sideways (this is part of the WCAG accessibility guidelines).
On large screens, the main content usually sits in a container with a maximum width of around 1,140 to 1,280 pixels, so lines of text don’t become uncomfortably long. Backgrounds and images can still stretch the full width.
There’s no fixed page height. Visitors happily scroll, as long as the content is worth scrolling for.

Website dimensions: quick reference

These are rules of thumb we use as starting points, not fixed standards. Your theme and design may need slightly different sizes.

Element	Typical size	Notes
Content width (desktop)	Max. 1,140 to 1,280px	Full-width backgrounds can go wider
Smallest screen to design for	320px wide	No sideways scrolling at this width
Full-width hero image	Around 1,920px wide	Compressed; smaller versions served to phones
Blog featured image	1,200 × 800px or 1,200 × 630px	1,200 × 630px suits social media link previews
Logo	SVG, or a PNG at twice its display size	Stays sharp on high-resolution screens
Site icon (favicon)	At least 512 × 512px	What WordPress asks for
Body text	At least 16px	Line height around 1.5
Line length	About 50 to 75 characters	Easier to read than very long lines
Buttons and tap targets	At least 24 × 24px; 44 × 44px or more is better	Easier to tap accurately on phones
Image file size	As small as possible	Most images can be well under 200KB

Screen sizes and breakpoints

A breakpoint is the screen width at which a layout changes, for example from three columns to one. Common rules of thumb are phones below about 768px, tablets from about 768px to 1,024px, and laptops and desktops above that. Rather than designing for specific devices, it’s better to set breakpoints wherever your content starts to look cramped or stretched. New phones and screens appear every year, and a flexible layout copes with all of them.

Image sizes

Images are usually the heaviest part of a web page, so getting their size right makes a big difference to speed.

Dimensions: upload images close to the largest size they’ll be shown at. A 6,000-pixel photo straight from a camera is far bigger than any screen needs.
Responsive images: WordPress automatically creates smaller copies of each image and lets the browser choose the right one for the screen. MDN’s guide to responsive images explains how this works.
Format and compression: modern formats such as WebP and AVIF are usually much smaller than JPG or PNG at the same quality.
Reserve the space: set image dimensions so the page doesn’t jump around as images load.

Text sizes

Text sizes will vary across your website, and that’s fine. Size is one of the main ways to show visual hierarchy, so the most important content should be the largest and nearest the top. Bear in mind that:

Visitors will read the largest headings as the most important, so size your headings in order of importance.
Body text should be at least 16px, which is the default in most browsers, and text must still work when visitors zoom in.
Light text on a dark background often needs to be slightly larger or bolder to be read comfortably.
Spacing around text matters as much as the text itself, especially on phones.

Button and link sizes

Links in text, buttons, icons and menu items all need to be big enough to use, especially on a phone where they’re tapped with a finger. The current accessibility guidelines (WCAG 2.2) set a minimum target size of 24 × 24 pixels for AA compliance, and Apple and Google both recommend larger targets (around 44 to 48 pixels square) for the buttons people use most. Leave space between links too, so people don’t tap the wrong one.

File size and speed

The size of a page in kilobytes matters as much as its size in pixels. Large, unoptimised images and videos slow pages down, which frustrates visitors and can hold back your search rankings. Google’s Core Web Vitals measure this: for example, the main content of the page should appear within 2.5 seconds. We cover this in more detail in our post on why website load speed is important for SEO.

Website size FAQs

What is the standard website size in pixels?

There isn’t one. Design the layout to be responsive, keep the main content within about 1,140 to 1,280 pixels wide on large screens, and make sure everything works on screens as narrow as 320 pixels.

What size should a website banner or hero image be?

Around 1,920 pixels wide is a common starting point for a full-width image, compressed to keep the file small. Keep the important part of the image in the centre, because it will be cropped differently on phones. Our guide to what a website banner is covers the standard banner ad sizes too.

What is the minimum font size for a website?

We’d recommend at least 16px for body text. Smaller text can be used for things like captions, but it shouldn’t be used for anything visitors need to read properly.

Want a website that looks right on every screen?

Every WordPress website we build is responsive, so it works on phones, tablets and computers. If you’d like to talk about yours, give John and Brian a call on 01772 822626 or get in touch online. You’re welcome to pop into our Preston office for a coffee too.

Website sizes and dimensions: a practical guide for 2026