Hur man beskär och redigerar WordPress-miniatyrbilder för inlägg

Du har hittat den perfekta utvalda bilden för ditt nya blogginlägg. Men när du laddar upp den, beskär WordPress den automatiskt och skär bort den viktigaste delen.

Det är en frustrerande upplevelse som kan få din webbplats att se mindre polerad ut. Vi har definitivt haft vår beskärda del av klumpigt beskurna miniatyrbilder här på WPBeginner.

De goda nyheterna är att du har full kontroll över hur dina bilder visas. Du kan enkelt fixa dem direkt i WordPress eller med enkla verktyg på din dator.

Den här guiden guidar dig genom exakt hur du beskär och redigerar dina miniatyrbilder till perfektion.

Här är en snabb översikt över vad vi kommer att täcka i den här guiden:

1. Varför beskära och redigera WordPress-inläggsminiatyrbilder eller framhävda bilder?
2. Beskära och redigera inläggstumnagelbilder från WordPress
3. Beskära och redigera WordPress-miniatyrbilder på din dator
4. Skapa tumnaglar och utvalda bilder för blogginlägg från grunden
5. Vanliga frågor om miniatyrbilder för inlägg

Varför beskära och redigera WordPress-inläggsminiatyrbilder eller framhävda bilder?

Att lägga till en miniatyrbild eller en utvald bild är det enklaste sättet att göra ett nytt blogginlägg mer tilltalande. Enligt vår erfarenhet har en välbeskuren och korrekt redigerad miniatyrbild en enorm inverkan på användarnas engagemang.

De flesta WordPress-teman stöder utvalda bilder och visar dem vackert över hela din webbplats. För detaljerade steg, se vår expertguide om hur du lägger till utvalda bilder eller inläggstumbilder i WordPress.

Beroende på ditt tema kan WordPress automatiskt beskära din miniatyrbild för inlägget, ibland skärs viktiga delar bort och lämnar ett dåligt intryck. Baserat på vår omfattande erfarenhet rekommenderar vi manuell beskärning för att säkerställa bästa resultat.

Låt oss utforska hur du manuellt beskär dina WordPress inläggsbilder. Vi kommer också att dela avancerade tips för att redigera miniatyrbilder effektivt.

Beskära och redigera inläggstumnagelbilder från WordPress

Visste du att du kan göra grundläggande bildredigering i WordPress? WordPress-funktionen 'redigera bild' låter dig beskära, rotera, vända och skala bilder.

Detta är praktiskt för snabba redigeringsjobb, särskilt när du inte kan komma åt den kraftfullare bildredigeringsprogramvaran på din huvud dator.

För att börja, öppna inlägget med den miniatyrbild du vill redigera. På höger sida, scrolla ner till panelen 'Utvald bild' och klicka på bilden.

Detta öppnar WordPress mediebibliotek med din framhävda bild vald. Till höger finns ett område där du kan lägga till alternativtext, en titel, en bildtext och en beskrivning för din bild.

Du hittar också en länk för ‘Redigera bild’ högst upp, under ‘Fdetails’.

När du klickar på den länken kommer du till sidan 'Redigera bild'.

Här hittar du en förhandsgranskning av bilden, knappar för att beskära och redigera den på olika sätt, samt flera andra användbara alternativ för att skala eller beskära bilden.

Först bör du titta på avsnittet 'Miniatyrinställningar'. Här kan du välja om ändringarna ska tillämpas på alla bildstorlekar, bara miniatyrbilden, eller alla storlekar utom miniatyrbilden.

Kom ihåg att denna miniatyrbildsinställning gäller den minsta bildstorlek som WordPress skapar för den här bilden, till exempel när du använder blocket 'Senaste inlägg'. Den är inte densamma som den utvalda bilden eller miniatyrbilden för inlägget.

Dessa inställningar gör det möjligt att skapa en version av bilden för din utvalda bild eller inläggsminiatyr och en annan för den lilla miniatyrbilden.

För den här handledningen kommer vi att behålla standardalternativet 'Alla bildstorlekar'.

Beskära WordPress inläggstumbilder

För att beskära bilden måste du klicka på knappen 'Beskär' högst upp på skärmen.

