Gå till innehållet

Hur komprimera och ändra storlek på bilder på Wordpress

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Behöver du komprimera bilder eller vill ändra storlek på bilder i WordPress?

Att ha bra, anständiga bilder kan vara knepigt när det gäller att förbättra prestandan på en WordPress-webbplats. Så mycket att vi hade några prenumeranter som alltid frågade oss hur man komprimerar och ändrar storlek på bilder korrekt.

Detta är en viktig aspekt för att optimera din webbplats som vi alla måste gå igenom. Om du har följt oss länge har du nog hört talas om Hummingbird-plugin från WPMUDEV.

Detta är en plugin som kan göra det möjligt för dig att minska storleken på en bild på 75%, vilket är betydande.

Så i den här tutorialen ska jag förklara hur du manuellt ändrar storlek på bilderna i din instrumentbräda och i ditt WordPress-tema.

Men tidigare, om du aldrig har installerat WordPress-upptäckt Hur man installerar en Wordpress tema et Hur man hittar, installera och aktivera en Wordpress tema på din blogg 

Tillbaka till varför vi är här.

Varför behöver du ändra storlek och komprimera dina bilder?

Detta är ett förslag som erbjuder Hummingbird. Detta förslag innebär att du använder en bild laddad till din WordPress-blogg där storleken är större än vad som används i ditt tema.

Detta händer ofta när det finns ett fel med WordPress-temat som du använder och de större bilderna beskärs inte automatiskt till de förväntade dimensionerna. Istället ändras de för att passa.

Gå längre genom att upptäcka Varför måste du börja optimera din WordPress-blogg med bilder

Det betyder att när en besökare laddar sidan med den överdimensionerade bilden i sin webbläsare laddas bildens originalstorlek och sedan ändras storleken så att den passar de dimensioner som anges i ditt WordPress-tema.

Detta extra, plötsliga steg för att ändra storlek på större bilder kräver ytterligare förfrågningar och resurser från servern för att ladda på en sida.

Upptäck också vår 10 Wordpress plugins att generera trafik till din blogg

Resultatet är en långsammare sidhastighet, en lägre Hummingbird-poäng, därmed rekommendationen att komprimera och ändra storlek på bilderna.

komprimera bilder - humminbird bildkomprimering

även om WP Smush Pro kan automatiskt lösa rekommendationen att komprimera en bild, så är inte fallet med förslaget " komprimera och ändra storlek". För det senare måste du göra ändringen manuellt och det finns flera sätt att göra det:

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

  • Redigera funktionsfilen för ditt WordPress-tema- och mallfiler
  • Beskär bilden till den storlek som förväntas i multimedia bibliotek
  • Justera multimediainställningar

Nedan hittar du mer information om hur du ändrar storlek på dina bilder med dessa metoder.

Spara bildstorlekarna för ditt WordPress-tema

För att åtgärda problemet i ditt tema måste du se till att bilderna sparas korrekt. Läs mer om hur du gör detta bildstorleksguide för ditt tema.

Om du föredrar att inte röra någon kod kan du meddela författaren till ditt WordPress-tema och be dem att göra nödvändiga ändringar åt dig. När korrigeringen är klar kan du uppdatera ditt WordPress-tema för att lägga till ändringarna på din webbplats.

Uppgradera dina bilder i WordPress

Medan du kanske väntar på att din WordPress-temautvecklare ska lösa problemet kan du prova andra manuella metoder för bildändring som vi erbjuder nedan.

Kollaps bilder i mediebiblioteket

Om du vill beskära en bild manuellt går du till " Media> Bibliotek »Och välj genom att klicka på bilden du vill beskära. Klicka sedan på knappen Redigera bild för att öppna redigeringsgränssnittet.

ändra storlek på bilder - redigera wordpress mediebild

Beskär bilden efter behov med motsvarande alternativ till höger. Tänk på att om du gör bilden mindre för att matcha den bredd du behöver, kan höjden vara kortare eller längre än den storlek som ditt WordPress-tema har ställt in beroende på originalbildens mått.

