Att hantera en långsam webbplats är otroligt frustrerande. Efter att ha hjälpt tusentals WPBeginner-läsare att snabba upp sina webbplatser har vi upptäckt att ett problem dyker upp oftare än något annat: stora, ooptimerade bilder.
Många webbplatsägare oroar sig för att krympa sina bilder kommer att göra dem suddiga och oprofessionella. Vi förstår. Den goda nyheten är att du inte behöver välja mellan snabbladdande sidor och vackra, högkvalitativa bilder.
Vi har perfektionerat en enkel process för bildoptimering som vi använder på alla våra egna webbplatser. I den här guiden guidar vi dig genom exakt dessa nybörjarvänliga steg så att du kan göra dina bilder mindre utan att offra kvalitet.
TL;DR: Bilder är en vanlig orsak till långsamma webbplatser, men du behöver inte offra kvalitet för hastighet. Den här guiden visar vår beprövade metod för att optimera bilder manuellt före uppladdning med gratisverktyg, eller automatiskt med de bästa WordPress-plugins. Vi hjälper dig att få snabbare laddningstider, förbättrad SEO och gladare besökare.
- Vad är bildoptimering?
- Vilka är fördelarna med bildoptimering?
- Hur man sparar och optimerar bilder för webbprestanda
- Bästa verktyg och program för bildoptimering
- Bästa plugins för bildoptimering för WordPress
- Slutliga tankar och bästa praxis för bildoptimering
- Videohandledning
- Vanliga frågor om bildoptimering
- Ytterligare resurser för att förbättra WordPress-prestanda
1. Vad är bildoptimering?
Bildoptimering är processen att spara och leverera bilder i minsta möjliga filstorlek utan att minska den totala bildkvaliteten.
Även om processen låter komplicerad, är den faktiskt ganska enkel nuförtiden. Du kan använda ett av de många plugins och verktyg för bildoptimering för att automatiskt komprimera bilder med upp till 80 % utan någon synlig förlust i bildkvalitet.
Här är ett exempel på en optimerad kontra en ooptimerad bild:
Som du kan se, när den optimeras korrekt, kan samma bild vara upp till 80 % mindre än originalet utan någon kvalitetsförlust. I det här exemplet är bilden 52 % mindre.
Hur fungerar bildoptimering?
Enkelt uttryckt fungerar bildoptimering genom att använda komprimeringsteknik.
Komprimering kan vara 'förlustgivande' eller 'förlustfri'.
Förlustfri komprimering minskar den totala filstorleken utan absolut någon förlust av bildkvalitet. Med förlustkomprimering kan det finnas en mindre kvalitetsförlust, men idealiskt sett kommer den inte att märkas av dina besökare.
Vad innebär det att optimera bilder?
Du kan ha fått en rekommendation att optimera bilder från din WordPress-värdsupport eller ett hastighetstestverktyg och undrar vad du behöver göra.
Du måste minska filstorleken på dina bilder genom att optimera dem för webben. Vi visar dig hur du gör det steg för steg.
2. Vilka är fördelarna med bildoptimering?
Även om det finns många fördelar med att optimera dina bilder, här är de främsta som du bör känna till:
- Snabbare webbplatshastighet
- Förbättrade SEO-rankningar
- En högre övergripande konverteringsgrad för försäljning och leads
- Mindre lagringsutrymme och bandbredd (vilket kan minska hosting- och CDN-kostnader)
- Snabbare webbplats-säkerhetskopior (vilket kan minska kostnaden för lagring av säkerhetskopior)
Bilder är det näst tyngsta elementet på en webbsida efter videor. Enligt HTTP-arkivet står bilder för cirka 1 054 KB (40 %) av den genomsnittliga datorsidans vikt.
Eftersom vi vet att snabba webbplatser rankas högre i sökmotorer (SEO) och har bättre konverteringar, är bildoptimering något som varje företagswebbplats måste göra om de vill lyckas online.
Du kanske undrar hur stor skillnad bildoptimering verkligen kan göra.
En grundläggande studie av Strangeloop fann att en sekunds fördröjning i laddningstiden kunde kosta 7 % av försäljningen, 11 % färre sidvisningar och en 16 % minskning av kundnöjdheten.
Idag, med Google som strikt upprätthåller Core Web Vitals som en rankningsfaktor, är SEO- och intäktskonsekvenserna av långsamma bilder ännu mer betydande.
Om dessa inte är tillräckligt med skäl för att snabba upp din webbplats, bör du veta att sökmotorer som Google också ger föredragen SEO-behandling till webbplatser som laddas snabbare.
Detta innebär att genom att optimera dina bilder för webben kan du både förbättra webbplatsens hastighet och öka WordPress SEO-rankningar.
3. Hur man sparar och optimerar bilder för webbprestanda
Nyckeln till framgångsrik bildoptimering för webbprestanda är att hitta den perfekta balansen mellan minsta filstorlek och acceptabel bildkvalitet.
De tre sakerna som spelar en stor roll i bildoptimering är:
- Bildfilformat (JPEG vs. PNG vs. GIF)
- Komprimering (högre komprimering = mindre filstorlek)
- Bilddimensioner (höjd och bredd)
Genom att välja rätt kombination av de tre kan du minska din bildstorlek med upp till 80 %.
Låt oss titta närmare på var och en av dessa.
Bildfilformat
För de flesta webbplatsägare är de enda tre bildfilformaten som verkligen spelar roll JPEG, PNG och GIF. Att välja rätt filtyp spelar en viktig roll i bildoptimering.
För att hålla det enkelt vill du använda JPEG för foton eller bilder med många färger, PNG för enkla eller transparenta bilder och GIF endast för animerade bilder.
Om du laddar upp enkla logotyper eller ikoner kan du också vilja titta på att använda SVG (vektorgrafik), eftersom de skalar perfekt utan kvalitetsförlust.
För de som inte känner till skillnaden mellan de olika filtyperna:
- PNG-bildformatet använder förlustfri komprimering. Det innebär att filstorleken minskas utan kvalitetsförlust, vilket gör det till ett utmärkt val för logotyper, grafik med mycket text och bilder där du behöver skarpa linjer och transparens.
- Å andra sidan är JPEG ett komprimerat filformat som minskar bildkvaliteten något för att ge en betydligt mindre filstorlek.
- Medan GIF bara använder 256 färger tillsammans med förlustfri komprimering, vilket gör det till det bästa valet för animerade bilder.
På WPBeginner använder vi en blandning av dessa format.
Många moderna webbplatser rör sig dock nu mot nästa generations bildformat som WebP-formatet och AVIF.
Både WebP och AVIF ger ännu bättre kompression än JPEG och PNG (vilket innebär mycket mindre filstorlekar) med utmärkt kvalitet. Alla moderna webbläsare stöder dem fullt ut, och många av de bästa WordPress-optimeringsplugins kan automatiskt konvertera dina bilder till dessa format för en enorm hastighetsökning.
För mer information om bildformat, se vår guide om WebP vs. PNG vs. JPEG: vilket är det bästa bildformatet för WordPress.
Kompression
Nästa sak är bildkomprimering, som spelar en stor roll i bildoptimering.
Det finns olika typer och nivåer av bildkomprimering tillgängliga. Inställningarna för var och en kommer att variera beroende på ditt verktyg för bildkomprimering.
De flesta bildredigeringsverktyg som Adobe Photoshop, ON1 Photo, GIMP, Affinity Photo (nu gratis som Affinity Studio) och andra har inbyggda bildkomprimeringsfunktioner.
- Adobe Photoshop
- ON1 Foto
- GIMP
- Affinity Photo
- och andra
Du kan också spara bilder normalt och sedan använda ett webbverktyg som TinyPNG eller JPEGmini för enklare bildkomprimering.
Även om de kräver en del manuellt arbete, tillåter dessa två metoder dig att komprimera bilder innan du laddar upp dem till WordPress, och det är vad vi gör på WPBeginner.
Det finns också flera populära WordPress-plugins som Optimole och EWWW Image Optimizer som automatiskt kan komprimera bilder när du först laddar upp dem.
Detta är bekvämt, och många nybörjare och till och med stora företag föredrar att använda dessa bildoptimeringsplugins.
Experttips: Många bildoptimeringsplugins erbjuder en gratisversion med begränsningar (som filstorlek eller antal bilder per månad). För konsekvent, automatisk optimering på en aktiv webbplats behöver du troligen en betald plan.
Vi kommer att dela mer om hur man använder WordPress-plugins senare i artikeln.
Bilddimensioner
När du importerar ett foto direkt från din telefon eller digitalkamera har det ofta massiva pixeldimensioner (som 4000 pixlar breda) och en utskriftsfokuserad 'upplösning' på 300 DPI.
Här är ett nyckeltips för webbbilder: DPI (punkter per tum) är strikt för utskrift av fysiska foton. På en webbplats bryr sig din skärm bara om de faktiska pixeldimensionerna (höjd och bredd), så du kan säkert ignorera DPI-inställningar.
Att minska bilddimensionerna till något mer rimligt kan avsevärt minska bildfilstorleken. Du kan helt enkelt ändra storlek på bilder med hjälp av bildredigeringsprogramvara på din dator.
Till exempel tog vi ett foto med enorma ursprungliga dimensioner på 4900×3200 pixlar. Den ursprungliga filstorleken var 1,8 MB.
Vi valde JPEG-formatet för högre komprimering och ändrade dimensionerna till 1200×795 pixlar. Filstorleken reducerades till endast 103 KB. Det är 94 % mindre än den ursprungliga filstorleken.
Nu när du känner till de tre viktiga faktorerna för bildoptimering, låt oss titta på olika verktyg för bildoptimering för webbplatsägare.
4. Bästa verktygen och programmen för bildoptimering
Som vi nämnde tidigare kommer de flesta bildredigeringsprogram med inställningar för bildoptimering och komprimering.
Utöver bildredigeringsprogrammen finns det också flera kraftfulla gratis bildoptimeringsverktyg som du kan använda för att optimera bilder för webben (med bara några få klick).
Vi rekommenderar att du använder dessa verktyg för att optimera bilder innan du laddar upp dem till WordPress, särskilt om du är en perfektionist.
Den här metoden hjälper dig att spara diskutrymme på ditt WordPress-värdkonto, och den garanterar den snabbaste bilden med bästa kvalitet eftersom du manuellt granskar varje bild.
Adobe Photoshop
Adobe Photoshop är ett premium bildredigeringsprogram som låter dig exportera bilder med en mindre filstorlek för webben.
Med exportdialogen kan du välja ett bildfilformat (JPG, PNG, GIF) som ger dig den minsta filstorleken.
Du kan också minska bildkvaliteten, färgerna och andra alternativ för att ytterligare minska filstorleken.
GIMP
GIMP är ett gratis och öppen källkods-alternativ till Adobe Photoshop. Det kan användas för att optimera dina bilder för webben. Nackdelen är att det inte är lika lätt att använda som vissa andra lösningar på den här listan.
Först måste du öppna din bild i GIMP och sedan välja alternativet Arkiv » Exportera som….
Detta öppnar dialogrutan Exportera bild, där du kan ge din fil ett nytt namn. Klicka sedan på knappen 'Exportera'.
Du kommer nu att se alternativen för bilexport. För JPEG-filer kan du använda reglaget "Kvalitet" för att välja komprimeringsnivå och minska filstorleken.
Slutligen bör du klicka på knappen 'Exportera' för att spara den optimerade bildfilen.
TinyPNG
TinyPNG är en gratis webbapp som använder en smart förlustkomprimeringsteknik för att drastiskt minska storleken på dina PNG- och JPEG-filer.
Medan vanliga PNG-filer vanligtvis är förlustfria, minskar TinyPNG antalet färger i bilden och konverterar den till ett mycket mindre, förlustformat PNG utan märkbar skillnad.
Allt du behöver göra är att gå till deras webbplats och ladda upp dina bilder med enkel dra-och-släpp.
De kommer att komprimera bilden och ge dig en nedladdningslänk.
Även om vi tidigare använde deras Adobe Photoshop-tillägg som en del av vår bildredigeringsprocess, är det nu inaktuellt och inte längre stöds för Photoshop CC 2024 och nyare versioner. Användare bör förlita sig på webbverktyget eller andra plugins för integration i appen.
För utvecklare har de ett API för att konvertera bilder automatiskt. Dessutom, för nybörjare, har de ett WordPress-plugin som gör det åt dig.
Vi kommer att prata mer om detta senare.
JPEGmini
JPEGmini använder en kraftfull förlustkomprimeringsteknik som avsevärt minskar storleken på bilder utan att påverka deras upplevda kvalitet.
Du kan också jämföra kvaliteten på originalbilden och den komprimerade bilden för att se själv.
Du kan använda deras webbversion gratis eller köpa programmet till din dator. De har också ett betalt API för att automatisera processen för din server.
ImageOptim
ImageOptim är ett Mac-verktyg som låter dig komprimera bilder utan kvalitetsförlust genom att hitta de bästa komprimeringsparametrarna och ta bort onödiga färgprofiler.
Ett Windows-alternativ till detta är Trimage.
5. Bästa plugins för bildoptimering för WordPress
Vi anser att det bästa sättet att optimera dina bilder är att göra det innan du laddar upp dem till WordPress.
Men om du driver en webbplats med flera författare eller behöver en automatiserad lösning, kan du prova ett WordPress-plugin för bildkomprimering.
Här är vår lista över de bästa WordPress-bildkomprimeringspluginsen:
- Optimole, ett populärt plugin från teamet bakom ThemeIsle
- EWWW Bildoptimerare
- JPEG, PNG & WebP Image Compression, ett plugin från TinyPNG-teamet som nämnts ovan
- Imagify, ett plugin från det populära WP Rocket-teamet
- ShortPixel bildoptimerare
- Smush
- reSmush.it
- Envira Gallery är ett fantastiskt WordPress-galleriplugin som erbjuder ett kraftfullt tillägg för bildkomprimering (tillgängligt på betalda planer) för att automatiskt optimera dina galleribilder.
Dessa WordPress-plugins för bildoptimering hjälper dig att snabba upp din webbplats.
6. Slutliga tankar och bästa praxis för bildoptimering
Att optimera dina bilder är ett av de enklaste och mest effektiva sätten att snabba upp din webbplats. Genom att minska filstorlekar utan att offra kvalitet ger du en bättre upplevelse för dina användare och förbättrar dina SEO-rankningar.
Du bör också se till att ditt tema stöder responsiva bilder. Lyckligtvis skapar WordPress automatiskt flera storlekar av varje bild som laddas upp till mediebiblioteket för att servera den bästa passformen för mobil- och datorskärmar.
Utöver bildoptimering är de två saker som avsevärt hjälper dig att snabba upp din webbplats att använda ett WordPress-cacheplugin och att använda en WordPress CDN.
På WPBeginner använder vi WP Rocket eftersom det kombinerar både kraftfull cachning och bildoptimeringsfunktioner.
Detta inkluderar lat laddning (vilket innebär att bilder bara laddas när en besökare rullar ner till dem) och WebP-stöd, allt i en enda lösning.
Experttips: Om du använder ett omfattande prestanda-plugin som WP Rocket som inkluderar bildoptimering (som lat laddning och WebP-konvertering), undvik att installera ett separat dedikerat plugin för bildoptimering. Att köra två plugins som hanterar samma funktion kan orsaka konflikter eller sakta ner din webbplats.
Om du använder Envira Gallery-pluginet, rekommenderar vi också deras Envira CDN-tjänst.
Det är ett bildspecifikt CDN som gör att dina fotogallerier laddas otroligt snabbt utan komplexiteten hos en traditionell CDN-inställning.
Alternativt kan du använda ett hanterat WordPress-värdföretag eftersom de ofta erbjuder både cache och CDN som en del av plattformen.
Videohandledning
Vanliga frågor om bildoptimering
Under åren som vi har hjälpt användare att förbättra sin webbplatshastighet har vi besvarat många frågor om bildoptimering. Här är svaren på några av de vanligaste.
1. Vilket är det bästa bildformatet för webben?
Det beror på bildtypen. För fotografier med många färger är JPEG oftast det bästa valet. För enkla grafik, logotyper eller bilder som kräver en transparent bakgrund är PNG idealiskt. GIF-filer bör endast användas för animationer. Det nyare WebP-formatet är också ett utmärkt alternativ som ger hög kvalitet med små filstorlekar.
2. Minskar optimering av bilder deras kvalitet?
Inte alltid. 'Lossless' kompression gör filer mindre utan kvalitetsförlust. Även med 'lossy' kompression är målet att hitta en balans där filstorleken minskas drastiskt, men eventuella kvalitetsförändringar är praktiskt taget osynliga för blotta ögat.
3. Vilken är en bra filstorlek för webbbilder?
Det finns ingen perfekt storlek, men ett bra mål för de flesta bilder är under 150 KB. För stora, helbredda bilder kan du gå upp till 500 KB. Huvudmålet är alltid att få minsta möjliga filstorlek samtidigt som bilden ser skarp och tydlig ut på din webbplats.
4. Hur förbättrar bildoptimering SEO?
Sökmotorer som Google använder sidhastighet som en rankningsfaktor. Eftersom bilder ofta är de största filerna på en sida, gör optimering av dem att din webbplats laddas snabbare. Denna hastighetsförbättring kan leda till bättre SEO-rankningar och en bättre upplevelse för dina besökare.
5. Kan jag optimera bilder som redan är uppladdade till WordPress?
Ja. De flesta plugin för bildoptimering för WordPress inkluderar en funktion för 'massoptimering'. Detta verktyg kan skanna hela ditt mediebibliotek och komprimera alla dina befintliga bilder, vilket är perfekt för att förbättra hastigheten på en etablerad webbplats.
Varning: Skapa alltid en fullständig WordPress-säkerhetskopia innan du kör en massoptimering. Vissa plugins skriver över dina originalfiler, så att ha en säkerhetskopia säkerställer att du enkelt kan återställa dina medier om du inte är nöjd med bildkvaliteten efter komprimering.
6. Vad är skillnaden mellan DPI och pixlar för webbbilder?
DPI (dots per inch) är en tryckterm och påverkar inte hur dina bilder ser ut online. För webbbilder är det bara pixeldimensionerna (höjd och bredd) som spelar roll. Fokusera på att minska pixeldimensionerna för mindre filstorlekar, inte DPI.
7. Är det bättre att optimera bilder manuellt eller använda ett plugin?
Att manuellt optimera bilder innan uppladdning ger dig mest kontroll över kvalitet och filstorlek. Men om du har en webbplats med flera författare eller vill ha full automation, är ett WordPress-plugin för bildoptimering en bekväm och effektiv lösning. Vi använder ofta en blandning av båda på WPBeginner.
Ytterligare resurser för att förbättra WordPress-prestanda
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du optimerar dina bilder i WordPress. Du kanske också vill se några andra artiklar relaterade till att förbättra WordPress-prestanda:
- Den ultimata guiden för att öka WordPress-hastighet & prestanda
- Hur man snabbar upp WooCommerce-prestanda
- Hur du avlastar WordPress-media för att förbättra webbplatsens hastighet
- Bästa WordPress-cache-plugins för att snabba upp din webbplats
- Hur man optimerar Core Web Vitals för WordPress (Ultimat guide)
- Hur man minskar tiden till första byte (TTFB) i WordPress – Experttips
- Hur du använder GTmetrix-plugin för att förbättra WordPress-webbplatsens prestanda
- Snabbaste WordPress-hosting (prestandatester)
- Viktiga mätvärden att mäta på din WordPress-webbplats
- Hur man korrekt kör ett hastighetstest av en webbplats
- Hur man stresstestar en WordPress-webbplats
Om du gillade den här artikeln, prenumerera gärna på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
Dennis Muthomi
För mig konverterar jag ALLTID alla mina bilder till .webp-filformat innan jag laddar upp dem till min WordPress-webbplats.
Jag valde att använda .webp framför JPEG och PNG eftersom det ger mycket bättre förlustfri komprimering, vilket gör att filstorleken kan minskas avsevärt utan att påverka bildkvaliteten.
Jiří Vaněk
Jag brukade göra samma sak. Först konverterade jag alla bilder till webp och laddade sedan upp dem till FTP. Så jag hade inget annat format på webbplatsen än webp. Jag blev dock senare medveten om att detta inte är god praxis, eftersom det fortfarande finns äldre typer av webbläsare som vissa användare kan använda, vilka inte stöder webp. Om en sådan användare besöker din webbplats kommer bilderna inte att visas. Sedan dess har jag använt ett plugin. Jag laddar upp png-bilder till webbplatsen, och pluginet konverterar dem till webp. Detta säkerställer att båda formaten finns på webbplatsen, och för äldre webbläsare kommer den kompatibla png-bilden att användas för visning.
Samuel
Wow, tack för att du gav denna insikt om din metod. detta kan lätt förbises och jag kommer att ta detta i beaktande när jag hanterar bilder för mina webbplatser.
Jiří Vaněk
Tack för handledningen. Personligen brukade jag konvertera bilderna till .webp-format först och sedan ladda upp dem till webben i det formatet. Detta format verkar för mig vara det minsta när det gäller datavolym och samtidigt fortfarande mycket hög kvalitet för en bra användarupplevelse. Jag använder inte plugins för detta, men jag konverterar vanligtvis bilder i online-konverterare eller i datorprogram.
WPBeginner Kommentarer
Webp-formatet kan också vara ett bra bildformat att använda på grund av dess lilla filstorlek. Vi har en guide om hur man använder webp här, inklusive några användbara plugins för att konvertera bilder till webp: https://014.leahstevensyj.workers.dev/wp-tutorials/how-to-use-webp-images-in-wordpress/
Konvertering via ett plugin kan vara användbart eftersom det kan konvertera direkt på webbplatsen och i bulk.
Jiří Vaněk
Men om jag använder pluginet, kommer det inte att ta upp för mycket utrymme på min FTP eftersom originalfilen kommer att finnas där också? Men jag kommer säkert att vara glad att gå och titta på dina instruktioner. Tack för länken.
WPBeginner Kommentarer
Du kan alltid radera originalfilerna. Du kan använda sökfunktionen på administrationssidan för media för att söka efter filtyper, som filändelserna .png eller .jpg/.jpeg.
Mrteesurez
Det här är en omfattande guide.
Det är viktigt att optimera bilder för att få snabb laddning av webbplatsen och leverans av innehåll.
Du citerade att bilder är de näst tyngsta efter video, vad gäller ljud, är ljud lättare än bilder och hur ?
WPBeginner Kommentarer
Ljud skulle tendera att ligga mellan bilder och video. Med det sagt, beroende på mängden ljud och ljudfiltypen, är detta inte en exakt regel och det beror bara på de berörda filerna.
Mrteesurez
Tack för ditt svar, saken är den att jag brukade se ljudfiler större i storlek än bilder, de flesta bilder är i kilobyte medan ljudfiler vanligtvis är mer än så, jag tror att varaktigheten för ett ljud att spelas upp och leverera ett meningsfullt budskap också bidrar till dess storlek.
Michelle N
Skulle gärna vilja säga att detta har varit otroligt hjälpsamt, lätt att ta till sig och implementera, jag uppskattar alla verktyg som tillhandahålls. Tack!
– från en nybörjarbloggare
WPBeginner Support
Glad att vår guide var till hjälp
Admin
mohadese esmaeeli
Förresten, en annan fråga jag har är om, när man använder plugins för bildoptimering och optimerar tidigare uppladdade bilder, de nya bilderna ersätter de gamla? Eller förblir originalbilderna kvar i WordPress mediebibliotek, med de optimerade bilderna bredvid dem?
WPBeginner Support
Det beror på det specifika plugin du använder eftersom vissa ersätter bilden medan andra har möjlighet att behålla originalet.
Admin
Jiří Vaněk
Många av dem ger dig ett val om du vill behålla originalbilderna eller radera dem. Från personlig erfarenhet rekommenderar jag att behålla originalbilderna på webbplatsen (åtminstone som en säkerhetskopia).
mohadese esmaeeli
Hej,
Hälsningar till er. Den här artikeln verkar vara ganska omfattande. Jag blev bekant med er webbplats för några dagar sedan och började läsa artiklarna. Jag har bestämt mig för att implementera samma process på min webbplats när jag läser igenom dessa artiklar.
Jag kom snabbt till punkt 2, med fokus på webbplatsens hastighet. För att vara ärlig, jag har bara arbetat med min webbplats i några dagar, och jag har bara lyckats uppnå en 10% ökning av webbplatsens hastighet.
WPBeginner Support
En förbättring är fortfarande en förbättring, vi är glada att höra att vår guide är till hjälp
Admin
mohadese esmaeeli
Ja, det stämmer precis. I denna vidsträckta och konkurrensutsatta värld kommer de som ständigt förbättrar sin webbplats och erbjuder något mer än sina konkurrenter att vara vinnarna. Annars kommer vi att vara förlorarna.
Moinuddin Waheed
Att optimera bilder för webbplatser eller bloggar är mycket viktigt för webbplatsens hastighet.
Tunga bildstorlekar tar tid att ladda och gör att webbplatsen blir långsam.
Jag har använt några av plugins för bildoptimering.
Men jag tror att det bästa alternativet är att använda cachningsplugins och CDN för webbplatserna.
det gör att webbplatsens hastighet inte bara blir snabb utan hjälper också till att behålla besökare.
WPBeginner Support
CDN:er är normalt till för hastighet istället för lagring men en snabbladdad webbplats hjälper till att behålla dina besökare och får dem att vilja återvända
Admin
Lewis
Först och främst är det viktigt att notera att inte alla bildfiltyper är skapade lika. JPEG är generellt sett mycket mindre i filstorlek än PNG, till exempel, så det är viktigt att välja rätt filtyp för jobbet.
Dessutom, när det gäller att ändra storlek på bilder, bör du alltid ändra storlek på dem innan du laddar upp dem till din webbplats. På så sätt kan du undvika att behöva servera för stora bilder till dina besökare, vilket kan sakta ner din webbplats.
Slutligen ville jag påpeka att det finns ett antal plugins tillgängliga som kan hjälpa dig att automatisera processen att optimera dina bilder. WP Smush är ett utmärkt alternativ som kan hjälpa dig att spara tid och säkerställa att dina bilder alltid är korrekt optimerade.
WPBeginner Support
Tack för att du delar din kommentar
Admin
Rebecca Gelsi
Det här är briljant, tack. Jag använder JPEGmini efter att ha läst den här artikeln och är så lättad över att ha den här aspekten av vår webbplats löst.
Andy
Tack för den normala och enkla förklaringen. Jag gjorde några misstag med mitt fotoinnehåll på min webbplats, men med hjälp av dina förklaringar kom jag fram till exakt vad jag behövde göra. Tack!
WPBeginner Support
Glad att vår guide var till hjälp
Admin
Tania
Så hjälpsamt!! Tack för att du delade med dig. Snabb fråga – Om jag komprimerar mina bilder till en optimal/acceptabel KB-storlek direkt i Photoshop med inställningen "Spara för webben" som nämns ovan, och sedan laddar upp till Wordpress…finns det ett behov av att även köra Shortpixel eller ett annat plugin för bildkomprimering? Eller är det överflödigt?
Försöker förstå om det finns några fördelar med att använda ett plugin jämfört med Photoshop. Skulle gärna höra dina tankar. Tack!
WPBeginner Support
Insticksprogrammen är ett alternativ, om du optimerar dina bilder innan du laddar upp dem, skulle du inte behöva använda ett insticksprogram för bildoptimering
Admin
Shiv Raj Bhatt
Bra idé att optimera bilder för snabbare laddande webbplats. Tack för informationen.
WPBeginner Support
Glad att du gillar vårt innehåll
Admin
Lauren
Utmärkt och grundligt! Tack!
WPBeginner Support
Glad att vår guide var till hjälp
Admin
Eddier Naranjo
Optimeringsplugins gör en kopia av den "tunga" bilden och serverar den optimerade versionen. Men det ökar lagringsutrymmet på webbplatsen.
Finns det ett sätt att radera den gamla versionen och bara behålla den optimerade bilden?
WPBeginner Support
Vi rekommenderar att du kontrollerar med supporten för den plugin som du använder eftersom de normalt har ett alternativ för att ta bort den ooptimerade versionen.
Admin
Diane Talbotier
Hej, betyder storleksändring att ändra storleken på bilderna som de visas på webbplatsen, eller att ändra storleken på filen, tack?
Och hur vet jag vad som är den optimala storleken?
WPBeginner Support
Det skulle bero på vad du menar, för komprimering i den här guiden är det filens storlek. Du kan också minska bredden och höjden på en bild om den är för stor. Din specifika tema skulle avgöra den specifika bildstorlek du vill använda.
Admin
Terri
Du nämnde i ditt optimeringsexempel att ditt originalfoto var 300 dpi, sedan optimerade du det till en mindre filstorlek. Men du sa inte vilken måldpi som var. Är det 72 för webben? Eller högre? Tack för den informativa artikeln.
WPBeginner Support
Det beror på dina personliga preferenser och hur stora du vill/behöver att bilderna ska vara.
Admin
Romel
tack så mycket det klargjorde många tvivel.
WPBeginner Support
Glad att vår artikel var till hjälp
Admin
Odenyi Emmanuel Chidera
Det jag gillar mest med wpbeginner är hur de ger dig information om vad du ska implementera på din egen webbplats, men också berättar vad de använder på sin egen webbplats. Det hjälper mig verkligen att bestämma mig snabbare. Att lära sig av en mästare är alltid enklare. Tack.
WPBeginner Support
Varsågod, glad att du gillar vårt innehåll
Admin
Luz Manalo-Cruz
Jag har komprimerat bilder via TinyPNG och försökt ersätta tyngre bilder på min webbplats med dessa (dvs. jag raderade de tunga bilderna och laddade upp de komprimerade). Men mediebiblioteket laddar fortfarande upp de gamla tyngre bilderna. Betyder det att jag inte kan ersätta de gamla bilder som redan laddats upp? Kommer det bara att ladda upp de komprimerade bilder som inte laddats upp alls?
WPBeginner Support
Om du ersätter tyngre bilder vill du se till att din webbplats inte har cachning som visar den gamla bilden och att du laddar upp rätt bild när du laddar upp den nya.
Admin
Giovanna
Tack för den informativa artikeln, Syed.
Framöver kommer jag att se till att alltid använda optimerade bilder. Rekommenderar du att jag går tillbaka till redan publicerade inlägg och ersätter mina bilder med optimerade?
WPBeginner Support
Om möjligt rekommenderar vi att du uppdaterar dina äldre bilder, plugin-programmen vi rekommenderade bör hantera det åt dig
Admin
Percy Young
Tack för ditt inlägg. många fina verktyg. Jag undrar om det finns något att göra för att ändra storlek på bilder som tidigare har laddats upp, och hur man tar bort bilder som wordpress inte använder längre.
WPBeginner Support
Om du behöver generera nya bilder kan du följa vår guide här:
https://014.leahstevensyj.workers.dev/plugins/regenerate-thumbnails-new-image-sizes-wordpress/
För att ta bort extra bilder finns det plugins för mediastädning som du kan använda
Admin
WPBeginner Support
Glad att du kommer att använda våra rekommendationer
Admin
Dr Amandeep Sandhu
Tack för att du delar sådana idéer….!
WPBeginner Support
Varsågod, tack för att du läser våra artiklar
Admin
İbrahim BOZKURT
Jag är en WordPress-utvecklare. Jag skriver från Turkiet.
Mycket svårt att hitta kvalitetsresurser för WordPress.
Jag upptäckte er. Jag kunde inte engelska men lärde mig engelska. Tack vare er allt.
WPBeginner Support
Tack för att du läser våra artiklar och grattis till att lära dig ett nytt språk
Admin
Felipe Adan Lerma
Hej, det verkar som om WordPress kanske har införlivat en del av detta i sin nuvarande process för bilduppladdning, åtminstone i Premium-segmentet?
Jag frågar eftersom jag nu får möjlighet att välja den faktiska storleken eller något större eller mindre?
Eller är den processen inte en optimering / minskning av bildens storlek?
Tack så mycket! Mycket viktigt och användbart ämne.
Adan
WPBeginner Support
Det låter som att du kanske pratar om WordPress.com och de har anpassade plugins inställda för webbplatser på deras tjänst
Admin
Felipe Adan Lerma
Ahhh, ja, jag glömmer att de två WP:na skiljer sig åt, förlåt. Jag försöker fortfarande lista ut hur jag ska arbeta där jag är med WP och det är definitivt via deras .com-webbplatser. Tack så mycket då, WP – Adan
WPBeginner Support
Inga problem, om det hjälper har vi vår artikel som listar skillnaderna här:
https://014.leahstevensyj.workers.dev/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Anna
Mycket hjälpsam information!! Jag höll precis på att undersöka hur man gör detta när ditt mejl kom igenom! Sparade tid och ansträngning och hade precis den rådgivning jag letade efter.
WPBeginner Support
Glad att vår guide och nyhetsbrev kunde vara till hjälp
Admin
Lindsay
När du sparar i Photoshop, vilken bredd rekommenderar du för optimal webbprestanda?
Mitt tema sparar 1600×1050 för optimal rubrik, men vad ska jag göra för kroppsbilderna. Temadesignern har ingen rekommendation.
WPBeginner Support
Om du går igenom de andra stegen i den här artikeln, så skulle bildstorleken vara vad som bäst passar ditt innehålls dimensioner, så WordPress inte behöver ändra storlek på bilden.
Admin
edccde
Vänligen uppdatera den där YouTube-videon. Först och främst är Jpegmini inte en webbapp utan en programvara som jag måste installera på min dator.
WPBeginner Support
Tack för att du meddelade oss om videon, vi kommer definitivt att titta på att uppdatera videon
Admin
Jackie
Finns det ett sätt att komprimera bilder som redan laddats upp till wordpress? Eller måste jag komprimera alla mina bilder och sedan ladda upp dem igen till WP? Tack på förhand för råden.
Irina
Hej,
Behöver ett råd: Jag behöver ladda upp bilder med låg upplösning och hög upplösning (1200 pixlar vid 300 dpi) så att mina kunder kan ladda ner dem. Jag har inga frågor om optimering av bilder med låg upplösning. Hur kan jag spara bilder med hög upplösning? Storleken är upp till 2 MB. Jag har hundratusentals bilder…
Ratan Kumar
Det här inlägget är fantastiskt och tillför verkligen värde till min webbplats. Jag försökte nyligen spara bilder från flipkart men de sparades i mycket lågupplöst format. Undrar om du kan hjälpa mig att lista ut hur jag gör det.
Ray
Jag har redan massuppladdat 1500 produktbilder som var kopplade till bild-URL:er som jag hittade på internet.
Nu när jag redan har de 1500 bilderna i mitt mediebibliotek, hur kan jag gå tillbaka och ändra storlek och komprimera dem?
Dessutom är jag osäker på om storleksändring innebär att ändra storleken på bilderna som de visas på webbplatsen, eller att ändra storleken på filen.
Tack!
Sara Lewis
vad sägs om plugin ewww bildoptimerare?
WPBeginner Support
Hej Sara,
Ja, det är ett bra alternativ. För bättre resultat skulle vi dock fortfarande rekommendera att optimera bilder i ditt bildredigeringsprogram innan du laddar upp dem till WordPress.
Admin
Donna
Jag kommer att resa till en plats där internetuppkopplingen är begränsad och dyr. Därför vill jag minska filstorleken på mina foton innan jag går online för att ladda upp dem till min blogg. Kan någon rekommendera mig vilken upplösning och dpi som skulle vara bra att använda? Appen jag planerar att använda frågar efter tre mått:
Upplösning – från 200 till 2048
DPI – från 72×72 till 300×300
jpeg-kvalitet (komprimeringsnivå) – från 0,00 till 1,00
Carrie
I videon ändrar hon sin bild. Jag förstår skärmen i PS. Men du har inte förklarat vad bredden och höjden bör vara i pixlar för WP, gränsen är 2 MB. Vad skulle vara en bra standard för sliders, etc. för en WP-webbplats?
Carrie
Ursäkta att jag är dum i hörnet, men kan någon vänligen klargöra en sak? Jag installerade WP Smush it-pluginet och har långsamt arbetat igenom alla foton jag har laddat upp till min webbplats under de senaste 2 åren. Jag gör 50 åt gången, den kostnadsfria gränsen. Men nu när jag har pluginet, för framtida fotouppladdningar, innebär det att jag inte behöver använda något annat program för att ändra storlek på mina foton innan jag laddar upp dem till min WP-webbplats? Om jag har ett 8 MB-foto och laddar upp det till min webbplats, gör pluginet allt åt mig? Jag vill bara bekräfta att originalfotot inte fortfarande laddas upp och sparas på min värdserver, SiteGround. Min webbplats är otroligt långsam, jag har kört massor av diagnostik, och jag kan fortfarande inte förstå varför, förutom att allt pekar på mina foton. Tack!
Tony Squibb
Hej Carrie, jag är absolut ingen expert på något sätt men jag har erfarenhet av WP Smush it och ja, framtida uppladdningar bör automatiskt 'smushas'. Det finns en liten notis i mediebiblioteket när du gör det.
För att kontrollera orsakerna till din långsamma webbplats kan du använda GTmetrix och sedan öppna vattenfallsidan där det visas tiderna för laddning av enskilda sidobjekt. När du vet vad problemet är kan du sedan åtgärda det.
Jag hoppas att det hjälper från en 'dåre' till en annan
Carrie
Hej Tony,
Tack för ditt inlägg! Tyvärr avinstallerade jag WP Smush och provade EWWW Image Optimizer tillsammans med Thumbnail Regenerate-pluginet (baserat på en annan bloggers förslag) och rörde till bilderna på min webbplats. Jag är nybörjare när det gäller hur jag hanterar mina filer via FTP hos min webbhotell, så jag slutade med att radera en massa bilder (hundratals) och ladda upp dem igen efter att ha ändrat storlek manuellt i ett bildredigeringsprogram. Det visade sig att även det var en dålig idé. Nu har jag en massa felmeddelanden när jag renderar min webbplats i min Google Console eftersom när Google genomsöker min webbplats är dessa filer nu borta eller flyttade. AGH! Jag är på gränsen till att helt enkelt betala någon för att förnya min webbplats eller ge upp helt. Men jag uppskattar verkligen att du tog dig tid att lämna en hjälpsam kommentar.
Gott Nytt År! Må 2017 bli bättre än 2016.
Jeff
hej
Bästa bildoptimeringsplugins för WordPress-webbplats Vilken är?
Gagan
Jag funderade på vad som skulle hända om jag laddade upp mina bilder till Google Blogger och använde dem på min WordPress-sida med alternativet "Infoga från URL"?
Några förslag om detta är en bra idé eller inte?
Tack på förhand
Zimbrul
Jag kom tillbaka hit eftersom jag letar efter plugins som laddar upp en stor bild som en optimerad bild direkt till WordPress. Jag är säker på att jag har sett detta någonstans här på WP Beginner men jag kan inte hitta det.
WPBeginner Support
Vänligen ta en titt på Optimera bilder med WP Smush fördelar, nackdelar och alternativ.
Admin
Jack
Photoshop är definitivt det bästa, för onlinetjänster är kraken.io och resizeimage.net bra alternativ till tinypng.
tanveer
är xnview ett bra alternativ för att komprimera bilder?
WPBeginner Support
Vi har inte provat det.
Admin
Larry Aldrich
Någon nämnde RIOT i en tidigare kommentar. Det är mitt favoritprogram för att minimera bilder INNAN du laddar upp dem. Komprimeringsgraden är nästan fenomenal. Tyvärr Mac-användare, men det är bara tillgängligt för Windows.
Martin
Hej WPBeginner,
Jag skulle vara mycket intresserad av Windows-versionen av Trimage som du tydligen har sett.
På Trimages hemsida ser du bara en länk som ber om hjälp med Windows-porten...
Greg
Jag har vant mig vid att använda Fireworks trots att jag har CS3
Zimbrul
Jag också. Jag använder CSS4 och går fortfarande till Fireworks för bildoptimering.
Marianne P.
Jag kollade precis Trimage-webbplatsen och såg inte Windows-versionen – bara olika *nix-versioner. Vänligen peka mig i rätt riktning. Tack så mycket – verkligen en bra artikel!
Corinna
Jag undrade om det fanns något sätt att minska storleken på bilder som redan har laddats upp till en webbplats? Jag har ändrat hur jag laddar upp dem så i framtiden kommer alla mina bilder att vara mindre. Men jag tänkte att det kanske skulle vara användbart att ändra storleken på de som redan har laddats upp.
Julie Anglesey
Jag skulle också vilja veta hur man minskar storleken på bilder som redan laddats upp.
Zimbrul
Det är (eller var) Smush-It.
Samiullah Khan
Söker på webben för mycket för att hitta en bra lösning för att optimera bilder; men de flesta av dem, de flesta av dem låter oss inte se verktyg som nämns i det här inlägget fungerar eller inte
Graham
Artikeln definierar PNG som ett okomprimerat filformat, men såvitt jag vet använder standard-PNG:er förlustfri komprimering.
Och jag tror att det skulle vara bra att nämna varför man kan välja ett format framför ett annat för bilder med kontinuerlig ton (t.ex. ett foto) kontra bilder med begränsad palett (t.ex. en logotyp).
Rob Dewing
Varför ingen nämning av Photoshop Elements, den nedbantade versionen av Photoshop för hemmabruk? Den gör 90+% av det som fulla Photoshop gör, inklusive 'spara för webben' bildkomprimering, allt för mindre än 100 dollar.
Ines
Skulle du rekommendera att använda Flickr för att ladda upp dina bilder och sedan kopiera HTML-koden till din WordPress-webbplats? Vad skulle du föreslå för resebloggar som innehåller många bilder? Tack.
WPBeginner Support
Du kan lägga till flickr-foton i WordPress genom att helt enkelt klistra in fotots URL i ett inlägg. Normalt skulle vi inte rekommendera det, eftersom folk kommer att titta på och hitta dina foton på Flickr och kanske aldrig ens får en chans att besöka din webbplats. Men om du känner att det är mer användbart för dig att bygga en gemenskap kring dina foton på flickr, så kör på.
Admin