WordPress kann die Komprimierung nutzen, um die Bilder Ihrer Website zu verkleinern. Dadurch können sie schneller heruntergeladen werden, was die Ladezeit Ihrer Website verkürzt.
Wenn Ihre Bilder jedoch zu stark komprimiert sind, können sie weniger scharf oder von geringerer Qualität sein. Das macht auf die Besucher Ihrer Website nicht den besten Eindruck.
Kürzlich fragte einer unserer Besucher, ob es möglich sei, die Komprimierungseinstellungen für JPEG-Bilder in WordPress zu ändern. Die Antwort ist ja.
In diesem Artikel zeigen wir Ihnen, wie Sie die JPEG-Bildkomprimierung in WordPress erhöhen oder verringern können, damit Sie die perfekte Balance zwischen Bildqualität und Website-Geschwindigkeit finden.
Warum WordPress JPEG-Bildkomprimierung ändern?
Jedes Mal, wenn Sie ein JPEG-Bild auf Ihre WordPress-Website hochladen, wird das Bild automatisch auf 90 % Qualität komprimiert. Bereits in WordPress 4.5 wurde diese Zahl auf 82 % gesenkt, um die Leistung der Website für mobile Nutzer zu verbessern.
Wenn Sie als Fotograf hochwertige Bilder auf Ihrer Website präsentieren möchten, können Sie die Bildkomprimierung in WordPress deaktivieren.
Deaktivieren der Bildkomprimierung in WordPress
Sie müssen lediglich den folgenden Code manuell oder mit einem Code-Snippet-Plugin wie WPCode (empfohlen) in die Datei functions.php Ihres Themes einfügen.
Wenn Sie dies noch nicht getan haben, sollten Sie sich unsere Anleitung zum Hinzufügen von benutzerdefiniertem Code zu Ihrer WordPress-Website ansehen.
Zunächst müssen Sie das WPCode Free Plugin installieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.
Nach der Aktivierung müssen Sie in Ihrem WordPress-Dashboard zu Code Snippets “ + Snippet hinzufügen navigieren. Danach sollten Sie mit der Maus über die Vorlage „Benutzerdefinierten Code hinzufügen“ fahren und dann auf die Schaltfläche „Snippet verwenden“ klicken.
Dies führt Sie zu einem neuen Bildschirm, auf dem Sie Ihr benutzerdefiniertes Snippet erstellen können. Sie müssen dem Snippet einen Titel geben, z. B. „Disable Image Compression in WordPress“.
Wählen Sie dann im Dropdown-Menü „Code-Typ“ die Option „PHP-Schnipsel“ aus und fügen Sie den folgenden Code-Schnipsel in den Bereich „Code-Vorschau“ ein.
add_filter('jpeg_quality', function($arg){return 100;});
Wenn Sie den Wert auf 100 setzen, komprimiert WordPress das Bild mit der höchsten Qualität.
Zum Schluss müssen Sie den Schalter am oberen Rand des Bildschirms von „Inaktiv“ auf „Aktiv“ umschalten und dann auf die Schaltfläche „Snippet speichern“ klicken.
Herzlichen Glückwunsch, Sie haben die JPEG-Komprimierung auf Ihrer WordPress-Website deaktiviert.
Wenn Sie kein Fotograf oder Künstler sind, werden Sie wahrscheinlich keinen großen Unterschied in der Qualität feststellen. Aber für diejenigen, die täglich mit hochwertigen Bildern arbeiten, ist der Qualitätsunterschied offensichtlich.
Wie man die Bildkomprimierung in WordPress erhöht
Es gibt definitiv Leistungsvorteile, wenn Sie die Komprimierungsqualität so lassen, wie sie ist. Aber wenn Sie möchten, können Sie die Zahl von 100 auf 80 oder etwas niedriger ändern, um Ihre Bilder stärker zu komprimieren und etwas Platz zu sparen.
Erstellen Sie einfach ein neues WPCode-Snippet wie in der vorherigen Methode, und fügen Sie dann den folgenden Code ein:
add_filter('jpeg_quality', function($arg){return 75;});
Sobald Sie das Snippet aktivieren und speichern, werden Ihre JPEG-Bilder auf eine kleinere Dateigröße komprimiert. Die Bilder werden in geringerer Qualität angezeigt, aber Sie sparen Platz auf Ihrem Webserver.
Tipp: Wenn Sie diese Änderungen an der Bildqualität vornehmen, sollten Sie auch darauf achten, dass Sie Ihre Miniaturbilder neu generieren.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man die JPEG-Bildkomprimierung in WordPress ändert. Vielleicht interessieren Sie sich auch für unsere Anleitung zum richtigen Hinzufügen von Bildern in WordPress oder unsere Expertenauswahl der besten Instagram WordPress Plugins.
Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Tom
I tried this so many times, and many different variations of this code but it never works. I don’t know what else to do. Every time I upload a photo, I can see that the quality is blurrier. Do you have any other tips?
WPBeginner Support
Please ensure you do not have any other plugins that compress/optimize your images as that is the most common reason the images would be compressed. The other common reason would be if your theme is resizing the images in which case we would recommend taking a look at our article below!
https://www.wpbeginner.com/beginners-guide/wordpress-image-sizes-beginners-guide/
Admin
Tom
Thanks for the reply. Just an update: It turns out it was my hosting company that was compressing my photos. They had a CDN feature that was automatically enabled that I didn’t know about. After I disabled it, my photos are fine now.
Purnendu Mukherjee
Hi,
If we use a image compression plugin like Smush, Optiomole or any other, will my images be compressed twice (once by WordPress and then by the plugin)??
WPBeginner Support
You would want to check with the support for the plugin you plan to use but most should have the ability to cancel the standard compression.
Admin
Rigsby
Hello, once the php is added, will that override any image compression plugin that is installed at a later date or does the plugin override the code? It will be hard to remember that your php was once added a long time ago, and therefore it may cause headaches wondering why the plugin isn’t working correctly.
Thanks : )
Tom
“ If you want, you can change the number from 100 to 80 or something lower… then all you have to do is paste the following code:“
ADD THE CODE WHERE???
WPBeginner Support
As with the code above, you would place it in your theme’s functions.php or a site-specific plugin. To protect from theme updates we would normally recommend a site-specific plugin:
https://www.wpbeginner.com/beginners-guide/what-why-and-how-tos-of-creating-a-site-specific-wordpress-plugin/
Admin
rob
Hi – Do images need to be reuploaded for it to take effect?
Also, will this work for png images or do I need to change jpeg to png in the php code?
Thanks
WPBeginner Support
This would only apply to new images and not your current images and you do not have to worry about PNG compression.
Admin
Netgoondoo
Hi, is this code snippet valid in php 7?
WPBeginner Support
The snippet should still be working
Admin
puspa chaulagai
hey, I am from love and fun quotes I found your article while I searching for how to stop auto compressing images on WordPress. I try your code but it still not working. When I change the theme it’s work but in which theme I apply it doesn’t work. How to remove auto image compress by theme please help.
WPBeginner Support
You would want to reach out to the support for your specific theme for them to be able to assist with their specific compression.
Admin
Sukanya
I have not seen much of a difference even after regenerating. Am I missing something?
Heather Wilson
Hello,
I am working with wordpress.com – can you do this through the customizing CSS menu, and if so how? I am brand new to coding.
WPBeginner Support
Hi Heather,
No, you cannot. Please see our guide on the difference between self hosted WordPress.org vs free WordPress.com blog.
Admin
Karlo Gavric
Even I change compression to 100, my images looks so bad in quality, only if I use full sized (widht 1300+px) is OK, but if I use Large file which is 900px, it is horrible.
I added code to change compression in functions.php, contacted my theme supplier and hosting support, they don’t have any compressions turned on.
Any ideas?
WPBeginner Support
Hi Karlo,
Try deactivating all plugins and switching to a default theme, after that upload a large image and see if that fixes it.
Admin
Karlo Gavric
Hi,
I’ve tried it, but the problem still persists. Tried also just changing a theme with plugins enabled / disabled, no change (?! feeling confused really ?!)
nospampls
you need to set your large file size to a higher image size. wordpress will automatically crop your images…
Anne
what does this mean
Unable to communicate back with site to check for fatal errors, so the PHP change was reverted. You will need to upload your PHP file change by some other means, such as by using SFTP.
Thank you
Eoin
It means that you need to use an external editor to edit the files because the Wordpress editor is restricted.. There are plugins available for editing theme files through the wordpress admin which you can look up on the Add New Plugin page, otherwize, you need to download your theme files using a FTP software, update the functions.php file and upload it back to the theme folder on the server. If you are not sure about FTP, I would just look for an theme editor plugin so you can do it in the wordpress admin, but make sure to deactivate the plugin when you are finished to prevent any security issues.
Devi Chand
Hi,
My product images looked blurred because they are already optimised and wordpress was optimising them again (I believe). I used the above code and also regenerated the thumbnails. Initially, I could not find the changes. However, later the images started showing up the way I wanted (not blurred, perfect) for some time. But I check again and the images are all looking blurred again. Can you help?
Bjornen
Hi!
So, is there a solution to having WP not up-scaling the image size (kb/mb) when uploading via „Media“ in WordPress?
Meaning; I want WP to scale the picture into thumb nail, medium and large and to keep the original as it does per default, but NOT to up-scale the thumb ail, medium or large file sizes?
Thanks!
Mike
I added this code exactly how you showed it and now it won’t let me upload photos an error message keeps coming up. please help! Thanks!
Yara
Hi
Do you know if is possible to improve the quality of the image in wordpress.com in free version?
Thanks
Yara
Or better, if is possible to do not reduce the quality of the image
WPBeginner Support
Hi Yara,
You are limited to how WordPress.com handles images. Please see our guide on the difference between self hosted WordPress.org vs free WordPress.com blog.
Admin
Yara
Hi
Now I have wordpress.org because I was frustated with my images quality. But now it is worst. I did what your video say, but I still have problems.
I thought that was just upload the image and was OK. My head image and when I upload in the post the quality is not good.
I really don’t know what to do :/
Mélanie
Hi, I use this code and regenerated all my images, but unfortunatly, the size of my image is the same. I use enfold theme and my WP version is 4.7.2. Did I miss a step?
Mélanie
I forgot to say, I compressed to 75.
Luke Cavanagh
Setting the level to 92 or 90 is fine, the default used to be 90 was was lowered down to 82.
Alessandro
Hi, I have added the code as showed in the video but, nothing, Wordpress keeps reducing the size of my images.
Any other option?
Thanks for your support
Alessandro
Lukas Priyambodo
Quality 100 doesn’t always mean highest quality, because of JPEG algorithm and what kind of content of the image. Using SSIM, I sometimes found that quality 95 has better score than quality 100 or at least quality 95 has better filesize trade off compare to quality 100.
Jaime
Hi there. Are you able to disable image compression if you have a free Wordpress account? If so, where do I find my function’s php file?
WPBeginner Support
Please see our guide on the difference between self hosted WordPress.org vs free WordPress.com blog.
Admin
M.Mairaj
Thanks for sharing such a fantastic post about image Compression in Wordpress. All the tips are really very very worthwhile.
Keep sharing
Regards
Mairaj
Peter
Don’t follow this advice! I added this line of code in my functions.php file and now I get this message when loading my website!
Parse error: syntax error, unexpected T_STRING in /home/sittin11/public_html/wp-content/themes/Divi/core/functions.php on line 44
WPBeginner Support
See our guide on how to fix syntax error in WordPress.
Admin
blogmann
Thanks
I’m using plugin Imsanity, it has more settings
karl
Let’s clear up some things.
1 – WP does not mess with your original uploaded file. The compression levels discussed are for WP generated images – the TN, Med, Large in your WP media settings.
2 – if you change the compression settings, WP does not reprocess all your current uploads. That’s why you run Regenerate Thumbnails.
3 – I will challenge any photographer to see the quality difference between 100 and 90 in a JPG. In rare cases, you may. But for 99% of images you’ll never tell.
4 – Depending on your theme and your media settings, yes, some smaller image sizes will be cropped from your orignal upload. It’s the nature of the beast. If your TN is square and you upload a horizontal phjoto, of course it will be cropped. Cropping your images BEFORE uploading – and using a proportion compatible with your theme layout – will net you fewer issues.
Santiago Gonzalez
Thanks Karl, your comment was very helpfull to clear things up.
Thanks
chang hong
hello, can you tellme why wp crop every image that i upload? how can i prevent it! thank you
Dave Porter
Thanks for the article, very useful to know.
I’m interested in the comment about ‚make sure you regenerate your thumbnails‘
If an image is uploaded at say 82%, regenerating the thumbnails does what?
And I assume that after changing the percentage, this is only going to be for new images?
I would guess any existing images would remain at the same quality, or does WordPress keep a copy of the original uploaded?
TIA, Dave
WPBeginner Support
WordPress keeps a copy of the original file uploaded.
Admin
Michael
Is it possible to disable image compression in WordPress?
The article has a headline saying so, but then it describes it as „least compression“, that is not disabling compression…just wondering it is possible to disable compression for uploaded pictures…
karl
Setting compression to 100 IS disabling it.
Thomas
Great Tips, thank you.
I have one more question: If I upload images to WP that are already compressed (say to 90%) – will they be compressed again (82% of 90% = 74.8%)?
Stephen
Yes. The only exception is the image you upload is saved as is for future use.