Du kommer nu att se handtag i varje hörn och kant av bilden. Du kan dra i dessa handtag för att välja den del av bilden som ska finnas kvar efter att den har beskärats.

När du drar i handtagen kan du titta på fälten 'Urval' till höger under 'Bildbeskärning' för att övervaka de dimensioner som bilden kommer att beskäras till.

När du är nöjd klickar du helt enkelt på knappen ‘Beskär’ igen för att beskära bilden.

En vanlig anledning till att beskära en inläggstumbild i WordPress är att säkerställa att den har rätt bildförhållande för ditt tema, till exempel 1:1 (kvadratiskt) eller 16:9. Du kan använda inställningarna för 'Bildförhållande' för att enklare välja ett område med rätt förhållande.

Du anger helt enkelt det bildförhållande du behöver, och ditt val kommer att hållas inom det förhållandet.

Till exempel kommer vi att ange ett bildförhållande på 1:1 för att säkerställa en kvadratisk bild. När du drar musen över bilden kommer formen alltid att vara kvadratisk.

När du är nöjd med urvalet klickar du på knappen 'Beskär' igen.

Därefter måste du klicka på knappen 'Spara' för att spara den ändrade bilden.

Skalning av WordPress inläggsbilder

Det är viktigt att inte använda bilder som är för stora, annars påverkar de prestandan på din webbplats. Du kan läsa mer i vår guide om hur man optimerar bilder för webbprestanda.

När du importerar ett foto från din telefon eller en digitalkamera kommer det att ha en mycket hög upplösning. Att minska dimensionerna till något mer rimligt gör att det laddas snabbare.

Vår bild har en upplösning på 2560×1637 pixlar, vilket är större än vad vi behöver för en miniatyrbild i ett inlägg. Men genom att skriva in i det första fältet 'Skala bild' kan vi minska den till en bredd på 1200 pixlar.

Lägg märke till att bildens höjd automatiskt ändras för att hålla bilden i proportion.

Klicka sedan på knappen 'Skala' för att ändra bildens upplösning. Kom sedan ihåg att klicka på knappen 'Spara' för att spara dina ändringar.

Observera att du bara kan skala ner en bild i WordPress. Du kan inte göra bilder större genom att öka bildens dimensioner.

Men du kan använda annan bildredigeringsprogramvara för att göra en bild större utan kvalitetsförlust.

Rotera WordPress-inläggsminiatyrbilder

Om din miniatyrbild för inlägget ser fel ut eftersom den är roterad åt sidan, kan du åtgärda det med WordPress bildredigerare.

Du hittar två knappar som roterar din bild. 'Rotera vänster' roterar den moturs, och 'Rotera höger' roterar den medurs.

Se till att du klickar på knappen 'Spara' för att lagra dina ändringar.

Vända WordPress-miniatyrbilder

Du kan också vända din bild. Detta är användbart, till exempel, om det finns text på en bild som verkar vara bakvänd.

Att klicka på knappen ‘Vänd horisontellt’ skapar omedelbart en spegelbild.

Genom att klicka på knappen 'Vänd vertikalt' vänds bilden upp och ner.

När du är klar kan du spara dina ändringar genom att klicka på knappen 'Spara'.

Återställa WordPress-inläggstumnaglar

WordPress behåller en kopia av originalbilden när du sparar ändringar i en bild. Du kan återställa den bilden när som helst.

Gå helt enkelt tillbaka till WordPress' 'Redigera bild'-skärm, så ser du en ny panel märkt 'Återställ originalbild'.

Du måste klicka på nedåtpilknappen för att expandera den här sektionen. Du kommer nu att se en knapp märkt 'Återställ bild'.

När du klickar på den knappen kommer alla dina ändringar att kasseras, och originalbilden kommer att återställas.

Du behöver inte spara dina ändringar i det här fallet, eftersom bilden redan har återställts.

Beskära och redigera WordPress-miniatyrbilder på din dator

Även om WordPress bildredigerare är praktisk, kommer du normalt att finna det enklare att beskära och redigera den med hjälp av tredjeparts bildredigeringsprogramvara på din dator.

Adobe Photoshop är ett premiumprogram för att skapa och redigera bilder.

