Hur man fixar vanliga problem med images i WordPress (Ultimate Guide)

Att hantera bilder i WordPress är inte alltid helt enkelt. Utan rätt verktyg eller tekniker kan det vara frustrerande och tidskrävande att åtgärda bildrelaterade problem.

Även om bilder är nyckeln till att göra din WordPress-webbplats engagerande och visuellt tilltalande, kan det fortfarande uppstå problem. Vi har hört från många användare som misstänker att deras bilder påverkar webbplatsens laddningstider, visningskvalitet eller storlek.

Dessa problem kan ha en negativ inverkan på webbplatsens prestanda och användarupplevelse.

På WPBeginner har vi använt WordPress i över 16 år och laddar konsekvent upp bilder för att förbättra vårt innehåll och öka engagemanget. Under denna tid har vi lärt oss de bästa sätten att hantera dessa problem på ett effektivt sätt.

I den här guiden visar vi dig hur du åtgärdar vanliga bildproblem i WordPress, vilket hjälper dig att förbättra din webbplats hastighet, utseende och övergripande prestanda.

Eftersom det här är en detaljerad artikel följer här en lista över frågor som rör images och som vi kommer att cover i den här artikeln. Du kan använda dessa links för att hoppa till ett visst ämne:

Så här uppladdar du images i WordPress

WordPress gör det superenkelt att uploada images till dina posts, pages och non-content areas som sidebars.

För att uploada images i WordPress posts och pages behöver du bara add to blocket Image i content editorn.

Du kan också lägga till Imageblocket genom att helt enkelt skriva /image i ett “Paragraph”-block.

Editorn börjar visa block som du kan insertera så snart du börjar skriva.

WordPress lägger nu till blocket Image i editorn.

You need to click on the “Upload” button to select and upload the image from your computer.

Du kan också välja en tidigare uppladdad bild från ditt “Media Library”.

När du har uppladdat bilden kommer du att se en live preview av imagen i content editor.

Du kommer också att se inställningar för images i den högra panelen. Därifrån kan du ange alt-text för bilden, välja bildstorlek och customize bildstilen.

Så här justerar du en image till vänster eller höger i WordPress

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

Välj helt enkelt bilden genom att klicka på den och klicka sedan på justeringsknappen i blockverktygsfältet.

Du kanske har lagt märke till hur vissa populära WordPress-bloggar använder bilder med text runt.

Detta görs genom att använda funktionen för justering.

Alternativt kan du också använda blocket “Media & Text” i stället för blocket “Imagely”.

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

Du kan sedan uploada en image och en text sida vid sida.

Du kan också använda blockets toolbar för att ändra image- eller textsidan.

För detaljerad vägledning kan du kontrollera vår guide om hur du justerar images med hjälp av WordPress Block Editor.

Hur man addar captions under images

WordPress allow you to add captions for images på ett enkelt sätt. När du har laddat upp en image kommer du att se alternativet att add to a caption precis under image preview.

På samma sätt kan du också lägga till bildtexter i bildgallerier i WordPress. Mer information finns i vår guide om hur du lägger till bildtexter i bilder i WordPress.

Så här visar du foton i Column och Row

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

Låt oss säga att du vill dela med dig av bilder från en födelsedagsfest eller semesterbilder. You can add them one by one into a post, but this will look like a lengthy list of images.

Det bästa sättet att gruppera dina images är att skapa gallerier.

WordPress har ett inbyggt “Gallery”-block som gör att du enkelt kan lägga till bilder i rader och kolumner med förhandsgranskning av miniatyrbilder.

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

Om du vill ha mer detaljerade instruktioner kan du läsa vår guide om hur du skapar ett bildgalleri i WordPress.

Hur man skapar responsiva gallerier för images i WordPress

You will notice that the standard WordPress image galleries lack several features. Till exempel är de inte heller särskilt lätta att browsa.

