Du har hittat den perfekta bilden för din webbplats, men det finns bara ett problem: den är för liten. När du försöker göra den större blir den en suddig, pixlig röra som ser helt oprofessionell ut. Vi har alla varit där, och det är otroligt frustrerande.
Vad många inte inser är att dålig bildkvalitet kan få besökare att ifrågasätta ditt företag och till och med lämna din webbplats.
På WPBeginner ser vi alltid till att våra bilder ser skarpa och professionella ut. Under åren har vi testat en mängd verktyg och metoder för att ändra storlek på bilder på rätt sätt, utan oskärpa.
I den här guiden går vi igenom de exakta stegen för att göra bilder större och samtidigt behålla dem skarpa. På så sätt behöver du aldrig mer nöja dig med lågkvalitativa bilder. 🧑🎨
Varför förlorar bilder kvalitet när de förstoras?
Bilder tappar kvalitet när de förstoras eftersom de inte har tillräckligt med pixelinformation för att stödja den större storleken.
De flesta bilder på webben, inklusive JPEG och PNG-filer, är i ett format som kallas bitmap.
A bitmap image is made up of thousands of tiny squares called pixels. Each pixel holds a bit of color and is locked in a fixed spot on the image (that’s why it’s called a bitmap).
Att krympa en bild ser vanligtvis bra ut eftersom du pressar ihop pixlarna, vilket döljer imperfektioner.
Men när du gör den större, sträcker du bara ut de befintliga pixlarna. Eftersom inga nya detaljer läggs till, blir bilden suddig eller blockig.
De goda nyheterna är att viss bildredigeringsprogramvara använder en smart metod som kallas Fractal Interpolation (eller bara fraktaler).
Denna teknik hjälper till att fylla i de saknade detaljerna genom att blanda förstoringens pixlar med de runt omkring dem, vilket gör att bilden ser mycket jämnare ut.
💡 Notera: Börja alltid med en högupplöst bild. Ju högre antal pixlar i originalbilden, desto bättre hanterar den förstoring. Detta beror på att det finns mer detaljer och data att arbeta med när bilden sträcks ut.
I följande avsnitt visar vi hur du ändrar storlek på bilder med den vanligaste bildredigeringsprogramvaran för din WordPress-webbplats.
Du kan använda länkarna nedan för att hoppa till valfri metod med bara ett klick:
- Metod 1: Förstora bilder med GIMP (gratis)
- Metod 2: Förstora bilder med Irfanview (gratis)
- Metod 3: Förstora bilder med ON1 (Premium)
- Bonustips: Ta vackra skärmdumpar för dina blogginlägg
- Vanliga frågor: Ändra storlek på bilder för att göra dem större utan att förlora kvalitet
- Ytterligare resurser: Fler tips och tricks för bildredigering
Redo? Låt oss börja.
Metod 1: Förstora bilder med GIMP (gratis)
GIMP är ett gratisalternativ till premiumverktyg som Adobe Photoshop och Affinity Photo. Det kan användas för att förstora bilder med minimal kvalitetsförlust. Vi bör dock varna dig för att resultatet inte blir lika bra som Perfect Resize, som vi kommer att visa dig i metod 3 nedan.
Det första du behöver göra är att ladda ner och installera den kostnadsfria programvaran på din dator. Den finns tillgänglig för både Mac- och Windows-enheter.
Därefter vill du öppna bilden du vill ändra storlek på i Gimp och gå till Bild » Skala bild.
I popup-fönstret som visas kan du ange bredd och höjd för att ställa in önskade dimensioner.
Under avsnittet 'Kvalitet', låt oss välja 'Kubisk' som interpoleringsmetod. När det är klart, klicka på knappen 'Skala'.
Det var allt; du kan nu exportera den förstorade bilden i olika format, som PNG, JPEG, WebP, HTML och mer.
Metod 2: Förstora bilder med Irfanview (gratis)
IrfanView är ett kompakt bildredigeringsprogram som också är gratis att använda. Det är endast tillgängligt för Windows-baserade operativsystem och erbjuder ett smartare sätt att ändra storlek på bilder och göra dem större.
Innan vi börjar med det här verktyget, låt oss se till att du har installerat det på din Windows-dator.
Vid installation, öppna bara din bild i Irfanview och gå till Bild » Ändra storlek/återprovning.
Detta öppnar popup-fönstret för bildstorleksändring. Här behöver du ange önskad bildstorlek i fältet 'Ange ny storlek' genom att definiera bredd och höjd.
Därefter kan du välja 'resample' under sektionen 'Storleksmetod'. Låt oss välja alternativet 'Lanczos (långsammast)' från filternedrutemenyn.
Slutligen vill du kryssa i rutan bredvid ‘Apply Sharpen After Resample’ och klicka på knappen ‘OK’ när du är klar.
IrfanView kommer nu att ändra storlek på bilden, som du sedan kan spara på din dator.
Du kanske märker att gratisverktyg inte är särskilt bra på att ändra storlek på en bild för att göra den större. Men genom att justera skärpa och kontrast kan du förstora bilder och minimera kvalitetsförlusten.
Med det sagt kan du också använda IrfanViews premiumverktyg för att säkerställa att bilden förblir skarp och tydlig när den förstoras.
Metod 3: Förstora bilder med ON1 (Premium)
ON1 Resize AI, eller Perfect Resize som det tidigare hette, är ett verktyg som låter dig ändra storlek på dina bilder på ett smart sätt.
Programvaran använder artificiell intelligens för att hjälpa till att hålla dina bilder i hög upplösning, även när deras storlek ökar eller du vill zooma in bilden på ett visst område.
Den finns tillgänglig som fristående programvara och som ett plugin för Adobe Photoshop, Lightroom, Capture One och Apple Photos.
Den fristående programvaran ON1 Resize AL finns tillgänglig för 69,99 USD. Denna programvara erbjuder avancerade verktyg för att förstora bilder samtidigt som hög kvalitet bibehålls, vilket gör den till en värdefull investering för fotografer och grafiska designers.
Bonustips: Ta vackra skärmdumpar för dina blogginlägg
Istället för att ändra storlek på bilder för att göra dem tydligare kan du se till att dina skärmdumpar ser bra ut från början. Skärmdumpar av hög kvalitet kan förbättra din WordPress-blogg och göra ditt innehåll mer engagerande och visuellt tilltalande.
Du kan ta skärmdumpar med en mängd olika verktyg, som Droplr, eller inbyggda appar på dina enheter.
För att komma igång kan du se vår guide om hur du tar en skärmdump för dina blogginlägg.
Vanliga frågor: Ändra storlek på bilder för att göra dem större utan att förlora kvalitet
Har du fortfarande frågor om att ändra storlek på bilder utan att göra dem suddiga? Här är några snabba svar som hjälper dig att få bästa möjliga resultat:
Varför blir bilder suddiga när de skalas om?
Bilder blir suddiga eftersom förstoring sträcker ut de befintliga pixlarna. Eftersom inga nya detaljer läggs till kan bilden se mjuk eller pixlig ut.
Kan jag förstora en bild utan kvalitetsförlust?
Inte alltid. För att få bästa resultat bör du börja med en högupplöst bild. Ju fler pixlar en bild har, desto mer detaljer kan bevaras när du gör den större, vilket hjälper till att minska pixlisering.
Vilken är den bästa metoden för att förstora en bild?
Det finns några olika alternativ. Du kan använda gratisverktyg som GIMP eller IrfanView, eller välja premiumprogramvara som ON1 Resize AI. Medan gratisverktyg fungerar för grundläggande storleksändring, ger premiumprogramvara ofta bättre resultat genom att använda smarta algoritmer som lägger till detaljer vid uppskalning.
Hur kan fraktal interpolering hjälpa till att ändra storlek på bilder?
Fractal interpolation is a technique used by some advanced tools to fill in missing details. It works by blending each pixel with the ones around it, which helps create a smoother, sharper result when enlarging an image.
Finns det några tips för att förbättra bildkvaliteten innan du skalar om?
Ja! Börja med den högsta kvalitetsversionen av din bild. Efter att ha ändrat storlek kan du också justera skärpan och kontrasten för att förbättra slutresultatet.
Ytterligare resurser: Fler tips och tricks för bildredigering
Vi hoppas att den här artikeln har hjälpt dig att lära dig hur du ändrar storlek på bilder för att göra dem större utan att förlora kvalitet. Om du tycker att detta är användbart, kanske du också vill se våra guider om:
- Hur man gör grundläggande bildredigering i WordPress
- How to Bulk Resize Large Images in WordPress
- Hur man hittar vackra bakgrundsbilder för din WordPress-webbplats
- Hur man automatiskt lägger till en vattenstämpel på bilder i WordPress
- Hur man optimerar bilder för webbprestanda utan att förlora kvalitet
- Bästa WordPress-plugins för bildkomprimering
- Bästa WordPress-plugins för att hantera bilder
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.
Suman Sourabh
Jag använde GIMP för att skapa miniatyrer för min YouTube-kanal men använde aldrig den här funktionen. Tack för den här artikeln!
WPBeginner Support
Glad we could share another way to use it
Admin
Shamsad
För alla som ser detta 2022 fungerade gimp-lösningen för mig. Sinc(Lanczos3) ersattes av NoHalo. Genom att använda detta och skalning kunde jag ändra storlek på min png.
Jag hittar alltid kvalitetslösningar på wpbeginner. Fortsätt det goda arbetet.
WPBeginner Support
Tack för att du delade med dig och glad att vår guide var till hjälp!
Admin
Dorki3
Ingen av ovanstående lösningar hjälpte mig att ändra storlek till önskad storlek och kvalitet, jag lyckades ändra storlek på bilden men kvaliteten var mycket dålig! tack för ansträngningen dock! hittade lite fin bildprogramvara!
WPBeginner Support
Sorry that you couldn’t solve the issue on your end but glad you liked our recommendations for tools
Admin
Giorgio
Hej, med Gimp är det perfekt. Men om jag har många foton finns det en lösning för att automatisera med Gimp?
Tack
Giorgio
WPBeginner Support
Om jag inte hör något annat har vi för närvarande inget automatiseringsverktyg för att arbeta med Gimp på det sättet.
Admin
Chris Campbell
Tyvärr kräver instruktionerna att man öppnar en bild i PS och sedan väljer Arkiv > Automatisera > Perfekt storleksändring, men det finns inget alternativ för Perfekt storleksändring tillgängligt. Inte säker på hur en artikel så här ny är felaktig, men det är vad jag ser. Mycket frustrerande nu eftersom artikeln uppmuntrade mig att spendera 60 dollar.
WPBeginner Support
Det kan ha skett en uppdatering av alternativets placering. Om du kontaktar Perfect Resizes support bör de kunna tala om var knappen finns för närvarande.
Admin
Jim Barker
ja, förklaringen av varje objekt att använda var bra, förutom att jag försökte ladda ner båda gratisversionerna och ingen av dem gjorde något med bilden jag försökte förstora. den var plånbok till 5×7. synd
Peter
Hej, hur gör man sina mobilbilder från Nokia större för att ladda ner på en t-shirt
Linto
Tack så mycket för den här handledningen!!
Liene
Tack för det här inlägget. Jag hade inte hört talas om IrfanView, laddade precis ner det och det gör verkligen sitt jobb. Bra. Tack.
Melissa
Hej!
Jag provade den perfekta storleksändringen som jag tror nu kallas ON1, och jag kunde inte ändra storlek från 3 tum till 8 tum utan att förlora kvalitet. Jag ville bara fråga dig om du har någon aning om varför.
Tack!
manish
Jag är glad att jag har hittat lösningen på mitt stora och stora problem.
Jag tackar programmeraren av Irfanview och webbplatsdesignern.
Tack så mycket!!!!
Dufner
Jag har använt Perfect Resize-programvaran själv utan Photoshop och den fungerar bättre än att bara ändra storlek med Photoshop utan plugin. Jag gjorde det i skolan där de hade licensen för programmet. Har aldrig provat det i Photoshop med Resize-pluginet, bra att veta! Tack
anupama
snälla berätta för mig vad är krokar i wordpress? vad är krokar arbete?
Safura Abbas
Hej team,
I am glad to have found my solution on this site. So very well explained and understood. Appreciate your help. I downloaded the trial version of ON1 software and my image that i was trying to enlarge for hours to print right on the paper went in vain until I found your blog. Kudos to Syed Balkhi and team for this informative site. Happy me
Tack än en gång.
ashish
fin tutorial grym
Mike
Tack! Mycket användbart
sedatbasman
tack för din hjälp.
Rebecca Cunningham
Det fungerar som magi! Jag har provat allt, och detta är ren perfektion. Tack så mycket.
DBlake
Rebecca... vilken använde du?
Tej
Hej, jag tog en bild av gammal fotografi men den ser värre ut. Hur kan jag öka dess kvalitet?
Irineu
Jag har använt tillägget Simple Image Resizer, Chrome, och har haft bra resultat. Jag kommer från Brasilien. Grattis.
Rosie
Men det gör inte bilderna STÖRRE – vilket är poängen med artikeln!
Anthony
Det här är vad jag har letat efter. PS CC har begränsade alternativ för att behålla bildstorleken efter att ha slagit ihop den med flera andra lager. Tack så mycket!
maj
Jag använder Gimp-storleksändring (logotypen erhölls men företaget vill inte ändra storlek) och det är fortfarande en upplösning som jag inte kan använda?
Dana
Tack! Jag har letat efter ett plugin för att ändra storlek i photoshop! – Fungerar jättebra!!!!
Carol
I have two questions:
1. Jag kan nästan ingenting om Photoshop, men jag använder Lightroom 6 när jag redigerar bilder. Finns det ett sätt som liknar de metoder som nämns här för att göra samma sak i Lightroom?
2. I en annan artikel här på WPBeginner kommenterade någon att dagarna då man sänkte fotoupplösningen för en snabbare webbplats i princip är över. Om så är fallet, vad är den rekommenderade storleken i MB och dpi för de flesta bloggfoton? (Det här är en fotoblogg, så jag vill att de ska vara så tydliga som möjligt.)
Tack.
Rebecca Rose
Hej och tack för din webbplats. Jag är en nybörjare (för att uttrycka det milt) och hittade din webbplats när jag sökte på nätet efter information om hur man ändrar storlek på foton för Windows Movie Maker.
Just nu vill jag göra bildspel "filmer" för musiken jag komponerar ... men de svarta panelerna på vardera sidan av de mindre foton som jag använder är en riktig avskräckning! Så jag gör mitt bästa för att lära mig vad jag ska göra ... Jag äger Photo Shop – men tyvärr har jag hittills aldrig använt det. Efter att ha läst kommentarerna ovan tror jag att det är dags! Alla andra kommentarer du har skulle vara MYCKET välkomna ...
Richard Cunningham
Här är en enkel lösning om du har problem med förlust av definition/oskärpa eller överpixellering när du ändrar storlek på en bild. Mitt problem var med ett visitkort där jag hade en utmärkt stor bild i .jpg-format men jag kunde inte lista ut hur jag skulle behålla definitionskvaliteten när jag minskade den med gimp.
Voilà!
Anta att du har en utmärkt .jpg-bild som är A4-storlek och du vill minska den till storleken av ett visitkort, med hänsyn till trimning och utfall på 3,6 tum gånger 2,1 tum vid 300 dpi. Om du försöker redigera filen i Gimp kommer du att få oacceptabel kvalitet. Jag slösade bort timmar!
Prova detta:
1. Öppna en ny fil med en 300 dpi-mall. Ställ in storleksparametrarna som du vill ha dem – 3 600 x 2 100.
2. Öppna filen du vill skala om – i det här fallet vill du förminska.
3. Medan du är i den här filen, tryck på Redigera – Kopiera.
4. Gå till den nya filen och klicka på Redigera – Klistra in.
Kontrollera bilddetaljerna så hittar du en perfekt definierad reducerad bild på 3,6 tum x 2,1 tum vid 300 dpi!
Eshaan
How do you make an image smaller than its original size without losing quality?
And I mean really small. In pixel units “10×10”
The answer to this question will mean a lot to me!
If possible please email me the answer at
Thank you!
Tom
@Eshaan
Saken är den att när man minskar en bilds storlek måste man förlora pixlar. En bild på 100×100 pixlar innehåller 10 000 olika pixlar, medan en bild på 10×10 bara innehåller 100. Det betyder att om man krymper en 100×100 bild till 10×10 måste man släppa 9900 pixlar. När man gör en bild större lägger man till pixlar, vilket är fysiskt möjligt, till skillnad från vid krympning.
john jr.
Hej jag försöker ladda upp filer till dig men det står att filstorleken är för liten.
Hur kan jag fixa detta så att jag kan skicka bilderna jag gillar.
joycebartley
hej jag försöker ladda ner några bilder från min dator till en tävling och de måste vara mindre än 4 mg tyvärr är de flesta av mina bilder lite över det ... så hur kan jag minska storleken på mg till under 4?????? jag hoppas att det finns ett enkelt sätt att göra det ..... från och med nu ska jag ta bilden med min mobiltelefon närmare eller längre bort?????
Dan
Whilst this offers some useful techniques, and some expensive ones. I personally don’t think that you should EVER size up an image. EVER!! I have worked in Print for years as well as web and this is just a big no no, or that’s how I was taught.
Storleksnedgång, aldrig uppåt. Detta är en teknik som jag ALDRIG kommer att ta till mig. Men tack för inlägget.
Dave
Jag håller med Dan. Om du vill ha bilden större måste du hämta den från källan eller ta om den.
Joe Turner
Dave, det där är verkligen inte särskilt hjälpsamt. Uppenbarligen skulle jag tro att alla förstår att de borde ta om det, om de kunde. Folk skulle inte behöva försöka hitta det ”bästa” av alla ofullkomliga sätt att ändra storlek om de bara kunde ta om ett foto. Men de flesta av dessa foton är från evenemang eller vid tidpunkter och/eller platser som inte kan besökas igen och att gå tillbaka i tiden är inte riktigt ett alternativ, så att ta om det är oftast ganska omöjligt. Jag tror att du borde inse att de flesta som vill förstora inte trodde att de skulle behöva skriva ut fotot så stort som de nu vill, utan vill ha bästa möjliga resultat givet de omständigheter de befinner sig i.
Mawande
Tack Joe
Jag skakade också på huvudet innan din kommentar. Uppenbarligen föredrar folk att göra saker rätt första gången, men omständigheter och situationer kan förändras ofrivilligt och allt folk kan göra är att göra det bästa av dessa situationer genom att komma med lösningar.
Peggy Woods
Jag måste verkligen lägga lite tid på att lära mig hur jag använder Photoshop som jag köpte för ett tag sedan. Jag brukar bara skala om foton med Picasa3 för beskärning och sådant. Kommer att dela den här informationen på g+. Tack!
Nora
Jag har bara använt Photoshop för att ändra storlek på bilder. Men bara till en viss gräns. När du börjar med en lågupplöst bild kan den bara ändras i storlek till en viss gräns. Öppna filen i Photoshop, klicka på ”image size, avmarkera ”Resample image”, börja sedan justera pixelstorleken under bredd tills du kommer så nära 300 dpi som möjligt. Du kommer att se upplösningsnumret ändras när du ändrar pixelstorleken. När du har kommit till cirka 300 dpi klickar du på ”save”. Gå sedan tillbaka och markera ”Resample image” igen. Klicka på ”save” igen. Klart.
Leon Quinn
Visst finns det något sätt att göra detta i Photoshop utan en kommersiell plugin?
Darshan Gajara
Detta är fantastiskt material. Kan du vänligen föreslå några gratis Photoshop-plugins för att förenkla fotomanipulation?
Mark Narusson
Nice article thanks for sharing. You could also consider using Photoshop, make the image a smart object, enlarge the canvas then scale the image to fit. This isn’t perfect but it has got me out a fix on a few occasions.
Jim Massman
En notering för alla som är intresserade av att redigera bilder: Bildformat som generellt används på webben bygger på komprimeringsalgoritmer och du kan lätt hamna i problem när du redigerar dessa format om du inte redigerar en "förlustfri" kopia. Detta är ett gammalt knep som jag har använt i åratal efter att ha sett några hemska resultat… spara helt enkelt den första filen i ett filformat utan kompression, som till exempel ".tif"; redigera den filen efter behag, och spara sedan som .jpg eller .png.
Remember that every time you open, edit, then save a .jpg or .png file, whatever compression settings your graphics editing program has been set to will “recompress” that file. Most programs allow you to determine the compression rate, so it doesn’t hurt to set the default value to the least “loss” setting. The days of ‘needing’ to smash file sizes down for fast page loads are pretty much gone… but you may not know what the program defaults have been set to.
0,02 kr
Jim
_.- M -._
”Dagarna då man behövde” pressa ner filstorlekar för snabba sidladdningar är i stort sett borta…
Det skulle bero på din definition av 'behov', samt en grundläggande förståelse för din målgrupp.
Är din målgrupp enbart stadsbor med tillgång till snabbt bredband, som bara besöker din webbplats när de är hemma? Då är det *kanske* sant.
Om du å andra sidan är intresserad av att nå någon landsbygdsbefolkning alls, måste du komma ihåg att *25 %* av befolkningen på landsbygden i USA inte har tillgång till bredband, och att 6 % av den totala amerikanska befolkningen inte har bredbandstillgång.
Om du fortfarande säger: ”Åh, jag bryr mig inte om dessa 16 miljoner potentiella besökare”, så stanna upp och se det ur mobilwebbens perspektiv. Har din besökarbas smartphones? Vill du stödja en mobilupplevelse? (En liten ledtråd här, ditt svar bör vara 'ja'.) Gissa igen. Du 'behöver' fortfarande göra bildoptimering för att minimera bandbreddskraven för din webbplats.
Om du är en riktig professionell i branschen att tillhandahålla innehåll till användare, då *JA* behöver du bry dig om den faktiska användarupplevelsen för personer som besöker din webbplats. Och en del av det *ÄR* fortfarande webbplatsoptimering för hastighet.
Richard
Killar, det finns inget sätt att förstora eller krympa en pixel. Pixelstorlek är relativ. Du kan bara lägga till eller ta bort pixlar.
Akash KB
Very nice and useful tips for resizing images. Specially the ‘Perfect Resize’ Plugin for Photoshop. Resizing of images is a very common day to day activity of bloggers while adding photos to blog posts
Melissa Klotz
I love this site and a lot of your posts have been very helpful. But I’m really scratching my head on this one. Maybe it’s my eyes, maybe my monitor, but I’m seeing very little difference between the “normal resize” and the other resizes. There are plenty of other resampling options in Photoshop. I don’t understand why you would buy a $150 photoshop plugin (extremely expensive for a plugin) or download free software to do something Photoshop is inherently capable of.