Table of contents

Understanding aspect ratios in WordPressDefault optionsHow to change itIn sliders and galleriesChoosing the right ratioCustom aspect ratiosFAQsGetting startedAdditional resources

Get the industry’s fastest WordPress hosting◦ 100% network uptime
◦ Comprehensive security
◦ 24/7 support

WordPress Guide → Images → Aspect Ratio Option

WordPress image aspect ratio options (a quick beginner’s guide)

Many WordPress users upload images without realizing they can change the image’s shape to better suit the page layout. Knowing your aspect ratio options can help you create a more professional, consistent look across your posts and pages.

Let’s walk through everything you need to know.

Get fast, reliable hosting for WordPress

Power your site with the industry’s fastest, most optimized WordPress hosting

WordPress.org hosting

Understanding aspect ratios in WordPress

Before diving into the tools, it’s helpful to understand what an aspect ratio is and why it matters in web design.

What is an aspect ratio?

It’s the proportional relationship between an image’s width and height, like 4:3 or 16:9.

Why do aspect ratios matter?

Using consistent ratios helps your pages look more polished, aligns with mobile responsiveness, and prevents awkward cropping.

Where it applies in WordPress:

You’ll see aspect ratio settings in image blocks, cover blocks, galleries, sliders, and some third-party media tools.

Default aspect ratio options in the WordPress block editor

The block editor includes built-in presets so you can easily control how your images appear. Here’s a quick overview of each:

Original: Displays the image as uploaded—no cropping, just natural dimensions.
Square (1:1): Balanced and symmetrical. Often used for profile pictures, icons, or thumbnails.
Standard (4:3): Common in photography and web layouts. Feels familiar and readable.
Portrait (3:4): Taller than it is wide. Works well for vertical photos and bios.
Classic (3:2): A legacy format popular for landscape and DSLR photography.
Classic Portrait (2:3): A more dramatic vertical crop, often used for people or vertical product shots.
Wide (16:9): Best for banner images, cover blocks, and hero sections.
Tall (9:16): Great for mobile-first design, Instagram Stories, or TikTok-style media.

How to change the aspect ratio in the WordPress editor

You don’t need a plugin to use these aspect ratio settings. Here’s how to adjust them directly in the block editor:

Add or select an image block on your post or page.
Open the block settings sidebar by clicking the gear icon in the top right.
Scroll down to the “Aspect Ratio” dropdown.
Choose one of the preset options.
If available, adjust the Scale:
- Cover: Fills the crop area entirely, possibly cropping part of the image.
- Contain: Fits the entire image within the frame, which might add padding or borders.

These changes happen visually on the canvas, so you can preview before publishing.

Image aspect ratios in sliders and galleries

Sliders and galleries are some of the most visually sensitive elements on a WordPress site. Unlike standalone images, these layouts display multiple photos at once—so mismatched aspect ratios can cause a jarring, uneven look.

By default, the built-in WordPress Gallery block doesn’t offer granular control over aspect ratios. It displays images in a grid, doing its best to align them—but original aspect ratios are preserved unless cropped beforehand.

To manually align gallery images:

Use an image editor to crop photos to the same ratio before uploading.
Or set consistent aspect ratios after uploading using the block editor or a plugin.

How popular slider and gallery plugins manage aspect ratios

If you’re using a plugin like MetaSlider, Smart Slider 3, or Envira Gallery, you’ll typically get more control:

MetaSlider: Lets you set a fixed width and height for each slide or enforce a consistent crop. You can control cropping mode (centered, top, bottom) and scaling behavior.
Smart Slider 3: Offers drag-and-drop resizing, background fit settings, and responsive scaling tools. You can define slide canvas dimensions and how media fills it (e.g., “Cover” or “Contain”).
Envira Gallery: Supports custom aspect ratios in gallery layouts and includes options for auto-cropping thumbnails or applying lightbox behavior based on uniform sizing.

These plugins help enforce a unified visual experience regardless of original image dimensions.

Pro tip: Choose one aspect ratio before you start building

Whether you’re building a homepage slider or a gallery for a portfolio:

