Hur man fixar vanliga bildproblem i WordPress (ultimat guide)

Bilder är en viktig del av att få ditt innehåll att sticka ut.

Oavsett om du lägger till utvalda bilder, gallerier eller visuella element inline, kan det krävas lite felsökning för att få allt att visas korrekt, särskilt när din webbplats växer.

På WPBeginner har vi ägnat över 16 år åt att hjälpa WordPress-användare att lösa alla möjliga bildrelaterade utmaningar, från uppladdningsproblem till visningsproblem.

I den här steg-för-steg-guiden går vi igenom de vanligaste bildproblemen i WordPress och visar hur du löser dem snabbt och med självförtroende. 🏞️

Eftersom detta är en detaljerad artikel, här är en lista över bildrelaterade problem som vi kommer att täcka i den här artikeln. Du kan använda dessa snabblänkar för att hoppa till ett visst ämne:

• Hur man laddar upp bilder i WordPress
• Hur man justerar en bild till vänster eller höger i WordPress
• Hur man lägger till bildtexter under bilder
• Hur man visar foton i kolumner och rader
• Hur man skapar responsiva bildgallerier i WordPress
• Hur man åtgärdar saknade miniatyrbilder / utvalda bilder
• Hur man lägger till omslagsbilder i WordPress-inlägg och sidor
• Hur man fixar problemet med att den utvalda bilden visas två gånger
• Hur man beskär bilder i WordPress
• Hur man lägger till en sidhuvudsbild i WordPress
• Hur man lägger till en bakgrundsbild i WordPress
• Hur man optimerar bilder för WordPress utan att förlora deras kvalitet
• Hur man lägger till titelattribut till WordPress-bilder
• Hur man hittar gratis bilder för dina WordPress-blogginlägg
• Hur man kategoriserar och taggar bilder i WordPress
• Hur man importerar externa bilder i WordPress
• Hur man kräver framhävda bilder för inlägg i WordPress
• Hur man ställer in en standard utvald bild i WordPress
• Hur man skapar ytterligare bildstorlekar i WordPress
• Hur man förhindrar WordPress från att generera bildstorlekar
• Hur man förhindrar bildstöld i WordPress
• Bonusresurser: Fler ultimata guider för WordPress

Hur man laddar upp bilder i WordPress

WordPress gör det superenkelt att ladda upp bilder till dina inlägg, sidor och områden som inte är innehåll, som sidofält.

För att ladda upp bilder i WordPress-inlägg och sidor behöver du bara lägga till bildblocket i innehållseditorn.

Du kan också lägga till bildblocket genom att helt enkelt skriva /image i ett 'Paragraf'-block.

Redigeraren börjar visa block som du kan infoga så snart du börjar skriva.

WordPress kommer nu att lägga till bildblocket i innehållsredigeraren.

Du måste klicka på knappen 'Ladda upp' för att välja och ladda upp bilden från din dator.

Du kan också välja en tidigare uppladdad bild från ditt 'Mediabibliotek'.

Efter att ha laddat upp bilden ser du en förhandsgranskning av bilden i redigeraren.

Du kommer också att se bildinställningar i den högra panelen. Därifrån kan du ange alternativ text för bilder, välja bildstorlek och anpassa bildstilen.

Hur man justerar en bild till vänster eller höger i WordPress

Med WordPress är det enkelt att justera bilder till vänster, höger eller mitten.

Välj helt enkelt bilden genom att klicka på den och klicka sedan på justeringsknappen i verktygsfältet för blocket.

Du kanske har märkt hur några populära WordPress-bloggar använder bilder med text runt omkring dem.

Detta görs genom att använda justeringsfunktionen.

Alternativt kan du också använda blocket 'Media & Text' istället för blocket 'Bild'.

Detta block är gjort specifikt för att lägga till bilder bredvid texten.

Du kan sedan ladda upp en bild och text sida vid sida.

Du kan också använda blockverktygsfältet för att ändra bildens eller textens sida.

För detaljerad vägledning kan du kolla in vår guide om hur man justerar bilder med WordPress blockredigerare.

Hur man lägger till bildtexter under bilder

