SharePoint Document Issues

How to Fix Blurry Images on SharePoint Online Pages

Maira Mehtab Sep 22, 2026 868 views

Question details

The user needs to resolve an issue where uploaded images become pixelated and lose quality after a SharePoint page is published.

Product: SharePoint Online
Device & OS: not provided
Scenario: Publishing a SharePoint Online page containing header images or image web parts with large dimensions like 1920x1080.
Observed behavior: Images display clearly in the editor immediately after upload, but become noticeably blurry and pixelated once the SharePoint page is actually published.

Before you start

Verify that you have the original, high-resolution image files saved locally and that you have edit permissions for the affected SharePoint Online site.

Solution 1Recommended

Troubleshoot Image Formats, Browsers, and Web Parts

Perform basic diagnostic checks to determine if the blurriness is caused by local browser rendering, incorrect file formats, or third-party page extensions.

Often, perceived image quality drops are tied to how specific web browsers render compressed images, or how third-party web parts alter the native image display.

Check original image format

Ensure you are using a standard web-optimized format like PNG or JPEG. Avoid uploading BMP or heavily pre-compressed files, as SharePoint will process them again.

Test multiple web browsers

Open the published SharePoint page in different browsers (such as Microsoft Edge, Google Chrome, and Mozilla Firefox) to rule out browser-specific rendering bugs or local caching issues.

Disable custom web parts

Temporarily edit the page to remove any third-party optimization tools or custom web parts, then republish the page to see if the native SharePoint image web part renders the file correctly.

Use direct upload methods

Instead of pasting the image directly into the text editor, use the designated 'Image' web part and upload the file using the 'Browse' or 'Upload' button to ensure native handling.

Image Dimensions: Ensure your header images natively match SharePoint's recommended dimensions (e.g., 1920 by 1080 pixels) to prevent upscaling or forced downscaling.

Solution 2

Contact Microsoft Support for Server-Side Issues

If standard troubleshooting fails, escalate the issue to Microsoft Support to investigate backend image processing and server-side compression behavior.

Free Microsoft Office alternative

Create and Share High-Quality Documents with WPS Office

If you are frustrated with unexpected image compression and formatting restrictions in Microsoft web products, try WPS Office. It provides a robust, easy-to-use suite for creating documents, presentations, and spreadsheets with excellent control over image quality and layout.

1. Download the software: Visit the official WPS Office website and click the free download button.
2. Install the suite: Run the installer and follow the quick on-screen instructions to set up the software on your device.
3. Insert high-quality images: Open a new WPS Presentation or Writer document, click 'Insert', and select your high-resolution images to share without unwanted compression.

Fully compatible with Microsoft Word, Excel, and PowerPoint formats.Retains high-quality image resolutions in documents and presentations without aggressive automatic downscaling.Lightweight, fast, and completely free to download and use.Familiar user interface ensuring seamless migration and minimal learning curve.

microsoft office alternative - wps office

Frequently Asked Questions

Why do images look clear in the SharePoint editor but pixelated after publishing?

SharePoint Online applies server-side image compression and creates multiple responsive renditions of your image when a page is published. This is designed to optimize loading speeds on different devices, but it can sometimes result in aggressive compression that causes pixelation.

What is the recommended image resolution for SharePoint Online headers?

For standard SharePoint page header layouts, it is highly recommended to use images with a resolution of 1920 by 1080 pixels and a 16:9 aspect ratio to ensure they display correctly without being stretched.

Can I completely turn off automatic image compression in SharePoint Online?

Currently, SharePoint Online does not provide a user-facing toggle to completely disable its automatic image rendition and compression features on modern published pages. Using high-quality PNGs can sometimes yield better results.

Does the image file format affect how SharePoint compresses it?

Yes. JPEG files are lossy and can suffer from secondary compression artifacts when processed by SharePoint. Using a lossless format like PNG can sometimes help retain crisp edges, especially for images containing text or logos.

Document & File Issues