Felsöka suddiga bilder

Visas bilder med dålig kvalitet eller ser suddiga ut på din webbplats? Den här guiden täcker några av de vanligaste orsakerna till suddiga bilder på en WordPress-webbplats och hur du kan åtgärda problemet.

En bild kommer att se suddig ut om den är för liten för det utrymme den visas i. Även om det inte finns någon enskild rekommenderad bildstorlek kan du läsa vår bildoptimeringsguide för att lära dig hur du säkerställer att en bild är tillräckligt stor för att visas i bra kvalitet på din webbplats men inte så stor att den saktar ner din webbplatshastighet.

Om dina bilder ser suddiga ut, börja med att ladda upp en större bildfil av hög kvalitet och kontrollera om den ser bättre ut.

Om uppladdning av en större, tydligare bild fortfarande inte förbättrar hur bilderna ser ut på live-webbplatsen kan det bero på något av de andra problemen som listas nedan.

Om din internetanslutning är extremt långsam kan bilderna laddas ner med en lägre kvalitet, vilket gör att de ser suddiga ut. Prova att läsa in din webbplats med en annan, snabbare anslutning för att kontrollera om det får bilderna att se bättre ut.

Det här avsnittet av guiden gäller för webbplatser med WordPress.com Business- och Commerce-paketet samt det äldre Pro-paketet. Om du har ett Business-paket, se till att aktivera det. För webbplatser med Gratis-, Personal- och Premium-paketet, uppgradera ditt paket för att komma åt den här funktionen.

Alla WordPress.com-webbplatser har åtkomst till Jetpack, som tillhandahåller många säkerhets-, tillväxt- och prestandafunktioner. Webbplatser med paket med tillägg aktiverade kan dra nytta av ytterligare Jetpack-funktioner, inklusive nätverket för innehållsleverans (CDN) som används för att snabba upp laddningstiden för din webbplats. Ett CDN är en populär rekommendation för att snabba upp din webbplats och förbättra dina besökares användarupplevelse.

Som en del av CDN:et komprimerar Jetpack automatiskt bilder som laddats upp till CDN:et för att säkerställa att de laddas snabbt. I de flesta fall är detta bra eftersom bilder vanligtvis kan minskas i storlek avsevärt utan någon märkbar skillnad i kvalitet. Detta kan dock ibland göra att bilder ser suddiga ut eller visas med dålig kvalitet, ofta på grund av andra installerade tillägg eller konflikter med teman från tredje part.

På webbplatser med tillägg aktiverade, följ dessa steg för att testa om CDN:et gör att bilderna på din webbplats visas med låg kvalitet:

1. Gå till adminpanelen för din webbplats.
2. Navigera till Jetpack → Inställningar.
3. Klicka på fliken märkt ”Prestanda”.
4. Bläddra ner till sektionen ”Prestanda och hastighet”.
5. Inaktivera reglaget med texten ”Snabba upp laddningstiderna för bilder”.

För avancerade utvecklaralternativ för CDN:et, se guiden om att hantera Jetpack CDN-funktionen med hjälp av hooks.

Vi vidtar åtgärder för att tillhandahålla en sömlös upplevelse med dina bilder när du byter från ett WordPress.com-tema till ett annat. Vissa teman från tredje part inkluderar dock inte liknande åtgärder, vilket kan påverka dina bilder när du byter till eller från dessa teman.

Om du nyligen har bytt tema för din webbplats och märker att alla bilder som laddats upp med det nya temat ser bra ut, men att de äldre bilderna som laddades upp med det tidigare temat ser suddiga ut, kan du ladda upp de äldre bilderna på nytt med det nya temat för att få dem att visas korrekt.

Om du arbetar på en webbplats med tillägg aktiverade kan du återskapa de suddiga miniatyrerna med hjälp av ett bildåterskapningstillägg eller, om du är en utvecklare, med hjälp av WP-CLI. Med dessa metoder behöver du inte ladda upp alla dina äldre bilder manuellt igen.

Ibland kan det hända att dina bilder blir suddiga om du installerar ett nytt tillägg på din webbplats. Att uppdatera ett befintligt tillägg kan också leda till konflikter som påverkar dina bilder.

Prova att inaktivera tillägget för att se om bildkvaliteten förbättras. Du kan också behöva återställa en säkerhetskopia från innan du installerade tillägget för att återställa bilderna till deras tidigare tillstånd.

Detaljerade instruktioner om felsökning av tilläggskonflikter finns i vår guide om hur du löser problem med tillägg.