WordPress låter dig enkelt lägga till bildtexter för bilder. Efter att du har laddat upp en bild ser du alternativet att lägga till en bildtext direkt under förhandsgranskningen av bilden.

På samma sätt kan du även lägga till bildtexter till bildgallerier i WordPress. För mer information, se vår guide om hur man lägger till bildtexter till bilder i WordPress.

Hur man visar foton i kolumner och rader

Ofta frågar användare oss hur man snyggt visar foton i kolumner och rader.

Låt oss säga att du vill dela foton från en födelsedagsfest eller semesterbilder. Du kan lägga till dem en efter en i ett inlägg, men detta kommer att se ut som en lång lista med bilder.

Det bästa sättet att gruppera dina foton är genom att skapa bildgallerier.

WordPress levereras med ett inbyggt 'Galleri'-block som låter dig enkelt lägga till bilder i rader och kolumner med miniatyrförhandsvisningar.

Lägg helt enkelt till blocket 'Galleri' i inläggsredigeraren och välj de bilder du vill ladda upp.

För mer detaljerade instruktioner, se vår guide om hur man skapar ett bildgalleri i WordPress.

Hur man skapar responsiva bildgallerier i WordPress

Du kommer att märka att standardbildgallerierna i WordPress saknar flera funktioner. Till exempel är de inte heller särskilt lätta att bläddra i.

Om du ofta laddar upp bilder och fotografier till din WordPress-webbplats, då behöver du ett WordPress-plugin för fotogallerier.

Vi rekommenderar att använda Envira Gallery. Det låter dig enkelt skapa vackra och helt mobilanpassade bildgallerier på din WordPress-webbplats.

För mer information om pluginet kan du kolla in vår kompletta Envira Gallery-recension.

Det bästa är att det lägger till ytterligare funktioner som album, gallerimallar, delning via sociala medier, bildspel, vattenmärkning, paginering, lösenordsskydd, taggning, helskärmsvisning och mycket mer.

Ett annat populärt WordPress-galleriprogram är NextGEN Gallery. Det erbjuder många gallerilayouter och ett vackert lightbox-galleri för att visa bilder i WordPress.

NextGEN Gallery inkluderar även kraftfulla funktioner för professionella fotografer som fotobevisning, utskriftsuppfyllelse, bildskydd, Adobe Lightroom-tillägg, PayPal och Stripe-betalningsportaler, och mer.

För mer information kan du kolla in vår fullständiga NextGEN Gallery-recension.

Hur man åtgärdar saknade miniatyrbilder / utvalda bilder

De flesta WordPress-teman låter dig tydligt visa en utvald bild med dina artiklar. Låt oss titta på hur du ställer in en utvald bild i WordPress för att undvika saknade miniatyrer.

Först måste du klicka på ‘Ange utvald bild’ för att ladda upp din miniatyrbild för inlägget.

Efter att ha laddat upp bilden kommer du att kunna se din inläggstumbild i meta-rutan för utvald bild, så här.

För mer information, se vår guide om hur du lägger till en utvald bild eller miniatyrbild i WordPress.

Hur man lägger till omslagsbilder i WordPress-inlägg och sidor

Omslagsbilder är breda eller helbreda bilder som kan användas som en avdelare mellan olika sektioner i en artikel eller en lång försäljningssida.

De är mycket engagerande och hjälper användare att enkelt skanna en sida utan att känna sig överväldigade av för mycket text.

För att lägga till en omslagsbild behöver du bara lägga till blocket Omslag i redigeraren.

Därefter måste du ladda upp bilden du vill använda från din dator eller välja en från mediabiblioteket. Om du inte vill använda en bild kan du också välja en färg som bakgrund som omslag.

Du kommer nu att se en liveförhandsgranskning av din omslagsbild i blockredigeraren. Du kan ändra visningsalternativen för omslagsbilden från verktygsfältet för blocket eller använda inställningarna till höger.

För att lära dig mer, se vår guide om skillnaden mellan omslagsbild kontra utvald bild i WordPress och hur du använder dem effektivt.

Hur man fixar problemet med att den utvalda bilden visas två gånger