Om du ofta uploadar images och fotografier till din WordPress site, då behöver du ett WordPress photo gallery plugin.

Vi rekommenderar att du använder Envira Gallery. It allows you to easily create beautiful and fully mobile-friendly image galleries on your WordPress site.

För mer information om pluginet kan du kolla in vår fullständiga recension av Envira Gallery.

Det bästa är att det lägger till ytterligare funktioner som album, gallerimallar, social delning, bildspel, vattenstämpel, paginering, lösenordsskydd, taggning, helskärmsvisning och mycket mer.

Ett annat populärt tillägg för fotogalleri i WordPress är NextGEN Gallery. Det erbjuder många layouts för gallerier och ett beautiful lightbox-galleri för att displayed images i WordPress.

NextGEN Gallery innehåller också utvalda funktioner för professionella fotografer som gillar fotokorrektur, utskriftsuppfyllelse, bildskydd, Adobe Lightroom addon, PayPal och Stripe betalningslösningar, och mycket mer.

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

Hur man fixar saknade inläggsminiatyrer / Featured Image

De flesta teman i WordPress allow you to prominently display a featured image with your articles. Låt oss titta på hur du ställer in en featured image i WordPress för att undvika att thumbnails saknas.

Först måste du klicka på “Set Featured Image” för att uploada din inläggsminiatyr.

När du har laddat upp bilden kommer du att kunna se ditt inläggs thumbnail i metarutan featured image så här.

För mer details, se vår guide om hur du lägger till en featured image eller inläggsminiatyr i WordPress.

Så här lägger du till Cover Images i WordPress Posts och Pages

Cover images är breda eller full width images som kan användas som separator mellan olika sections i en artikel eller en lång sales page.

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

För att lägga till en cover image behöver du bara lägga till blocket Cover i content editor.

Därefter måste du uploada den image du vill använda från din dator eller välja en från mediabiblioteket. Om du inte vill använda en image kan du också välja en bakgrundsfärg som cover.

Du kommer nu att se en live preview av din cover image i editorn. Du kan ändra alternativen för visning av cover image från blockets toolbar eller använda inställningarna till höger.

För att lära dig mer, se vår guide om skillnaden mellan cover image vs. featured image i WordPress och hur du använder dem effektivt.

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

Att infoga den featured image inuti content är ett vanligt misstag som begås av nybörjare.

När du har ställt in en featured image behöver du inte insert den i inlägget tillsammans med ditt content.

Om du gör det kommer din featured image att visas två gånger. En gång som den utvalda image och en gång som en image inuti inlägget.

Du kan add to andra bilder i ditt inlägg, men din featured image hamnar i featured image box.

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

Så här cropar du images i WordPress

När du uppladdar images från din telefon eller kamera är de oftast för stora.

WordPress skapar automatiskt små, medelstora och stora images för din ursprungliga upload. Men ibland kan du behöva cropa imagen i en annan storlek.

WordPress är ingen Photoshop, men det finns några grundläggande funktioner för redigering av bilder som gillar att skala, crop, flip och rotera images.

Gå bara till Media ” Add New och ladda upp din image. När du har uppladdat bilden kommer du att se en “Edit”-länk bredvid den uppladdade bilden.

Om du klickar på den öppnas skärmen “Edit Media”, där du ser en “Edit Image”-knapp precis under bilden. Detta kommer att öppna WordPress bildredigerare.

Härifrån kan du klicka på knappen “Edit Image” under bilden “Preview”. Detta öppnar vyn för redigering av images.

På bildredigeringsskärmen ser du knappar för att utföra några grundläggande bildredigeringsuppgifter som beskärning, rotation, storleksändring etc.

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

Klicka helt enkelt på ett block i bilden och välj ikonen “Crop” i toolbaren.

Efter det kan du justera bildens bildförhållande och det cropade area av din image efter ditt alternativ.

You can use your original aspect ratio or a predefined one by WordPress.

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

