Your portfolio looks flawless in Lightroom. Then a client opens the link on their phone, and the first frame takes four seconds to arrive.

By the time it does, they have closed the tab. You lost that booking to your load time, not to your photography.

A WordPress site is how most photographers reach new clients, and heavy, unoptimized images quietly work against that, slowing your pages and dragging your rankings down with them.

Images are almost always the heaviest thing on a photography page. That makes them the biggest single lever you actually control.

Four decisions per photo do most of the work: format, size, compression and the name you give it. On a slow photography site, the cause is usually one of those four.

How Image Optimization Affects Your Core Web Vitals

Image optimization means sending each visitor the smallest file that still looks good on their screen. It matters most on a photography site, because images account for most of the data a gallery page transfers.

Google measures how that weight feels through Core Web Vitals, a small set of page experience scores. Two of them are largely about your photographs.

What LCP Means on a Photography Site

LCP stands for Largest Contentful Paint, the moment the biggest element on screen finishes loading. On your site that element is almost always your hero photo.

LCP is really just how long your visitor sits looking at an empty frame before your work appears.

What CLS Means on a Photography Site

CLS stands for Cumulative Layout Shift, which measures how much a page jumps around as it loads. Images without reserved width and height are the usual cause, because the text settles first and then gets pushed down as each photo arrives.

A gallery that jumps twice while it loads reads as broken. Giving every image a set width and height costs nothing and removes most of the problem.

The cost shows up in your analytics too, as more visitors leaving from the first page they land on and fewer galleries opened per visit. Search engines favor faster pages, which is why load speed matters so much and why image weight is one of the more practical SEO levers you have.

How to Choose the Right Image File Format for Your Photos

Format is the first decision and it sets the ceiling for everything after it. The wrong format can double a file size before you compress anything.

JPEG (Joint Photographic Experts Group)

• The go-to format for photographs and complex graphics with millions of colors.
• Uses lossy compression, so some data is discarded to cut file size, though the loss is invisible at sensible settings.
• Best for photographs and product shots, where color accuracy matters.

PNG (Portable Network Graphics)

• Lossless, and it supports transparency.
• Ideal for logos, icons and graphics with text or simple shapes on a transparent background.
• Larger files than JPEG, with no image data thrown away.

GIF (Graphics Interchange Format)

• Highly compressed, with support for animations and transparency.
• Limited to 256 colors.
• Best for simple graphics and short animations, and unsuitable for photographs.

WebP (Web Picture)

• Developed by Google as a web-first replacement for JPEG and PNG.
• Compresses better than both, typically 25 to 35% smaller than the JPEG equivalent at the same quality.
• Works in every current browser, which makes it the safe default for photographs you publish.

Where SVG and AVIF Fit for Photographers

• SVG, short for Scalable Vector Graphics, is for logos and line art rather than photographs. It is drawn from shapes instead of pixels, so it stays sharp at any size. WordPress blocks SVG uploads by default because the format can carry executable code.
• AVIF, short for AV1 Image File Format, is the most efficient format in wide use. Files run up to around 50% smaller than JPEG and about 30% smaller than WebP, and it still holds wide color, HDR and transparency. Support now covers every current browser, so the old compatibility warnings no longer apply.

Google Search has indexed AVIF images since 2024, so the format is safe for image SEO. There is no ranking benefit to the format itself, though. The gain is indirect: smaller files load faster, and faster pages score better on Core Web Vitals.

It helps to see all six side by side before your next export.

Stuck between two formats? Pick the one that is smaller at the quality you are willing to publish.

How to Serve Images in Next-Gen Formats in WordPress

Run a gallery page through PageSpeed Insights and you will almost certainly see a line reading “Serve images in next-gen formats”. It is one of the most common image warnings on photography sites.

“Next-gen formats” means WebP and AVIF. The audit fires when your JPEGs and PNGs could be sent as one of those instead, at the same quality and a fraction of the weight.

How AVIF Support Works in WordPress

WordPress core has accepted AVIF uploads since version 6.5, released in April 2024. The limit is your server rather than your visitors, since AVIF needs PHP 8.1 or newer plus one of the image libraries your host installs, GD or Imagick, built to handle it.

Not every host provides that, and it is nearly always the reason an AVIF upload fails. One support ticket to your host will tell you where you stand.

How to Convert the Images You Already Have

Nothing converts a back catalog on its own. You have three practical routes.

• Export again from Lightroom or Photoshop as WebP. Fine for a few hero images, painful for an archive.
• Run an image optimization plugin, which converts your library in bulk and serves the modern format where it works.
• Let an image CDN convert on delivery. A CDN, or content delivery network, keeps copies of your files on servers around the world, and an image CDN can change the format on the way out, so your library stays as it is and the visitor gets the lighter file.

