Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här ändrar du komprimering av JPEG-image i WordPress

WordPress kan använda komprimering för att göra bilderna på din webbplats mindre. Det gör att de laddas ner snabbare, vilket förbättrar laddningstiden för din webbplats.

Men om dina bilder komprimeras för mycket kan de se mindre skarpa ut eller ha lägre kvalitet. Detta kommer inte att ge det bästa intrycket för dina webbplatsbesökare.

Nyligen frågade en av våra läsare om det var möjligt att ändra komprimeringsinställningarna för JPEG-bilder i WordPress. Svaret på frågan är ja.

I den här artikeln visar vi dig hur du ökar eller minskar JPEG-bildkomprimeringen i WordPress, så att du kan hitta den perfekta balansen mellan bildkvalitet och webbplatsens hastighet.

Varför ändra WordPress JPEG Image Compression?

Varje gång du uploadar en JPEG-bild till din WordPress website komprimeras den automatiskt till 90% kvalitet. Redan i WordPress 4.5 sänktes denna siffra ytterligare till 82% för att förbättra webbplatsens prestanda för mobila användare.

Om du är fotograf och vill visa upp högkvalitativa images på din website kan du stänga av bildkomprimeringen i WordPress.

Så här inaktiverar du komprimering av images i WordPress

Allt du behöver göra är att klistra in följande kod i ditt temas functions.php-fil manuellt eller med hjälp av ett code snippet plugin som WPCode (rekommenderas).

Om du inte har gjort det tidigare kanske du gillar vår guide om hur du lägger till custom code på din WordPress website.

Först måste du installera WPCode Free Plugin plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Efter aktivering måste du navigera till Code Snippets ” + Add Snippet i din WordPress dashpanel. Efter det ska du hovera musen över templaten ”Add Custom Code” och sedan klicka på knappen ”Use Snippet”.

Adding a New Snippet in WPCode

Detta kommer att ta dig till en new vy där du kan skapa ditt customize snippet. You need to add a title to the snippet, such as ”Inaktivera komprimering av images i WordPress”.

Följaktligen bör du selecta ”PHP Snippet” från rullgardinsmenyn Code Type och sedan klistra in följande code snippet i rutan ”Code Preview”.

add_filter('jpeg_quality', function($arg){return 100;});
Disabling Image Compression Using WPCode

Om du ställer in värdet på 100 kommer WordPress att komprimera imagen med högsta kvalitet.

Slutligen måste du klicka på toggeln högst upp på vyn från ”Inaktiverad” till ”Aktiv” och sedan klicka på knappen ”Save Snippet”.

Grattis, du har inaktiverat JPEG-komprimering på din WordPress webbplats.

Om du ej är fotograf eller konstnär skulle du förmodligen inte se någon större skillnad i kvalitet. Men för dem som dagligen arbetar med högkvalitativa images är kvalitetsskillnaden uppenbar.

Så här ökar du komprimeringen av images i WordPress

Det finns definitivt prestandafördelar med att låta komprimeringskvaliteten vara som den är. Men om du vill kan du ändra siffran från 100 till 80 eller något lägre för att komprimera dina images mer och save lite utrymme.

Skapa helt enkelt ett nytt WPCode snippet som du gjorde i den tidigare metoden och klistra sedan in följande kod:

add_filter('jpeg_quality', function($arg){return 75;});
Increasing Image Compression Using WPCode

När du gör snippet aktivt och sparar det kommer dina JPEG images att komprimeras till mindre filstorlekar. Bilderna kommer att klarna i en lägre kvalitet, men you save space on your web server.

Tips: När du gör dessa ändringar i image-kvalitet vill du också se till att du återskapar dina thumbnails.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du ändrar JPEG-bildkomprimering i WordPress. Du kanske också vill se vår guide om hur man lägger till bilder på rätt sätt i WordPress eller vårt expertval av de bästa Instagram WordPress-pluginsen.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

53 kommentarerLämna ett svar

  1. 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!

  2. Jiří Vaněk

    I would like to ask whether WordPress applies this compression only to JPEG images or if this function is used for other formats as well. I am particularly interested in the WebP format and, to a lesser extent, the PNG format. The majority of my website’s images are in WebP format. I know that this format is already highly compressed, so I would not want to lose additional quality due to further compression by WordPress.

    • WPBeginner Support

      The JPEG image compression only affects the JPEG file type.

      Administratör

  3. 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?

      • 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.

  4. 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.

      Administratör

  5. 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 : )

  6. 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???

  7. 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.

      Administratör

  8. Netgoondoo

    Hi, is this code snippet valid in php 7?

    • WPBeginner Support

      The snippet should still be working

      Administratör

  9. 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.

      Administratör

  10. Sukanya

    I have not seen much of a difference even after regenerating. Am I missing something?

  11. 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.

  12. 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.

      Administratör

      • 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…

  13. 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.

  14. 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?

  15. 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!

  16. 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!

  17. 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

      • 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 :/

  18. 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.

  19. Luke Cavanagh

    Setting the level to 92 or 90 is fine, the default used to be 90 was was lowered down to 82.

  20. 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

  21. 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.

  22. 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?

  23. 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

  24. 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

  25. blogmann

    Thanks
    I’m using plugin Imsanity, it has more settings

  26. 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 ;)

  27. chang hong

    hello, can you tellme why wp crop every image that i upload? how can i prevent it! thank you

  28. 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

  29. 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.

  30. 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.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.