Följande artikel hjälper dig: Hur man ändrar storlek på en bild utan att förlora kvalitet [Your Easy Guide with Best Practices]
Om du överhuvudtaget arbetar online vet du hur viktig bildkvalitet är för att presentera ett rent och professionellt utseende.
Stockbilder och royalty-free bilder är lätta nog att hitta, men hur ändrar du storlek på en bild utan att förlora kvalitet för att den ska passa dina syften?
Det spelar ingen roll om du vill använda en bild för din bloggartikel, sociala medieplattform eller som bakgrund för din video; att få rätt bildförhållande för dina bildfiler är viktigt.
Du vill att dina bilder ska förbättra ditt varumärkes utseende. En storleksförändrad bild som ser uttöjd eller oproportionerlig ut kan göra att din varumärkesauktoritet lider. Men oroa dig inte, vi har dig täckt.
Fantastiska bildformat och var man kan hitta dem
Det finns många olika filformat som du kommer att använda beroende på ditt syfte. Även om du kan använda några av dessa omväxlande, för maximal effekt utan att förlora kvalitet, konvertera varje bild till den specifika filtypen och optimera sedan därifrån.
JPG – Den överlägset vanligaste typen av bild du ser på Internet är JPG-formatet. Det är mer eller mindre den “schweiziska armékniven” för onlinebilder, eftersom den kan användas i både webbaserade projekt och dokument. Den enda nackdelen är att när filstorleken minskar; bildkvaliteten sjunker också.
TIFF – Även om en TIFF kan överföras praktiskt taget utan förlust av bildkvalitet, bör du undvika att använda dessa råfiler online, eftersom det kan drastiskt minska din laddningstid. Den används oftast för att skriva ut fotografier.
PNG – PNG-filer är lågupplösta filer som låter dig redigera bilden utan mycket kvalitetsförlust. En PNG-fil är bäst reserverad för textbaserat innehåll, såsom infografik och diagram.
PSD – Om du får en fil som en PSD betyder det att din designer skapade din bild i Adobe Photoshop. Även om du måste ha Photoshop för att manipulera bilden, produceras filen med flera lager som kan redigeras individuellt.
GIF – Tvärtemot vad många tror är en GIF (hur du än uttalar det) inte en kort video utan en sekvens av bilder som visas snabbt. Mängden färger du kan använda i en GIF är betydligt mindre än andra filtyper, vilket ger en fördel i hastighet men en förlust i övergripande bildkvalitet.
Varför förlorar storleken på bilden i kvalitet?
En bild av hög kvalitet på internet måste tjäna två primära syften: visa professionalism och minska laddningstiden för den sidan.
Med bildstorleksändring kan det vara svårt att hitta balansen mellan de två med en bildstorlek online; en högupplöst bild kommer att se bättre ut men tar också längre tid att ladda. Både suddiga bilder och en långsam webbplats kan döda din trafik.
Som en allmän regel med bildstorleksändring bör du sikta på en bildfilstorlek som är runt 100 KB. Detta kommer att ge dig en fin balans mellan kvalitet och storlek. Förlusten av båda kommer inte att märkas av webbplatsbesökaren.
Det är en bra siffra att fotografera för, men vad händer om du har en bild som är 10 eller 20 gånger så stor?
Vanligtvis med en bildstorleksändring vill du skala ner den en aning, men när du gör det kommer det också att minska mängden pixlar som finns inuti bilden. Eftersom du subtraherar pixlar när du minskar storleken på en bild, kommer du troligen inte att märka någon kvalitetsskillnad på grund av förändringen i bildstorlek på vägen ner.
Det är mycket svårare att lägga till pixlar till en bild, så om du försöker göra den ändrade storleken större, kommer den att börja förlora kvalitet och framstå som suddig.
Detta är en anledning till att det är en bra idé att behålla originalversionerna av alla bilder på din dator, även efter att du har ändrat storlek på dem. Om du någonsin behöver manipulera dem ytterligare utan att förlora kvalitet, vill du ha så många pixlar i originalstorlek som möjligt.
Hur man ändrar storlek på en bild utan att förlora kvalitet
Eftersom de flesta bilder är statiska kan det vara svårt att hitta en bildstorleksmanipulator som kan göra den till den storlek du vill ha när du ändrar storlek. Lyckligtvis finns det några lösningar för bildändringsstorlek på marknaden som kan åstadkomma detta, båda free och betalade.
Använd ett onlineverktyg
om du ska göra mycket fotomanipulation är det värt det att investera i några premiumverktyg som Adobe Photoshop för att hjälpa dig att lättare trampa på gränsen mellan kvalitet och filstorlek.
Erfarna proffs förlitar sig på denna programvara varje dag för att utföra komplexa redigeringsuppgifter, som att justera kontrast, infoga element och – ja – ändra storlek på bilder.
Förutom den komplexa inlärningskurvan är kostnaden en av de största nackdelarna med människor som regelbundet använder Photoshop för att ändra storlek på bilder.
Om du fortfarande vill att en kraftfull bildredigerare ska ändra storlek på bilder online utan kostnad, överväg att använda en free online bildförändringsalternativ som GIMP. Det är öppen källkod och freeså du bör ha de flesta funktioner du behöver.
Ett annat alternativ förutom att ladda ner programvara är att använda en free bildförändring online som SimpleImageResizer.com eller Resizing.App. Som deras namn anger låter båda dessa bildstorlekstjänster dig ändra storlek på din bild till var du vill med några få klick.
Ett sista onlineverktyg som du kanske vill titta närmare på är Canva.
Du kan inte bara lägga in bilder i den exakta storlek och format du vill ha, utan de har också färdiga mallar för de mest populära plattformarna: bloggar, sociala medier och annonser. Det finns en free version, men ett proffsprenumeration ger dig bara tillbaka $13 per månad. Ändra bildstorlek är inte tillgängligt på free version.
Prova Canva här
Använd en plugin
Förutsatt att du använder WordPress finns det en mängd plugins som gör att du kan ändra storlek på en bild automatiskt när du placerar den på din webbplats.
Två av de mest populära är Smush och Imagify. Båda är free att installera och free att använda upp till en viss gräns, med en betald plan om du vill ha mer bandbredd.
Även om Smush och Imagify används av tusentals webbplatser, bör du också titta på plugins som ShortPixel, EWWW.io och TinyPNG. De kanske inte är lika stödda av WordPress-communityt, men många användare har rapporterat att de har bra resultat med sina tjänster.
Om ditt plugin använder en “lat laddning”-funktion – vilket innebär att bilden faktiskt inte laddas förrän användaren rullar till det avsnittet – kan det komma i konflikt med resten av din webbplats.
Ironiskt nog kan det leda till att det tar längre tid att ladda din webbplats på grund av kodningsproblem, eller så kan det ändra ditt innehåll för att få sidan att se galen ut.
Ändra storlek på en bild i fyra steg
De tekniska aspekterna av att ändra storlek på en bild beror på vilken typ av verktyg du använder. En onlineplattform för att ändra storlek på bilder som låter dig ändra bildstorlek manuellt ger dig vanligtvis de bästa resultaten, men den är också arbetskrävande.
Ett plugin för bildkomprimering tar hand om allt detta automatiskt, men du kan behöva köra komprimeringssystemet manuellt då och då.
Oavsett, om du vill ändra storlek på din bild manuellt, här är de fyra stegen du måste följa.
Ladda upp din bild
De flesta verktyg för bildstorleksändring låter dig helt enkelt dra och släppa din bild till gränssnittet.
Du kan behöva ladda upp den direkt från skrivbordet, så se till att den har rätt filtyp för ditt program för bildändring.
Bestäm formatet
Vill du exportera en PNG-fil eller JPEG när du ändrar storlek på bilder online? Skapar du en GIF, eller behöver du en fil du kan manipulera, till exempel vektorbilder?
Om du inte vet exakt vilken typ av fil du behöver, kommer vissa tjänster att låta dig välja en plattformsspecifik utdata när du ändrar storlek på bilder online.
Du kanske kan exportera den till önskade dimensioner av en profil på sociala medier eller rubrikbild för ditt blogginlägg.
Att förstå pixlarna är dock bara halva striden; det specifika bildförhållandet du använder är lika viktigt.
Vissa plattformar har ett bildförhållande på 1:1, medan andra använder ett 16:9 för att uppnå optimal prestanda.
Vid tveksamhet, kontakta den individuella plattformen du använder för bästa resultat.
Ladda ner och komprimera (om det behövs)
När du har fått din bild i den bildstorlek du behöver, tryck på spara-knappen och ladda ner den till ditt skrivbord. Kontrollera egenskaperna för ändrad storlek på bilden för att säkerställa att din bildfils storlek är på en acceptabel gräns – helst runt 100 KB.
Om filstorlekarna är för stora och du vill använda dem på din WordPress-webbplats, bör plugin-programmen som nämns ovan automatiskt komprimera din fil till en mer hanterbar filstorlek.
Om inte, gå tillbaka till bildförändringsprogrammet och välj en lägre upplösning. Du kommer att förlora lite i bildkvalitet, men du kommer att kompensera för det med hastighet eftersom den mindre filstorleken laddas snabbare.
Ladda upp och testa
Slutligen, ladda upp din storleksförändrade bild till din plattform och se hur den ser ut när den går live. Sociala medieplattformar kommer vanligtvis att utlösa ett felmeddelande om bilden är för stor, så ändra storlek på den om det behövs.
Använd dessutom en onlinehastighetstestare som GTMetrix.com för att se hur bilden påverkar din webbplats.
Vanliga frågor
Kan jag förstora en bild för utskrift utan att förlora kvalitet?
Förstoring av bilder för utskrift kräver lite mer teknisk kunskap, men det är möjligt beroende på vilket bildförändringsprogram du använder.
Adobe Photoshop gör detta genom att bevara detaljerna, men du kan också använda den inbyggda förhandsgranskningsfunktionen på din Mac när du öppnar bilden. Justera storleken under verktyg, men avmarkera också rutan “omsampla bilden” nedanför. Detta gör att du kan justera upplösningen innan du exporterar till dina nya dimensioner.
Hur ändrar jag storlek på bilder samtidigt utan att förlora kvalitet?
Om du vill ändra storlek på ett gäng bilder samtidigt utan att förlora kvalitet online, måste du använda en free verktyg.
Det passande namnet BulkResizePhotos.com tillhandahåller en free tjänst för bildförändring online. Allt du gör är att välja dina foton i bulk, lägga till dem på plattformen och sedan ladda ner igen och det kommer omedelbart att ändra storlek på bilder.
Detta free online photo resizer kan ta några minuter att köra, men resultaten talar för sig själva. Kom ihåg att behålla de med originalmåtten ifall du behöver återanvända dem.
Verktygen som nämns ovan – Imagify och Smush – bör också ändra storlek på dina bilder automatiskt utan att förlora kvalitet. När du har installerat plugin-programmet kör du systemet så att det omedelbart kan ändra storlek på bilder samtidigt.
Vad är skillnaden mellan att ändra storlek på bilder och skala bilder?
En fråga som denna faller in i hela debatten om “inte alla rutor är rektanglar”. Även om storleksändring på bilder kan inkludera skalning av en bild, inkluderar skalning inte alltid storleksändring.
Förvirrad? Låt oss dyka djupare.
Att skala en bild innebär att du tar samma mått som originalbilden, bara förstorar den eller gör bilden mindre.
Ändra storlek på bilder innebär att du ändrar proportionerna för själva bildens storlek – bildförhållandet. Om originalbilden var en 4:3, omvandling till en 16:9 skulle få den att se annorlunda ut.
Slutsats
Att lära sig att ändra storlek på en bild utan att förlora kvalitet är ingen raketvetenskap, men det tar lite tid. Professionella digitala grafiker kommer att berätta för dig att det är en konst mer än en vetenskap, så bli inte avskräckt om det fortfarande inte verkar rätt efter flera försök.
Dra nytta av programvaran som du har tillgänglig för att göra ditt liv enklare, och försök hitta den rätta balansen som fungerar för dig och din publik.