The order of preference is simple. AVIF where your server allows it, WebP as the reliable default, and JPEG as the fallback.

What “Efficiently Encode Images” and “Properly Size Images” Mean

These two audits sit beside the next-gen one and get confused with it constantly. “Efficiently encode images” fires when a file could be compressed further with no visible difference, which is a quality-setting problem.

“Properly size images” is about pixel dimensions, and fires when a file is far bigger than the space it fills. It is the audit most photographers trigger without realizing it.

How to Size and Resize Images Before You Upload Them

Sizing is the least glamorous step and the one with the biggest payoff. A photo displayed at 800 pixels wide has no business being a 4,000 pixel file.

Useful starting dimensions depend on where the image appears.

• Featured images: around 1200 to 1500 pixels wide, which keeps them sharp and your layout consistent. Themes crop them unpredictably, so our featured image guide is worth a look first.
• Images inside blog posts: around 600 to 800 pixels wide, enough presence without real weight.
• Product and print shots: around 1800 to 2000 pixels wide, since buyers zoom. Serve smaller versions on listing pages.
• Responsive images: let the browser choose. WordPress serves a size that suits the screen, so a phone never downloads your desktop file.
• Retina screens: double the display size. A 1200 pixel slot wants a 2400 pixel image, no more.

Get those numbers right and the “properly size images” audit stops firing.

Why Scaling Images Down With CSS Does Not Help

The most common mistake is uploading a large image and letting CSS, the styling code behind your theme, shrink it into the slot on screen. The page looks right and the visitor still downloads the full file.

A browser cannot un-download pixels. If the slot is 800 pixels wide, the file needs to be 800 pixels wide, or 1600 for retina screens.

Resize Before You Upload

If you do not need full-resolution originals on your site, resize at the export stage. A good working ceiling for gallery images is 1920 by 1280 pixels, saved as JPEG in sRGB, the color profile browsers expect.

That fixes the dimensions and the file size in one move, before the photo ever reaches your site. You can also let a plugin resize your WordPress images automatically on upload.

How to Compress Images Without Losing Visible Quality

With the dimensions right, compression handles the rest. The target is the smallest file where you cannot see the difference, and that line sits further down than most photographers expect.

• Start at 60 to 80% quality for JPEG, which cuts file size hard with no noticeable loss on most photographs.
• Keep finished files under 200 KB. Hero images can run heavier, but 200 KB is the number worth defending.
• Compress in increments and check after each step. Dropping straight to 40% is how you get banded skies.
• Use what you already own, since Photoshop and Lightroom both preview compression before you save.
• Or compress in the browser. TinyPNG, Kraken.io and Optimizilla handle batches with no software.

WordPress re-compresses the sizes it generates using its own default quality setting, so exporting inside that same 60 to 80% band keeps you from compressing the same photo twice over.

How to Write Image File Names and Alt Text That Search Engines Read

Two pieces of text travel with every photo you publish. The file name and the alt text are the only parts of an image a search engine can read.

Give Every File a Descriptive Name

The renaming is worth doing before you upload, because WordPress keeps whatever name the file arrives with. A name like sunset-beach-photography.jpg tells a search engine what the photograph shows, where IMG_1234.jpg tells it nothing.

Use hyphens between words rather than underscores or spaces, because search engines read hyphens as word breaks and read underscores as part of the word.

Our post on naming files for a post with a lot of images covers a convention that scales to a whole shoot.

Write Alt Text a Person Would Understand

Alt text describes an image for anyone who cannot see it. Screen reader users come first and search engines second, and writing for the first group serves the second one well.

Describe what is in the frame instead of repeating the file name. “Bride and groom first dance at Villa Cimbrone, Ravello” does real work, where “wedding photo 1” does none.

• Name the subject, the action and the place when the place is part of the story.
• Leave alt text empty for decorative images. An empty alt attribute tells a screen reader to skip the image, where a missing one makes it read the file name aloud.
• Do not stuff keywords. A string of search terms in alt text is a spam signal, not a ranking tactic.
• Captions and alt text do different jobs. A caption is for every reader, alt text for the reader who cannot see the photo.

Galleries built with Imagely give every image an alt text field plus a description that doubles as the caption. You fill them in one image at a time, which is far easier while the shoot is still fresh in your head.

The fields sit together when you edit an image inside a gallery.

How Imagely Keeps Your Galleries Fast

Everything above is work you do before a file reaches your site, and a gallery plugin can take over a good part of it. Imagely is an all-in-one photography platform for WordPress, and its gallery features include controls aimed at page weight.