Att infoga den utvalda bilden inuti innehållet är ett vanligt misstag som nybörjare gör.

När du har ställt in en utvald bild behöver du inte infoga den i inlägget tillsammans med ditt innehåll.

Att göra det kommer att få din utvalda bild att visas två gånger. En gång som utvald bild och en gång som en bild inuti inlägget.

Du kan lägga till andra bilder inuti ditt inlägg, men din utvalda bild hamnar i rutan för utvalda bilder.

För mer information, läs gärna vår guide om hur du åtgärdar att utvalda bilder visas två gånger i WordPress-inlägg.

Hur man beskär bilder i WordPress

När du laddar upp bilder från din telefon eller kamera är de oftast för stora.

WordPress skapar automatiskt små, medelstora och stora bildstorlekar för din ursprungliga uppladdning. Men ibland kan du behöva beskära bilden till en annan storlek.

WordPress är inte Photoshop, men det kommer med några grundläggande bildredigeringsfunktioner som att skala, beskära, vända och rotera bilder.

Gå helt enkelt till Media » Lägg till ny och ladda upp din bild. Efter att ha laddat upp bilden ser du en 'Redigera'-länk bredvid den uppladdade bilden.

Om du klickar på den öppnas skärmen 'Redigera media', där du ser en knapp 'Redigera bild' precis under bilden. Detta öppnar WordPress bildredigerare.

Härifrån kan du klicka på knappen 'Redigera bild' under förhandsgranskningen av bilden. Detta öppnar bildredigeringsskärmen.

På skärmen för bildredigering ser du knappar för att utföra några grundläggande bildredigeringsuppgifter som att beskära, rotera, ändra storlek, etc.

Om du använder blockredigeraren kan du beskära bilder genom att använda den inbyggda beskärningsfunktionen i bildverktygsfältet.

Klicka bara på ett bildblock och välj ikonen 'Beskär' i verktygsfältet.

Därefter kan du justera bildens bildförhållande och det beskurna området av din bild efter dina önskemål.

Du kan använda ditt ursprungliga bildförhållande eller ett fördefinierat av WordPress.

För mer detaljerade instruktioner kan du se vår guide om hur man beskär, roterar, skalar och vänder bilder i WordPress.

Hur man lägger till en sidhuvudsbild i WordPress

En sidhuvudsbild i WordPress är en temafunktion. Många gratis och premiumteman för WordPress kommer med stöd för sidhuvudsbilder.

Vissa WordPress-teman tillåter dig att ställa in en sidomfattande sidhuvudsbild, medan andra bara tillåter dig att ställa in en sidhuvudsbild för startsidan.

Du kan ladda upp din egen anpassade sidhuvudsbild från sidan Utseende » Anpassa.

Om du använder ett blocktema är platsen för att redigera ditt temas sidhuvud annorlunda.

Först måste du gå till Utseende » Redigerare.

Välj sedan 'Mönster'.

Detta tar dig till en sida där du kan komma åt din temas sidhuvudsmönster.

Därefter vill du skrolla ner till avsnittet 'Mallkomponenter'.

När du har gjort det, välj bara 'Header' och klicka på sidhuvudsmallen för att redigera den.

Därifrån kan du lägga till ett bildblock i sidhuvudsmönstret som du skulle göra i första delen av den här artikeln.

Hur man lägger till en bakgrundsbild i WordPress

Precis som den anpassade sidhuvudsbilden är en anpassad bakgrundsbild en funktion i WordPress-teman. Många WordPress-teman stöder anpassade bakgrundsbilder.

Besök Utseende » Anpassa för att starta 'Temaanpassaren'.

Om du kan se alternativet 'Bakgrundsbild' har ditt tema stöd för anpassade bakgrunder.

Det är en temafunktion, vilket är anledningen till att den varierar från tema till tema. Beroende på ditt tema ser du olika alternativ för att styla din bakgrundsbild.

Om ditt tema inte stöder en bakgrundsbild, kan du fortfarande använda ett plugin för att lägga till helskärmsbakgrundsbilder på din webbplats.

