Participant

Question

Image quality drops and file size too large after Photoshop export

Forum|Forum|2 days ago
March 6, 2026
5 replies
63 views

Hi everyone,

I run a small WordPress site [removed] on my own and I've been designing background graphics in Photoshop. Lately I'm stuck with two issues I can't seem to fix.

The graphics look great in Photoshop but once I upload them to my site they turn blurry. On top of that the file sizes are way too big and making my pages load really slow.

Not sure if it's my export settings or something else. Has anyone faced this? How did you fix it?

Thanks!

Nancy OShea

Community Expert

the file sizes are way too big and making my pages load really slow.

===============

Photoshop ⇒ File ⇒ Export ⇒ Export As panel.

Format: JPG

Quality impacts filesize.

Nancy O'Shea— Product User & Community Expert

Nancy OShea

Community Expert

Is your WordPress site hosted on WordPress.com or separate hosting?

I ask because WordPress.com generates four default image sizes in your media library— Thumbnail (150px), Medium (300px), Large (1024px) and Full Size original. These default settings can be adjusted in Settings > Media.

Optimal dimensions (JPEG, sRGB color, 72ppi)

Blog Post Images: 1200 x 630 pixels.
Featured Images (Landscape): 1200 x 900 pixels.
Featured Images (Portrait): 900 x 1200 pixels.
Header/Hero Images: 1920 x 1080 pixels (full-width).
Gallery Images: 1500px width.
Logo Images: 200 x 100 pixels.

https://wordpress.com/go/tutorials/controlling-wordpress-image-sizes/

https://wordpress.com/support/media/image-optimization/

Hope that helps.

Nancy O'Shea— Product User & Community Expert

ThioJoe

Community Expert

If it looks fine if you open the file locally on your computer after exporting, I’d guess the wordpress site is compressing the file.

You might have a wordpress plugin or setting that’s doing it upon upload, or it could be a feature built into wordpress, I’m not sure. Many platforms compress images to improve site load times and bandwidth.

If you have the site behind a CDN like cloudflare, it’s also possible you’ve enabled a feature enabled on there to compress images, though I think it’s still more likely to be happening at the wordpress level.

c.pfaffenbichler

Community Expert

As for the size-issue: Is there an inordinate amount of text under File > File Info > Raw Data?

marcoferriAuthor

Participant

Hi, thanks so much for getting back to me!

I checked File > File Info > Raw Data, and yes, there is quite a lot of text in there, not sure if that's normal or not.

As for the sample — I am attaching the original footer logo I designed in Photoshop for my site [removed] It looks perfectly sharp and clean inside Photoshop, but once I upload it to my WordPress site, the logo appears blurry and slightly pixelated, especially on mobile screens.

Would really appreciate your expert opinion on what I'm doing wrong!

c.pfaffenbichler

Community Expert

Please post a screenshot of the logo on the webpage.

The image you posted has the suffix ».png.webp«, so it seems the Forum converted it, could you please post a zip of the image?

If the image is scaled in the browser Photoshop has little influence on the result.

Would using a vector format like svg be an option?

c.pfaffenbichler

Community Expert

Please provide a sample – the file saved from Photoshop and the same image downloaded from the homepage.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded