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. Den här guiden kommer att leda dig genom exakt dessa, nybörjarvänliga steg. Du kommer att lära dig hur du gör dina bilder mindre utan att offra kvalitet.
Eftersom detta är en omfattande guide om bildoptimering för webben, har vi skapat en lättanvänd innehållsförteckning:
- 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 utgör bilder ofta den största delen av en sidans totala filstorlek.
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.
Nu kanske du undrar hur stor skillnad bildoptimering egentligen kan göra.
En grundläggande studie av Strangeloop fann att en fördröjning på en sekund i laddningstid kunde kosta 7 % av försäljningen, 11 % färre sidvisningar och en minskning av kundnöjdheten med 16 %. Idag, med användarnas förväntningar ännu högre, är effekten ä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.
1. 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.
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 använder dock nu WebP-formatet. WebP ger ofta ännu bättre komprimering än JPEG och PNG (vilket innebär mindre filer) med utmärkt kvalitet. De flesta webbläsare stöder det nu, och många optimeringsplugins kan automatiskt konvertera dina bilder till WebP 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.
2. Komprimering
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 och andra har inbyggda funktioner för bildkomprimering.
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.
Vi kommer att dela mer om hur man använder WordPress-plugins senare i artikeln.
3. Bildmått
Normalt sett, när du importerar ett foto från din telefon eller en digitalkamera, har det en mycket hög upplösning och stora filmått (höjd och bredd).
När du får foton från din telefon eller en digitalkamera har de ofta mycket stora pixeldimensioner (som 4000 pixlar breda) och kan ha en 'upplösningsinställning' på 300 DPI.
Här är ett viktigt tips för webbbilder: du kan helt ignorera DPI. Den inställningen är för utskrift. För webben är det enda som spelar roll pixeldimensionerna (höjd och bredd).
Att minska bilddimensionerna till något mer rimligt kan avsevärt minska bildfilstorleken. Du kan helt enkelt ändra storlek på bilder med 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 premiumprogram för bildredigering som låter dig exportera bilder med 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. Därefter måste du klicka 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 minska storleken på dina PNG- och JPEG-filer. 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.
De har också en tilläggsmodul för Adobe Photoshop, vilket är vad vi använder som en del av vår bildredigeringsprocess eftersom det låter dig komma åt TinyPNG inifrån Photoshop.
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 komprimeringsteknik med förlust 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 att förlora någon kvalitet 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 tror 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 Bildkomprimering, 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 WordPress-galleri-plugin med inbyggd bildkomprimering
Dessa WordPress-plugins för bildoptimering hjälper dig att snabba upp din webbplats.
6. Slutliga tankar och bästa praxis för bildoptimering
Om du inte sparar bilder optimerade för webben, måste du börja göra det nu. Det kommer att göra en enorm skillnad för din webbplats hastighet, och dina användare kommer att tacka dig för det.
För att inte tala om, snabbare webbplatser är bra för SEO, och du kommer sannolikt att se en ökning av dina sökrankningar.
Utöver bildoptimering är de två saker som avsevärt hjälper dig att snabba upp din webbplats att använda ett WordPress-cache-plugin och använda en WordPress CDN.
På WPBeginner använder vi WP Rocket eftersom det kombinerar både kraftfull cachning och bildoptimeringsfunktioner, inklusive lat laddning (vilket innebär att bilder bara laddas när en besökare skrollar ner till dem) och WebP-stöd, i en enda lösning.
Om du använder pluginet Envira Gallery, rekommenderar vi även deras Envira CDN-tjänst. Det är en bildspecifik CDN som gör att dina fotogallerier laddas otroligt snabbt utan komplexiteten hos en traditionell CDN-installation.
Alternativt kan du använda ett hanterat WordPress-hostingföretag eftersom de ofta erbjuder både cachning 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.
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 då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
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 our article was helpful
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
You’re welcome, glad you like our content
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
If possible we would recommend updating your older images, the plugins we recommended should handle that for you
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://www.wpbeginner.com/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 you’ll use our recommendations
Admin
Dr Amandeep Sandhu
Tack för att du delar sådana idéer….!
WPBeginner Support
You’re welcome, thanks for reading our articles
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
Thank you for reading our articles and congratulations on learning a new language
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
No worries, should it help we have our article listing the differences here:
https://www.wpbeginner.com/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 our guide and newsletter could be helpful
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
Thank you for letting us know about the video, we’ll certainly look into updating the video
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.
I hope that helps from one ‘dunce’ to another
Carrie
Hej Tony,
Thanks for weighing in! Unfortunately I uninstalled WP Smush and tried EWWW Image Optimizer along with the Thumbnail Regerate plugin (based on another bloggers suggestion) and royally messed up the photos on my site. I’m a newb with regards to how to manage my files through the FTP on my web host, so I ended up deleting a bunch of images (as in hundreds) and re-uploading them after resizing them manually in an image program. Turns out that too was a bad idea. Now I have a bunch of error messages when I render my site in my Google Console because when Google crawls my site, those files are now gone or moved. AGH! I’m on the verge of simply paying someone to revamp my site or quitting altogether. But I really appreciate that you took the time to leave a helpful comment.
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
Titta gärna på Optimizing images with WP Smush pros, cons, and alternatives.
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
Benjamin
Du kan lägga till kraken.io i din lista. Det gör samma sak som Jpegmini men fungerar även med PNG-bilder.
Aurel
Jag använder RIOT, som är ett gratis, mycket snabbt och utmärkt program.
Debra Torres
Jag har använt Yahoo Smush it-verktyget på: http://www.smushit.com/ysmush.it/
Skulle du rekommendera den här? Eller är de andra du nämnde bättre?
WPBeginner Support
Smushit är också ett utmärkt verktyg. Men prova andra verktyg vi nämnde och jämför resultaten.
Admin
James DiGioia
Det finns ett WordPress-plugin för Smush.it:
http://wordpress.org/plugins/wp-smushit/
Detta gör det enklare att komprimera bilder med Smush.it utan att behöva förbereda dem i förväg.
Youri van Dijk
Jag tänkte också nämna det pluginet. Jag optimerar generellt mina bilder själv, men för kunder som inte är så bekanta med dessa verktyg är installationen av pluginet en stor fördel.
John Mauldin
Din artikel är MYCKET aktuell. Har precis stött på behovet av att minska hundratals foton för ett kök- och badrumsshowroom. Köpte JPEGmini eftersom jag bara kunde göra 20 foton om dagen i gratisversionen, men 19,99 USD är ingenting för möjligheten att dra och släppa hela mappar i programmet och få dem komprimerade på sekunder/minuter. Tack så mycket för hjälpen!
Haseeb
Finns det inget automatiserat sätt att göra detta på wordpress? Vad sägs om 'WP Smush.it'?
Redaktionell personal
Du kan automatisera processen med vissa verktyg som vi nämnde eller genom att använda detta plugin:
http://wordpress.org/plugins/ewww-image-optimizer-cloud/
Men varför skapa mer serverbelastning när detta kan lösas genom att utbilda användaren.
Admin
Marlene
Bra artikel, men jag hade intrycket att alla bilder med text på dem borde sparas som PNG-filer för bästa skärpa...?
Redaktionell personal
PNG will definitely have a higher quality, but most folks won’t be able to tell the difference unless you put them side-by-side. If you can speed up your site with a non-noticeable difference, then why not
Admin
Adam W. Warner
Bra artikel, och ett viktigt ämne som många WordPress-administratörer missar.
[Länk borttagen]
Lynn
Lightroom har ett antal förinställningar för export till Facebook och webben – komprimerar de fotofilerna tillräckligt eller ska jag fortfarande vända mig till Photoshop?
Redaktionell personal
Inte säker på Lightroom och hur det exporterar bilder. Du kan köra ett sid-vid-sida-test.
Admin
Graham
Lightroom kommer att göra i stort sett samma jobb som Photoshop när det gäller att exportera foton till JPEG.
Bill Wells
Lightroom är standard för fotografer; det låter dig optimera dina foton i batcher och sedan exporterar det batchen till din föredragna pixelstorlek och komprimering i ett antal format, inklusive jpeg. Det lägger också automatiskt till din copyright-meddelande till batchen om du vill.
Jag vet inte om batch-bearbetning i Photoshop, men jag använder det bara för större bildmanipulation.
Jag antar att om du gör grafik eller tung manipulation, använd Photoshop, men om du använder många foton och bara vill att de ska se bäst ut, använd Lightroom.
Scott Wyden Kivowitz
Jag är en stor förespråkare för många av de produkter du nämnde. Nu kan jag lägga till den här länken till mina resurser för när kunder ställer mig exakt den här frågan. Tack Syed.
Redaktionell personal
Varsågod Scott.
Admin
Dave Kulas
Om du tar bilderna själv för din webbplats... ställ in kameran att ta en bild i 800 x 600 och med lägre upplösning. Vissa kameror har en inställning för God – Bättre – Bäst upplösning... använd inställningen "GOD". Du bör få en bild som laddas snabbt.
Om du redan har några bilder ... ta en titt gratis ... http://www.getpaint.net ..... Jag har använt det i åratal. Jag tar de ENORMA fotona som mina kunder ger mig ... sedan ÄNDRAR jag storlek på dem till 800 x 600. Sedan använder jag det inbyggda komprimeringsverktyget för att komprimera bilden.
Steven Alig
Jag skulle inte rekommendera att ta foton med låg upplösning.
Du vill ta dina originalfoton med högre upplösningar ifall du vill använda dem till något annat. Dessutom, om du tar foton med högre upplösning, kommer du att kunna beskära ett område om så önskas.
Om fotona har lägre upplösning, kommer du inte att ha det alternativet och kommer att vara fast med det du har tagit som original.
Mark Pridham
Jag måste hålla med Steven om detta. Jag rekommenderar starkt att ta högupplösta bilder med din kamera. Du har då en stor fil som du kan arbeta med, det är mycket enkelt att minska filstorleken från en högupplöst bild, men omöjligt att göra tvärtom. Genom att ta högupplösta bilder har du också möjlighet att använda dem för tryck om behovet uppstår, generellt sett slutar jag med den stora, råa bilden, en beskuren och retuscherad tryckbild och en mindre bild för webbaserat arbete.
Michael Maye
Jag skulle också hålla med om att ta fulla högupplösta foton. Ändra sedan storlek och komprimera för uppladdning till din webbplats. Du kommer alltid att ha originalfotot i hög upplösning för andra användningsområden.
Zimbrul
Jag använder vanligtvis Fireworks och sedan Tiny PNG om det behövs.
Redaktionell personal
Yup that’s a good combination
Admin
Geoffrey Gordon
Bra artikel Syed.
Jag tycker dock verkligen att Fireworks är kungen när det gäller att optimera bilder för webben och det är mycket billigare än Photoshop.
Redaktionell personal
Tack Geoffrey. Ja, jag vet att Photoshop är dyrt, vilket är anledningen till att jag nämnde andra gratisverktyg också. GIMP och Fireworks har båda denna funktionalitet.
Admin
paul
Så jag följer bara alternativen som visas på bilden i artikelns Photoshop-avsnitt och det är bra?
Redaktionell personal
Japp, om du gör det, då kommer du förmodligen att ha ett av de bästa prestandaresultaten. Beroende på en bild kan dock vissa inte se lika bra ut, så i de fallen provar vi Mycket Hög. Gör det från fall till fall, men de flesta bilder skulle vara bra.
Admin
Andrew Brown
Du diskuterar användningen av Photoshop, vilket är långt bortom de flesta bloggares behov eller pris – varför hänvisar du inte till Lightroom, som också har ett utmärkt exportalternativ för bilder, inklusive ett alternativ för att begränsa maximal filstorlek, samt spara efter dimension eller använda en viss dpi.
När någon väl vet att kompskärmarna fungerar i 72 dpi, blir resten mycket enklare, och det blir fantastiskt hur lätt det är att ha en webbmall bland exportalternativen utan att behöva någon verklig djupgående kunskap om vad som behöver göras.
Redaktionell personal
Andrew,
Ja, vi förstår att Photoshop är dyrt, därför nämnde vi flera andra gratisalternativ. Uppdaterade precis artikeln nu för att lägga till en länk till GIMP direkt under photoshop.
När det gäller Lightroom, nämnde jag det inte eftersom vi inte använder det. Samma anledning till varför Fireworks utelämnades.
Admin