Så här addar du en header image i WordPress

En header image i WordPress är en featured image i temat. Många gratis- och premiumteman för WordPress har support för header images.

Vissa WordPress themes allow you to set a site-wide header image, medan andra bara tillåter dig att ställa in en header image för homepage.

Du kan uploada din egen anpassade sidhuvudbild från sidan Appearance ” Customize.

Om du använder ett Block-tema är location för att editera ditt temas header annorlunda.

Först måste du gå till Appearance ” Editor.

Gå sedan vidare och välj “Mönster”.

Detta kommer att leda dig till en page där du kan komma åt ditt temas header-mönster.

Efter det vill du bläddra ner till avsnittet “Malldelar”.

När du har gjort det väljer du bara “Header” och klickar på templaten för header för att editera den.

Därifrån kan du add to ett block image till header pattern som du gillar i den första sectionen i denna artikel.

Så här addar du en bakgrundsbild i WordPress

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

Gå till Utseende ” Anpassa för att öppna “Theme Customizer”.

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

Det är en utvald funktion för temat, vilket är anledningen till att den varierar från ett tema till ett annat. Beroende på ditt theme kommer du att se olika alternativ för styling av bakgrundsbilden.

Om ditt theme inte stöder en bakgrundsbild kan du fortfarande använda ett plugin för att add to full-screen bakgrundsbilder till din website.

Så här optimerar du images för WordPress utan att förlora deras kvalitet

Ett av de vanligaste problemen med images som användare av WordPress stöter på är hur man komprimerar sina images utan att förlora kvaliteten.

Förutom att de går snabbare att uploada laddas optimerade images snabbare på framsidan, vilket förbättrar användarupplevelsen och minskar avvisningsfrekvensen. Detta beror på att de förbrukar mindre bandbredd, vilket sparar på dataanvändningen för användare med begränsade anslutningar till internet.

Search engines tar också hänsyn till page speed när de rankar websites. Optimerade images bidrar till snabbare hämtartider, vilket kan öka din search ranking.

Lyckligtvis är det ganska enkelt att optimera bilder. Allt du behöver är ett bra bildoptimeringsverktyg som Optimole för att köra dina bilder genom det.

För mer information, se vår guide om hur du optimerar bilder utan att förlora kvalitet.

Dessutom kanske du vill överväga lazy-loading av dina images. Denna taktik förhindrar webbläsare från att hämta bilderna på din website tills användaren rullar ner till bildens location.

Så här addar du rubrik-attribut till Images i WordPress

Rubrikattributen är inte nödvändiga för att bilden ska fungera, men de ger en kort beskrivning av bilden som visas när en användare håller muspekaren över den.

Detta kan förbättra användarupplevelsen genom att ge ytterligare sammanhang för dina besökare. Om du till exempel har en image av en utsökt chokladkaka kan en rubrik som gillar “Hemlagad chokladkaka” vara till hjälp.

Attribut för rubriker kan också vara till nytta för sökmotorsoptimering i WordPress. Även om de inte direkt påverkar ranking, kan de hjälpa search engines att förstå innehållet i din image och förbättra tillgängligheten på din website.

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

Så här hittar du gratis images för dina blogginlägg i WordPress

Images kan få dina artiklar att sticka ut. Du måste dock respektera andras upphovsrätt och hitta images som du har laglig allow to use.

Vi får ofta frågor från våra Läsare om hur man hittar de bästa, royaltyfria images att använda i sina posts.

Det finns många websites där du kan hitta royalty gratis images att använda. However, you will soon notice that images on those sites look overused and generic.

Du kan se vår lista över de bästa källorna för gratis domäner och CC0-licensierade images för fler referenser.

Alternatively, you can also use AI to generate unique images and make your visuals stand out from the competition.

Hur man kategoriserar och taggar images i WordPress

Om du run en fotografi blogg, då kommer du att notera att WordPress inte är allowed to sortera foton och images.

