- \n
- WordPress compresses images automatically to save space and load faster.<\/li>\n
- If you want full-quality visuals, you can disable or reduce this compression.<\/li>\n
- There are different ways to do it\u2014using code, plugins, or theme settings.<\/li>\n
- With a few tweaks, your images will stay as beautiful as you made them!<\/li>\n<\/ul>\n
Why Does WordPress Compress My Images?<\/h2>\n
WordPress is designed for performance and speed. So, by default, it compresses JPEG images to about 82%<\/strong> of their original quality. That can help your site load a little faster, especially on mobile. But, if you\u2019re a photographer, designer, or just a stickler for detail, that\u2019s not ideal.<\/p>\n
This compression only affects JPEGs. PNGs, SVGs, and GIFs are generally not compressed the same way. But, most photos are JPEGs\u2014so you’ll probably feel the difference.<\/p>\n
So what can you do about it?<\/p>\n
Option 1: Stop Image Compression With a Simple Code Snippet<\/h2>\n
This is the quickest, cleanest solution if you\u2019re comfortable adding a little code.<\/p>\n
Add this to your functions.php<\/em> file in your theme, or via a site-specific plugin:<\/p>\n
\nadd_filter('jpeg_quality', function($arg){return 100;});\n<\/code><\/pre>\nWhat it does:<\/strong> This tells WordPress to set the JPEG image quality to 100% instead of 82%. Easy!<\/p>\n
What to keep in mind:<\/strong> This only affects new uploads. Your old images will stay compressed unless you regenerate them.<\/p>\n
![\"\"](\"https:\/\/emojifaces.org\/blog\/wp-content\/uploads\/2025\/12\/a-black-and-white-photo-of-a-tree-casting-a-shadow-on-a-wall-wordpress-code-snippet-image-quality-theme-editing.jpg\")
\nOption 2: Use a Plugin to Override Compression<\/h2>\n
Not everyone loves editing code. And that\u2019s totally okay!<\/p>\n
There are plugins that can help you control image compression, without touching a single line of PHP.<\/p>\n
Two good plugin options are:<\/strong><\/p>\n
- \n
- Imsanity<\/strong> \u2013 Limits image size but allows quality tweaks.<\/li>\n
- Disable JPEG Compression<\/strong> \u2013 As the name suggests, it disables default compression entirely.<\/li>\n<\/ul>\n
Just search for them in your WordPress dashboard, install, and follow the simple settings to keep that full resolution goodness.<\/p>\n
Option 3: Manually Upload Images Outside the Media Library<\/h2>\n
If you\u2019re feeling adventurous, there\u2019s a way to bypass<\/em> the compression altogether \u2014 don\u2019t use WordPress’s built-in media uploader.<\/p>\n
Instead, upload your images by FTP or your hosting file manager and then reference them manually in your content using HTML:<\/p>\n
\n<img src=\"https:\/\/yourdomain.com\/wp-content\/uploads\/image.jpg\" alt=\"Your Image\">\n<\/code><\/pre>\nPros:<\/strong> No compression gets applied. Sweet!<\/p>\n
Cons:<\/strong> You lose the convenience of the media library, and it\u2019s a bit more work.<\/p>\n
Option 4: Replace Default Image Sizes with Custom Quality Settings<\/h2>\n
WordPress automatically creates different versions of your image (like thumbnail, medium, and large). These are also compressed.<\/p>\n
You can override their quality with another snippet:<\/p>\n
\nadd_filter('wp_editor_set_quality', function($quality) {\n return 100;\n});\n<\/code><\/pre>\nThis ensures images edited in the media library also use 100% quality.<\/p>\n
The Regeneration Trick \u2014 Fixing Past Uploads<\/h2>\n
If you’ve already uploaded lots of images, changing the future doesn’t fix the past.<\/p>\n
But don\u2019t worry, you can regenerate all your media files with a free plugin like:<\/p>\n
- \n
- Regenerate Thumbnails<\/strong><\/li>\n<\/ul>\n
Once your image compression settings are updated, use this plugin to recreate all existing image sizes using the new rules.<\/p>\n
A Few Quick Tips for Best Results<\/h2>\n
- \n
- Always resize before upload:<\/strong> Don\u2019t upload a 5000px-wide image if your layout needs only 1200px.<\/li>\n
- Use PNG when transparency matters:<\/strong> Compression doesn’t affect them like JPEGs.<\/li>\n
- Install a visual check plugin:<\/strong> Preview your media library\u2019s real quality with plugins like \u201cEnable Media Replace.\u201d<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/emojifaces.org\/blog\/wp-content\/uploads\/2026\/03\/two-tall-buildings-with-lights-on-each-of-them-before-after-photo-enhancement-noise-reduction-example-high-resolution-image-comparison.jpg\")
\nBonus: Disable WebP Conversion (If Enabled)<\/h2>\n
Some hosting services or WordPress setups automatically convert your images to WebP<\/em> format, a next-gen format with smaller file sizes.<\/p>\n
These versions might look different from your originals and may also be compressed further.<\/p>\n
To turn this off:<\/p>\n
- \n
- Check your hosting dashboard<\/strong> or caching plugin<\/strong> (like WP Rocket or SG Optimizer).<\/li>\n
- Look under image optimization settings and toggle off WebP conversion.<\/li>\n<\/ol>\n
Advanced Trick: Use a Hook to Control Specific Sizes<\/h2>\n
If you want a mix (e.g., full-size images at 100%, thumbnails at 80%), you can customize per image size like this:<\/p>\n
\nadd_filter('wp_editor_set_quality', function($quality, $mime_type, $image_size) {\n if ($image_size === 'full') {\n return 100;\n }\n return 85;\n}, 10, 3);\n<\/code><\/pre>\nThis gives you precise control over which versions get what level of quality.<\/p>\n
Testing Your Image Quality Like a Pro<\/h2>\n
After you\u2019ve made your changes, you\u2019ll want to make sure they worked!<\/p>\n
Here are some ways to test:<\/p>\n
- Look under image optimization settings and toggle off WebP conversion.<\/li>\n<\/ol>\n
- Use PNG when transparency matters:<\/strong> Compression doesn’t affect them like JPEGs.<\/li>\n
- Always resize before upload:<\/strong> Don\u2019t upload a 5000px-wide image if your layout needs only 1200px.<\/li>\n
- Disable JPEG Compression<\/strong> \u2013 As the name suggests, it disables default compression entirely.<\/li>\n<\/ul>\n
- Imsanity<\/strong> \u2013 Limits image size but allows quality tweaks.<\/li>\n