Logo Sizes for WordPress Websites

The short answer: WordPress has no universal logo size

WordPress itself does not set one standard logo size. The active theme decides how much space the logo gets in the header, and that space varies from theme to theme. The right dimensions for your file are the ones your theme displays, prepared at enough resolution to stay sharp on high-density screens and simple enough to stay readable at the smallest size it will appear.

This article is about the main site logo shown in a theme's header, usually set through the Site Logo block in block themes or the logo setting in the Customizer in classic themes. No confirmed figures for specific themes were available for this piece, so it gives no recommended pixel dimensions. Check your own theme's settings or documentation for exact values.

How a theme determines the logo's display size

Classic themes declare logo support in code. The declaration can suggest a width and height, and it can let either dimension flex. When a site owner uploads a logo, WordPress may offer a crop based on these values. If the theme allows flexible dimensions, the crop step can usually be skipped. The example below shows the structure only. The numbers are placeholders, not recommended sizes.

add_theme_support( 'custom-logo', array(
    'height'      => 100, // placeholder value set by the theme
    'width'       => 400, // placeholder value set by the theme
    'flex-height' => true,
    'flex-width'  => true,
) );

In block themes, the Site Logo block usually has a width control in the editor, so the displayed size is a layout choice rather than a fixed theme value. In both cases, the uploaded file's pixel dimensions and the size it actually renders at on the page are two separate things. Prepare the file to suit the rendered size.

Vector master versus the file you upload

A vector logo is built from paths, so it can be scaled without losing sharpness. Most WordPress logo uploads, however, are raster images such as PNG, JPG or WebP. Core WordPress blocks SVG uploads by default for security reasons. Adding SVG support requires a plugin or custom code, and the files should come from a trusted source.

The usual workflow is to keep the editable vector master and export a raster version sized for the website. Keep in mind that a file is not truly vector just because of its name or extension. An SVG, EPS or PDF can contain an embedded raster image instead of editable paths. Some "vector" downloads are only raster previews. Open the file in a vector editor and confirm it contains paths before relying on it as a scalable master.

Preparing the file so it stays sharp and legible

• Find the rendered size: inspect the logo on the live site, on desktop and mobile, to see how many pixels wide and tall it actually displays.
• Export at a higher multiple of that size, commonly double, so the logo stays crisp on high-density displays. The browser scales it down to fit.
• Use a format with transparency, such as PNG or WebP, if the logo sits on a colored or changing header background.
• Trim excess empty space around the artwork. Padding inside the file makes the visible mark smaller than the theme's logo area suggests.
• Check legibility at the smallest rendered size, usually on mobile. Thin strokes, small taglines and fine detail are the first elements to blur or vanish.

Minimum legible size is a design judgment, not a fixed number

No supplied evidence establishes a universal minimum pixel size for logo legibility. It depends on the logo's shape, line weight, letterforms and contrast against the background. A compact symbol can stay recognizable far smaller than a wide wordmark with a tagline. If a full horizontal lockup becomes hard to read in a narrow mobile header, a simplified or stacked version of the logo may work better than shrinking the full version further. Where a brand guide specifies a minimum size, follow it.

Gaps in this guidance

This article does not include theme-by-theme dimensions, measured legibility thresholds or tested comparisons of file formats, because no such evidence was available. For exact numbers, rely on your theme's documentation or logo settings and on testing your logo at its actual rendered size.