Vore det inte bra om du kunde add to tags till dina images så att du och dina användare enkelt kan browsing dem?

Lyckligtvis finns det några bra tillägg som tillåter dig att göra just det. För mer detaljer, se vår artikel om hur du lägger till kategorier och tags till mediabiblioteket i WordPress.

För en fotorelaterad blogg är det bästa alternativet att använda Envira Gallery, som kommer med en utökning för att lägga till taggar.

Envira Gallery allow you to create beautiful, mobile-ready photo galleries in WordPress. Med hjälp av taggar kan dina användare enkelt filtrera och sortera foton utan att ens ladda om en page.

Så här importerar du externa images i WordPress

Den här frågan dyker ofta upp när du flyttar din site till WordPress. Vissa images på din website kanske fortfarande pekar på en äldre location.

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

Även om bilderna på din site kan visas korrekt, hämtar de fortfarande från en extern källa. För att lösa detta issue, behöver du bara installera och aktivera Auto Upload Images plugin.

Pluginet kommer att kontrollera om det finns externa images när du uppdaterar eller sparar ett post eller en page. Du kan göra det manuellt för varje post eller page, eller så kan du massredigera alla posts och helt enkelt click the update button.

Detaljerade anvisningar hittar du i vår guide om hur du importerar externa images i WordPress.

Hur man kräver featured images för utvalda inlägg i WordPress

När du driver en webbplats med flera författare i WordPress kanske vissa av dina författare inte känner till funktionen för utvalda bilder.

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

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

När pluginet har aktiverats visas ett rött utropstecken och en flik “Checklista” som informerar användarna om att det här inlägget kräver en featured image.

You och dina användare kommer att kunna save posts som drafts, men du kan inte publicera inlägget förrän du har addat en featured image.

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

Så här ställer du in en standard featured image i WordPress

Att hitta den perfekta featured image för varje inlägg eller artikel är en tuff uppgift. Ibland kanske du ej vill add to en featured image till ett inlägg, men ditt theme kan se konstigt ut utan en.

Det är här en standard featured image kan komma till nytta. En standard featured image används när en artikel inte har en egen featured image.

Du kan ställa in en standard featured image genom att använda Default featured image plugin.

För mer instruktioner, vänligen se vår guide om hur du ställer in en standard featured image i WordPress.

Så här skapar du ytterligare storlekar på images i WordPress

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

Om du vill skapa ytterligare storlekar på images för din website i WordPress måste du registrera dem genom att lägga till custom code i functions.php-filen i ditt theme.

Mer information finns i vår guide till hur du skapar ytterligare storlekar på images i WordPress.

Så här förhindrar du att WordPress genererar storlekar på images

Som förklarats tidigare skapar WordPress flera storlekar på images för dina uppladdare, inklusive thumbnails, medium och stora storlekar. Dessa är användbara för att visa images i olika sammanhang på din website.

Men om du använder customize image-storlekar eller vill optimera din websites lagringsutrymme, kan du förhindra WordPress från att generera dessa extra storlekar.

Hur du gör det kan du läsa i vår tutorial om hur du förhindrar att WordPress genererar flera olika storlekar på images.

Så här förhindrar du stöld av images i WordPress

Ibland kan det hända att användare stjäl 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 egna foton eller skapar egen grafik.

Som tur är kan du förhindra stöld av images genom att inaktivera högerklick, lägga till en vattenstämpel på dina images, inaktivera hotlinking och lägga till copyright notices.

Mer information hittar du i vår guide om hur du förhindrar stöld av images i WordPress.

Vi hoppas att den här artikeln hjälpte dig att åtgärda några av de vanligaste bildproblemen i WordPress. Du kanske också vill se vår nybörjarguide till felsökning av WordPress-fel och vår praktiska guide om hur du återställer din WordPress-databas till standardinställningarna.

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.