Hur man optimerar bilder för WordPress utan att förlora deras kvalitet

Ett av de vanligaste bildproblemen som WordPress-användare stöter på är hur man komprimerar sina bilder utan att förlora kvalitet. 

Förutom att vara snabbare att ladda upp, laddas optimerade bilder snabbare på framsidan, vilket förbättrar användarupplevelsen och minskar avvisningsfrekvensen. Detta beror på att de förbrukar mindre bandbredd, vilket sparar dataanvändning för användare med begränsade internetanslutningar. 

Sökmotorer tar också hänsyn till sidhastighet när de rankar webbplatser. Optimerade bilder bidrar till snabbare laddningstider, vilket potentiellt kan förbättra din sökranking.

Lyckligtvis är optimering av bilder ganska enkelt. Allt du behöver är ett bra verktyg för bildoptimering som Optimole för att köra dina bilder igenom det.

För mer information, kolla in vår guide om hur man optimerar bilder utan att förlora kvalitet.

Dessutom kan du överväga att latladda dina bilder. Denna taktik hindrar webbläsare från att ladda bilderna på din webbplats förrän användaren skrollar ner till bildens plats.

Hur man lägger till titelattribut till WordPress-bilder

Även om det inte är nödvändigt för att bilden ska fungera, ger titelattribut en kort beskrivning av bilden som visas när en användare hovrar över den.

Detta kan förbättra användarupplevelsen genom att ge ytterligare kontext för dina besökare. Till exempel, om du har en bild av en läcker chokladkaka, kan ett titelattribut som 'Hemlagad chokladkaka' vara användbart.

Titelattribut kan också vara fördelaktiga för WordPress SEO. Även om de inte direkt påverkar sökrankingen, kan de hjälpa sökmotorer att förstå innehållet i din bild och förbättra din webbplats tillgänglighet.

För steg-för-steg-instruktioner, kolla in vår guide om hur du lägger till titelattribut till dina bilder i WordPress.

Hur man hittar gratis bilder för dina WordPress-blogginlägg

Bilder kan få dina artiklar att sticka ut. Du måste dock respektera andras upphovsrätt och hitta bilder som du lagligt får använda.

Vi får ofta frågan från våra läsare om hur man hittar de bästa, royaltyfria bilderna att använda i sina inlägg.

Det finns många webbplatser där du kan hitta royaltyfria bilder att använda. Du kommer dock snart att märka att bilder på dessa webbplatser ser överanvända och generiska ut.

Du kan se vår lista över de bästa källorna för gratis bilder i public domain och med CC0-licens för fler referenser.

Alternativt kan du också använda AI för att generera unika bilder och få dina bilder att sticka ut från konkurrenterna.

Hur man kategoriserar och taggar bilder i WordPress

Om du driver en fotoblogg, kommer du att märka att WordPress inte tillåter dig att sortera foton och bilder.

Skulle det inte vara bra om du kunde lägga till taggar till dina bilder så att du och dina användare enkelt kan bläddra bland dem?

Lyckligtvis finns det några utmärkta plugins som låter dig göra just det. För mer information, se vår artikel om hur du lägger till kategorier och taggar i WordPress mediebibliotek.

För en blogg relaterad till fotografi är det bästa alternativet att använda Envira Gallery, som kommer med ett tillägg för att lägga till taggar.

Envira Gallery låter dig skapa vackra, mobilklara fotogallerier i WordPress. Med hjälp av taggar kan dina användare enkelt filtrera och sortera foton utan att ens ladda om en sida. Se vår detaljerade recension av Envira Gallery för mer information om pluginet.

Hur man importerar externa bilder i WordPress

Den här frågan dyker ofta upp när du migrerar din webbplats till WordPress. Vissa bilder på din webbplats kan fortfarande peka till en äldre plats.

Detta gäller särskilt för användare som importerar bloggar från Blogger, Squarespace, eller WordPress.com.

Medan bilderna på din webbplats kan se korrekta ut, laddas de fortfarande från en extern källa. För att lösa detta problem behöver du bara installera och aktivera pluginet Auto Upload Images.