Smart Image Resizing and the Image Quality Dropdown

The resizing controls live under Imagely > Settings > Image Options. Switching on “Automatically resize images after upload” brings every new upload down to a ceiling you set, so an oversized file never reaches a page.

“Max width (pixels)” and “Max height (pixels)” are maximums rather than forced dimensions, so a frame already smaller than the ceiling is left alone.

Beside them sits an “Image quality” dropdown, a genuine compression control built into the plugin. Imagely also works alongside compression plugins such as Imagify or Optimole, so whatever you run can stay.

All of those controls sit in one panel, along with the backup toggle.

“Create backup of original images” is a separate toggle, and it can be switched off. Turn on resizing without it and the full-resolution original is gone, with nothing to fall back on for a print order. Keeping originals roughly doubles the storage each photo uses, and for anyone selling prints that space is worth it.

Where Imagely Stores Your Gallery Files

Photos you add to a gallery do not sit in the WordPress Media Library. Imagely keeps them in wp-content/gallery/ instead, so the stack of thumbnail sizes WordPress generates for every Media Library upload does not apply to them.

“Override thumbnail settings” creates an additional set of thumbnails rather than replacing the existing ones. To resize thumbnails you already have, use Bulk Actions > Generate Thumbnails instead.

Lazy Loading, Pagination and Infinite Scrolling

These three get talked about as one thing and they are not. Lazy loading holds back the photos further down the page until the visitor scrolls near them, and Imagely can do it for your galleries. Our lazy loading guide covers the longer version.

Pagination splits a gallery across pages, using the “Images per page” field in step 2, Customize, of the gallery editor. Infinite scrolling is the different one: it fetches more images as the visitor reaches the bottom, and it starts at the Starter plan.

What Changed in Imagely 4.2.3

Version 4.2.3, released in July 2026, was a straight performance pass, and it shipped to every plan. All the numbers below come from Imagely’s own before and after tests.

• Assets load only where a gallery exists. CSS, JavaScript and icons used to load on every page. A standard gallery page dropped from 767 KB to 189 KB, roughly 75% lighter.
• Layout shift is fixed on Masonry, Tile, Blog Style and Mosaic, with Masonry reserving space before the images render.

Page weight is the change you feel first.

The layout shift work shows up in Lighthouse too.

Lighthouse performance on a Masonry gallery moved from 49 to 66, and layout shift fell from 0.519 to 0.158. Imagely says the gains land as soon as you update to 4.2.3, with nothing to configure, so a site on an older version has none of it.

Our 4.2.3 performance announcement lists every change in the release.

When to Add Imagely CDN

A CDN is worth adding once your visitors are spread across countries, or your galleries are heavy enough that distance shows. Imagely CDN is a separate paid product, at $10 per month or $100 per year, and it is not bundled into any plan.

It covers use on one site, accepts JPG, PNG and GIF files up to 10 MB each, and delivers from more than 335 locations. WebP and AVIF are not accepted as uploads. The Imagely CDN page has the current details.

Setup runs in a specific order. Install the plugin, enable the CDN, then click Bulk Offload Images to move the library you already have. New uploads offload on their own once the CDN is on.

Transformations is the part people assume is already running.

Transformations is its own toggle and it stays off until you switch it on, even with the CDN enabled. With Transformations switched on, Imagely CDN converts each image to the best format the visitor’s browser supports, including WebP and AVIF where they are supported.

Our introduction to Imagely CDN covers what happens at delivery.

Your WordPress Image Optimization Checklist

Work through this in order the next time you prepare a set of images. Nothing on it needs a developer or a paid tool.

• Pick the format for the job. JPEG or WebP for photographs, PNG for transparency, AVIF where your server allows it.
• Size the file to the space it will fill, doubling for retina screens and going no further.
• Compress until the file is under 200 KB, checking quality after each step.
• Name the file in real words, separated by hyphens, before you upload it.
• Write the alt text while the shoot is fresh, describing the frame rather than the file name.
• Turn on lazy loading so a long gallery loads as the visitor scrolls.
• Reserve width and height on every image so the layout stops jumping as the page loads.
• Retest in PageSpeed Insights and read the image audits again, because the numbers move as soon as the first two are fixed.

Run it once on your busiest gallery page. The scores move well before your traffic does.

Frequently Asked Questions About WordPress Image Optimization

Optimized images are the difference between a portfolio that loads before the client loses interest and one that never really gets seen. Be sure to also check out our post on WordPress image sizes.

Don’t have Imagely yet? Get started today

For more photography tips and WordPress tutorials, check out our blog.