Att beskära och ändra storlek på bilder

Denna guide handlar om hur man beskär och ändrar storlek på bilder. Detta är inte något du gör i E37s system , utan i valfritt bildredigeringsprogram. Dock är det en så grundläggande och viktig kunskap för att bedriva e-handel att vi ändå vill inkludera en guide om det här i vårt helpcenter.

Att beskära en bild, (engelska "crop"), betyder att man tar bort en eller flera kanter ifrån bilden. I exemplet nedan har vi till exempel tagit bort den högra och nedre delen av bilden då vi ville ha fokus på bergen. I kombination med att ändra bildstorleken kan vi på detta sätt omarbeta bilder för att få exakt de antal pixlar vi vill med de delar av bilden vi vill ha kvar.


Exakt hur du går till väga för att beskära en bild varierar beroende på vilket bildredigeringsprogram du använder. I denna guide kommer vi gå igenom hur man beskär en bild i programmen Paint.net, Adobe Photoshop samt i online-verktyget Pixlr. Dessa tredjepartstjänster är utanför E37 Systems kontroll, så vi kan inte ta något ansvar för om/hur de fungerar eller om tjänsterna uppdateras så att råden nedan blir inaktuella. För problem med tjänsterna hänvisar vi därför till respektive programs hjälp-filer eller support.

Paint.net

Paint.net är ett gratis bildredigeringsprogram (som trots namnet inte har någonting att göra med Microsoft Paint). Det finns att ladda ned på http://www.getpaint.net/  Fördelarna mot Microsoft Paint är dock flera, den största är att du får tillgång till funktionen att editera bilder i lager samt att arbeta med genomskinlighet.

Gör så här i Paint.net:

1. Öppna bilden du vill beskära med Ctrl+O.
2. Om så behövs zooma in/ut tills du ser de relevanta delarna av bilden. Tryck Z för att välja Zoomen, högerklicka på bilden för att zooma ut eller vänsterklicka för att zooma in.
3. Välj rektangelmarkering med S.
4. Se till att läget Ersätt är valt så att varje gång du ritar en markering får en ny markering.
   
   
   
5. Välj vilken typ av markering du vill göra.
   
   
   • Normal betyder att du kan rita vilken rektangel som helst.
   • Fixerad proportion betyder att du får fylla i en bredd och höjd och endast kan rita en rektangel med dessa proportioner. Lämpligt om du har en högupplöst bild och vet vilken exakt bildstorlek du behöver i slutändan. Beskär då först till rätt proportioner och skala sedan ned bilden till rätt storlek i steg 8.
   • Fixerad storlek låter dig fylla höjd och bredd och du kan sedan endast rita markeringar med dessa mått. Lämpligt om du vet exakt vilken bildstorlek du behöver och endast vill ta bort en del av bilden utan att sedan skala om den.
6. Klicka och dra för att få en rektangel på delen av bilden du vill ha kvar. Notera att bilden i exemplet nedan är högupplöst och utzoomad i Paint.net. Därför kan vi beskära bilden rätt hårt och ändå få ett tillräckligt antal pixlar kvar för storleken vi vill visa den nya bilden i.
   
7. Tryck Ctrl+Shift+X för att beskära bilden ned till det valda området.
   
8. Om du vill krympa bildens storlek, tryck Ctrl+R och fyll i de nya måtten. Du bör inte skala upp en bild så att den blir större då det leder till blockiga "stora pixlar" och/eller en blurrig bild. Se till att rutan Behåll bildproportioner är ikryssad så att du inte får en bild som är utsträckt på en ledd.
   
9. Spara som med Ctrl+Shift+S. Se till att välja det filformat du vill ha, typiskt jpg för fotografiska bilder och png för bilder med större enfärgade fält.
10. Om du valt jpg så får du nu även upp val för kvalitet. Välj en kvalitet där bildstorlek och bildkvalitet båda ser acceptabla ut, ofta runt 60-80. Du kan läsa mer om bildkvalitet, komprimeringsgrader och jpg här.

Photoshop