Du kan också använda en av 6 WordPress-bildredigeringsinsticksprogram som du kommer att upptäcka genom att besöka den här länken 

Om du väljer att förstora bilden förblir den i rätt proportion till originalbilden. Å andra sidan, om du bestämmer dig för att beskära din bild, kan det inte nödvändigtvis handla om att proportionellt redigera den baserat på de dimensioner du väljer.

Du kan antingen ändra storlek på bilden genom att skriva önskad bredd och höjd och sedan klicka på " ändra storlek Eller om du föredrar att beskära din bild kan du göra det genom att klicka och dra musen över bilden och välja önskat område. Släpp sedan musklicket för att avslöja ditt val.

Bildstorlek på wordpress

När du är klar, glöm inte att klicka på " Enregistrer". Du kan också tillämpa inställningarna i valfri storlek.

Använd storlek på bilder

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

Detta alternativ för att ändra storleken på bilderna är också tillgängligt från mediebiblioteket.

Bildändring i mediebiblioteket

Upptäck också några premium WordPress-plugins  

Du kan använda andra WordPress-plugins för att ge ett modernt utseende och optimera greppet på din blogg eller webbplats.

Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.

1. Bpchat

Bpchat är en WordPress-förlängning av BuddyPress som sätter upp ett chattsystem på din blogg eller WordPress-webbplats.

Wordpress buddypress användare chatt plugin

När detta plugin är installerat på någon blogg, forum, community, katalog, e-handelswebbplats eller social webbplats BuddyPress, alla anslutna användare kan chatta automatiskt direkt.

Ce WordPress-plugin skapar också ett enkelt sätt att chatta online, vilket ser ut som Facebook erbjuder.

Ladda ner | demo | webbhotell

2. Klicka på WhatsApp Chat

WordPress Click to WhatsApp Chat-plugin gör det möjligt för WordPress-kunder att enkelt ansluta till webbplatsägaren eller kundsupport med sitt WhatsApp-konto.  Klicka för att whatsapp chatt för wordpress

Klicka bara på WhatsApp-kontot så kommer det att dirigeras direkt till det mobila WhatsApp-kontot med ett standardmeddelande. Och om klienten är på stationär eller bärbar dator kommer han att omdirigeras till WhatsApp Web.

Upptäck också vår 10 WordPress-plugins för att dölja premiuminnehåll på din blogg

Detta plugin kräver WhatsApp-nummer och tid och dag, som webbplatsägaren eller supportteamet kommer att använda för att diskutera. Chattknappen kan läggas till på produktinformationssidan WooCommerce, som är direkt relaterad till denna produkt.

Ladda ner | demo | webbhotell

3. WooCommerce Extra Produktalternativ

WooCommerce Extra Product Options är ett WordPress-tillägg som låter dig skapa ytterligare produktalternativ med stöd för villkorad logik. Du kommer också att kunna skapa formulär, konvertera attribut-dropdowns till radioknappar och mer.

Woocommerce extra produktalternativ

Bland dess funktioner hittar vi bland annat: sstöd för flera typer av fält, cpriser enligt de valda fälten, den visuella konstruktören av formulärfälten, stöd av kortnummer, möjligheten attaktivera dess alternativ för specifika roller,hoix mellan höjningen av fasta eller procentuella priser, iimportera / exportera till andra former, panvändbarhet för att dölja eller visa priser, stöd förvillkorlig logik på fält och sektioner i formkonstruktören,ompatibilitet med flera plugins och eCommerce-tillägg, en ddetaljerad dokumentation, och mer ...

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

Ladda ner | demo | webbhotell

Rekommenderade resurser

Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.

Slutsats

Det är det! Det är allt för den här tutorialen, jag hoppas att du kan redigera, ändra storlek på och komprimera dina bilder. Tveka inte att dela med dina vänner på dina favorit sociala nätverk

Du kommer dock också att kunna konsultera vår medel, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande.

Om du har förslag eller kommentarer, lämna dem i vårt avsnitt commentaires.

.  

Den här artikeln innehåller kommentarer 2

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
7 aktier
del6
tweet
Enregistrer1