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.
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://www.wpbeginner.com/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
Would love to say that this has been incredibly helpful, easy to digest and implement, I appreciate all the tools provided. Thank you!
– from a beginner blogger
WPBeginner Support
Glad our guide was helpful
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
An improvement is still an improvement, we’re glad to hear our guide is helpful
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
CDNs are normally for speed instead of retention but a fast loading site does help keep your visitors and helps make them want to return
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
Thanks for sharing your comment
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 our guide was helpful
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
The plugins are an alternative, if you optimize your images before uploading them, you wouldn’t need to use an image optimization plugin
Admin
Shiv Raj Bhatt
Bra idé att optimera bilder för snabbare laddande webbplats. Tack för informationen.
WPBeginner Support
Glad you like our content
Admin
Lauren
Utmärkt och grundligt! Tack!
WPBeginner Support
Glad our guide was helpful
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 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