Adobe Photoshop  är ett extremt kraftfullt bildredigeringsprogram. Det betyder också att det har en uppsjö av menyval och inställningar som kan vara rätt förvirrande för nya användare. Om du endast vill beskära och byta storlek på bilder samt kanske lägga in lite text på en del bilder så är Photoshop mer än vad du behöver och också onödigt dyrt. Detta sagt, om ditt företag redan har tillgång till Photoshop och du behöver använda det för att beskära bilder så följer här en kort guide. Denna guide är medvetet kortfattad och utan bilder för att den ska stämma för så många olika versioner av Photoshop som möjligt.

Gör så här i Photoshop:

1. Öppna bilden med Ctrl+O.
2. Tryck C för att välja verktyget Beskär/Crop/Perspective crop (beroende på din version av Photoshop).
3. Dra en rektangel över delen av bilden som du vill ha kvar. Du får nu upp en rektangel på detta område. Om området du valt blir fel så kan du dra i hörnen för att korrigera.
4. Tryck Enter för att slutföra beskärningen.
5. Om du också vill krympa bildens storlek, tryck Alt+Ctrl+I och fyll i de nya måtten du vill att bilden ska ha. Du bör inte skala upp en bild så att den blir större då det leder till blockiga "stora pixlar". Se till att rutan Behåll bildproportioner är ikryssad så att du inte får en bild som är utsträckt på en ledd.
6. Spara för webben med Alt+Ctrl+Shift+S. Se till att välja det filformat du vill ha, typiskt jpg för fotografiska bilder och png-24 för bilder med större enfärgade fält.
7. Om du valt jpg så får du nu även upp val för kvalitet. Välj en kvalitet där bildstorlek och bildkvalitet båda ser acceptabla ut, ofta runt 60-80. Du kan läsa mer om bildkvalitet, komprimeringsgrader och jpg här.

Pixlr

Pixlr Editor är ett onlineverktyg som låter dig göra enklare bildredigering online direkt i din webbläsare. Tjänsten krävde tidigare Flash player för att fungera, men har nu uppdaterats så de har också har en HTML5-version.  

Gör så här i din webbläsare:

1. Gå till https://pixlr.com/e.
2. Om sidan klagar på att du inte har flash installerat i din webbläsare, ignorer
3. Välj Öppna en bild från din dator och välj sen bilden du vill beskära. 
   
   
4. Välj beskär/crop-verktyget genom att trycka C.
5. I överkanten kan du välja "Contraint" vilket avgör hur du beskär bilden.
   
   

• Free betyder att du kan beskära hur som helst.
• Ratio betyder att du får fylla i en bredd och höjd och endast kan beskära med dessa proportioner. Lämpligt om du har en högupplöst bild och vet vilken exakt bildstorlek du behöver i slutändan. Beskär då först till rätt proportioner och skala sedan ned bilden till rätt storlek i steg 7.
• Size låter dig fylla höjd och bredd och du kan sedan endast beskära till dessa mått. Lämpligt om du vet exakt vilken bildstorlek du behöver och endast vill ta bort en del av bilden utan att sedan skala om den.
• Dra och släpp en rektangel för ytan du vill ska vara kvar i bilden. Om området du valt blir fel så kan du dra i hörnen för att korrigera.
  
• Tryck Enter för att slutföra beskärningen.
• Om du vill krympa bildens storlek, välj Bild -> Bildstorlek i toppmenyn. Du bör inte skala upp en bild så att den blir större då det leder till blockiga "stora pixlar".
  
  
• Fyll i en ny Bredd eller Höjd. Se till att rutan Behåll bildproportioner är ikryssad så att du inte får en bild som är utsträckt på en ledd.
  
  
• Spara genom att trycka Ctrl+S. Se till att välja det format du vill ha, typiskt jpg för fotografiska bilder och png för bilder med större enfärgade fält.
• Om du valt jpg så får du även upp val för kvalitet. Välj en kvalitet där bildstorlek och bildkvalitet båda blir acceptabla, ofta runt 60-80. I Pixlr får du till skillnad ifrån Paint.net och Photoshop inte se en förhandsgranskning av hur bilden kommer att se ut i den valda komprimeringsgraden, så du vill typiskt öppna bilden efteråt för att kontrollera att du inte komprimerat den för hårt. Du kan läsa mer om bildkvalitet, komprimeringsgrader och jpg här.