Det är mer än du behöver för att redigera en inläggstumbild, men det är ett bra alternativ om du är bekant med det och det redan är installerat på din dator.

Alternativt kan du också använda ett av de många prisvärda Photoshop-alternativen. Affinity Photo, Pixelmator Pro och GIMP erbjuder alla omfattande verktyg för att beskära och redigera bilder.

Ett tredje alternativ är att använda en fotovisare. Dessa program är lätta att använda och har ofta grundläggande beskärnings- och redigeringsfunktioner. Några bra gratisalternativ är:

• Irfanview för Windows (gratis)
• Photos-appen levereras förinstallerad med operativsystemet Windows (gratis).
• Apple Photos för Mac (Gratis med MacOS)

Även om dessa verktyg är lika, fungerar de på olika sätt. När du har valt en applikation måste du bekanta dig med dess verktyg.

Till exempel, här är en skärmdump av hur man använder Affinity Paints beskärningsverktyg.

Skapa tumnaglar och utvalda bilder för blogginlägg från grunden

Många nybörjare kämpar med att hitta bilder som de lagligt kan använda på sina bloggar. Du kan inte bara ladda ner bilder från en Google-sökning, eftersom dessa bilder ofta är upphovsrättsskyddade.

Lyckligtvis finns det många platser där du kan hitta upphovsrättsfria bilder. När du har ett bra foto kan du redigera det på din dator för att passa ditt temas krav.

Du kan också använda AI-verktyg för att generera bilder från grunden. För mer information, se vårt urval av de bästa verktygen för att skapa bättre bilder för dina blogginlägg.

Så här gör vi: Här på WPBeginner använder vårt team Canva för att designa många av våra utvalda bilder och grafik för sociala medier. Det är ett utmärkt verktyg för att snabbt lägga till text, logotyper och annan varumärkesprofilering för att få dina miniatyrer att sticka ut.

Vanliga frågor om miniatyrbilder för inlägg

Här är svar på några av de vanligaste frågorna våra läsare har om att arbeta med inläggstumnaglar och utvalda bilder i WordPress.

1. Vad är skillnaden mellan en miniatyrbild och en utvald bild?

I WordPress betyder 'inläggsbild' och 'framhävd bild' samma sak. En framhävd bild är huvudbilden för ditt inlägg.

När du laddar upp den skapar WordPress mindre versioner (miniatyrbilder) för olika delar av din webbplats, som startsidan eller arkivsidorna.

2. Vilken är den bästa storleken för en utvald bild i WordPress?

Den ideala storleken beror ofta på ditt WordPress-tema. En bra standardstorlek att använda är dock 1200 x 628 pixlar.

Den här storleken fungerar bra för de flesta layouter och är också utmärkt för delning på sociala medier. Kontrollera alltid din temas dokumentation för dess specifika rekommendationer.

3. Hur fixar jag suddiga inläggsbilder i WordPress?

Oskarpa miniatyrer orsakas vanligtvis av att man laddar upp en liten bild som WordPress sträcker ut för att passa ett större utrymme. Ladda alltid upp en bild som är minst lika stor som den största storlek din tema kräver.

För fler tips, se vår guide om hur man optimerar bilder utan kvalitetsförlust.

4. Kan jag ställa in en standardbild för alla mina inlägg?

Ja, det kan du. Att ställa in en standardbild är ett utmärkt sätt att säkerställa att alla dina inlägg har en miniatyrbild, även om du glömmer att lägga till en.

Vi har en steg-för-steg-handledning om hur du ställer in en standardutvald bild i WordPress.

5. Varför visas inte min utvalda bild?

Det kan finnas ett par anledningar till detta. Det kan vara ett problem med dina temainställningar, en konflikt med ett annat plugin, eller felaktiga filrättigheter.

För en komplett genomgång, se vår guide om hur du åtgärdar vanliga bildproblem i WordPress.

Vi hoppas att den här handledningen hjälpte dig att lära dig hur du beskär och redigerar WordPress-inläggstumnaglar. Du kanske också vill se vår detaljerade recension av WPForms för att skapa ett kontaktformulär eller kolla in vår recension av den bästa plugin för sociala medieflöden, Smash Balloon.

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.