Pluginet kommer att kontrollera efter externa bilder när du uppdaterar eller sparar ett inlägg eller en sida. Du kan göra det manuellt för varje inlägg eller sida, eller så kan du massredigera alla inlägg och helt enkelt klicka på uppdateringsknappen.

För detaljerade instruktioner, se vår guide om hur man importerar externa bilder i WordPress.

Hur man kräver framhävda bilder för inlägg i WordPress

När du driver en webbplats med flera författare i WordPress, kanske några av dina författare inte är bekanta med funktionen för utvalda bilder.

I det här fallet kanske du vill påminna dig själv eller dina användare om att ladda upp en funktionsbild när de skickar ett inlägg i WordPress.

Du kan göra detta genom att installera och aktivera pluginet PublishPress Checklists.

När pluginet har aktiverats kommer det att visa ett rött utropstecken och en flik 'Checklista' som informerar användarna om att detta inlägg kräver en utvald bild.

Du och dina användare kommer att kunna spara inlägg som utkast, men du kan inte publicera inlägget förrän du lägger till en utvald bild.

Se vår artikel om hur man kräver utvalda bilder för inlägg i WordPress för mer instruktioner.

Hur man ställer in en standard utvald bild i WordPress

Att hitta den perfekta utvalda bilden för varje inlägg eller artikel är en svår uppgift. Ibland kanske du inte vill lägga till en utvald bild till ett inlägg, men ditt tema kan se konstigt ut utan en.

Det är här en standardbild för inlägg kan vara användbar. En standardbild för inlägg används när en artikel inte har en egen bild för inlägg.

Du kan ställa in en standardutvald bild genom att använda pluginet Default featured image.

För fler instruktioner, se vår guide om hur man ställer in en standardbild i WordPress.

Hur man skapar ytterligare bildstorlekar i WordPress

Som standard skapar och sparar WordPress olika storlekar av dina uppladdade bilder, inklusive tumnaglar. Ditt WordPress-tema kan också generera olika bildstorlekar.

Om du vill skapa ytterligare bildstorlekar för din WordPress-webbplats, måste du registrera dem genom att lägga till anpassad kod i din temas functions.php-fil.

För att lära dig mer, se vår guide om hur man skapar ytterligare bildstorlekar i WordPress.

Hur man förhindrar WordPress från att generera bildstorlekar

Som förklarats tidigare skapar WordPress flera bildstorlekar för dina uppladdningar, inklusive miniatyrer, medelstora och stora storlekar. Dessa är användbara för att visa bilder i olika sammanhang på din webbplats.

Men om du använder anpassade bildstorlekar eller vill optimera din webbplats lagringsutrymme kan du förhindra att WordPress genererar dessa ytterligare storlekar.

För att ta reda på hur du gör detta kan du läsa vår handledning om hur man förhindrar WordPress från att generera flera bildstorlekar.

Hur man förhindrar bildstöld i WordPress

Ibland kan användare stjäla bilder från din WordPress-webbplats för att använda på sina egna webbplatser. Detta kan vara mycket frustrerande, särskilt om du tar dina egna foton eller skapar dina egna grafiker.

Lyckligtvis kan du förhindra bildstöld genom att inaktivera högerklick, lägga till en vattenstämpel på dina bilder, inaktivera hotlinking och lägga till upphovsrättsmeddelanden.

För att lära dig mer, se vår guide om hur man förhindrar bildstöld i WordPress.

Bonusresurser: Fler ultimata guider för WordPress

Vi hoppas att den här artikeln hjälpte dig att åtgärda några av de vanligaste bildproblemen i WordPress. Om du vill dyka djupare in i optimering av WordPress, kolla in dessa guider:

• Hur man ändrar ett WordPress-tema på rätt sätt
• Den ultimata guiden för att redigera en WordPress-webbplats
• Den ultimata guiden för att säkerhetskopiera din WordPress-webbplats
• Den ultimata guiden för att öka WordPress-prestandan
• Den ultimata guiden till WordPress-underhåll
• Nybörjarguide för felsökning av WordPress-fel
• Hur du återställer din WordPress-databas till standardinställningar

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.