Decide early on if you want your images to be wide (16:9), square (1:1), or portrait (2:3 or 3:4).
Crop images to match this ratio, or choose plugins that will crop and scale them automatically.
Use placeholder or dummy content to test visual alignment before publishing.

If you skip this step, you may end up reformatting a lot of images later—especially for galleries with dozens of thumbnails.

Tips for choosing the right aspect ratio

Picking the right ratio depends on where and how the image appears:

Use Square (1:1) for profile photos, team member grids, or logo displays.
Choose 16:9 or 4:3 for featured images and general-purpose photos.
Try 3:4 or 2:3 for vertical portraits or mobile-optimized sidebars.
Go with 9:16 for embedding vertical videos or designing mobile-first content.
Stick with Original if the image has design elements that shouldn’t be cropped.

Avoid mixing aspect ratios randomly on the same page. Keeping them consistent improves the reading flow and visual balance.

Bonus: Custom aspect ratios with CSS or plugins

WordPress’s default options are helpful, but you can go beyond them with a little custom work.

Option 1: CSS

Add a custom class to your image block and use this code in your Customizer or theme:

.custom-ratio {   aspect-ratio: 5 / 2;   object-fit: cover; }

This creates a custom 5:2 layout with clean cropping.

Option 2: Plugins

If you prefer a UI approach, try:

Block Visibility: Adds advanced controls to blocks, including display and layout logic.
Custom Layouts – Post + Product Grids Made Easy: Helps you build post grids and galleries with full ratio control.

These plugins help create layouts with precise visual consistency, especially for ecommerce, blog grids, or landing pages.

Image aspect ratio FAQs

Neither aspect ratio is universally better. It depends on where the image appears and what it needs to show. A 4:3 ratio works well for featured images, blog content, and galleries because it provides more vertical space and adapts cleanly to different screen sizes. It is also less likely to be awkwardly cropped by WordPress themes.

A 16:9 ratio is better suited for wide visuals like hero sections, sliders, and video thumbnails. It looks great in full-width layouts, but it can feel cramped or overly wide when used inside blog posts or sidebar areas.

There is no single “best” aspect ratio for WordPress, but 3:2 and 4:3 are the most reliable choices for most sites. These ratios strike a balance between width and height, which helps images display consistently across posts, archives, and mobile layouts. Many WordPress themes are designed around these proportions, especially for featured images.

If your site uses large banners, videos, or landing pages, 16:9 can also be a good option. The key is to pick one primary ratio for each image type and use it consistently to avoid uneven layouts or unexpected cropping.

For most WordPress blogs and content-heavy sites, 3:2 is usually the better option. It gives images more height, which works well for featured images, thumbnails, and inline photos. This ratio also holds up better when WordPress automatically resizes or crops images for different screen sizes.

A 16:9 ratio is better when the image is meant to feel cinematic or when it supports video content. If your theme relies heavily on wide hero images or full-width sections, 16:9 makes sense. Otherwise, 3:2 tends to be more flexible and forgiving.

The easiest way to change an image’s aspect ratio is to crop it before uploading it to WordPress. You can do this using basic image editors like Preview on macOS, Paint on Windows, or browser-based tools such as Canva. Choose the target ratio, crop the image, and then upload it to your Media Library.

You can also crop images inside WordPress by going to Media → Library, selecting the image, and using the built-in crop tool. For more control, many themes and page builders include aspect ratio settings, and some image optimization plugins allow you to define or enforce specific ratios automatically.

Next steps for WordPress image aspect ratios

Aspect ratios play a bigger role in web design than most beginners realize. They help maintain consistent layouts, improve mobile responsiveness, and let you control how your media looks across devices.

Open your latest post or landing page and adjust a few image blocks using the presets. Once you’re comfortable, try setting custom ratios with CSS or a layout plugin.

Ready to upgrade your WordPress experience? Professional hosting improves speeds, security, and reliability for a website and a brand that people find engaging and trustworthy.

Don’t want to deal with server management and maintenance? Our fully managed hosting for WordPress is the best in the industry. Our team are not only server IT experts, but WordPress hosting experts as well. Your server couldn’t be in better hands.

Click through below to explore all of our hosting for WordPress options, or chat with a WordPress expert right now to get answers and advice.