Lär dig hur du åtgärdar pixlade bilder i den här hjälpsamma handledningen. Lär dig också varför bilder blir pixlade på din webbplats och hur du kan undvika detta i framtiden.
Vad är en Pixel?
Digitala bilder består av pixlar. Dessa pixlar är enskilda “bildelement” som utgör en grafisk bild eller ett fotografi i digitalt format. Storleken på en pixel beror på upplösningen på utdataskärmen. Vid digital fotografering är det sensorn i en DSLR som bestämmer pixelstorleken och upplösningen för den tagna fotobilden. Ju fler pixlar som visas på skärmen, desto högre är enhetens upplösning (t.ex. TV, bildskärm, smartphones).
Hur man åtgärdar en pixlad bild
Det finns inget riktigt sätt att åtgärda pixlade fotografier, eftersom den ursprungliga bildinformationen förvrängs, men du kan jämna ut blockeringen av din bild för att minska effekterna av pixling. Lär dig hur du åtgärdar pixelerade bilder genom att följa stegen nedan.
Fixa pixlade bilder med Photoshop
- Öppna bilden i Photoshop
- Öppna panelen Lager (om panelen Lager inte är synlig, gå till Fönster > Lager för att visa panelen).
- Välj det bildlager som du vill korrigera
- Öppet filter > Blur > Gaussian Blur
- Använd skjutreglaget för att ändra blur pixelradien till önskad nivå (observera att du bara försöker mjuka upp den pixlade bildens blockighet här).
- Välj OK
- Öppna filter > Skärpa > Unsharp Mask
- Använd skjutreglaget för att ändra skärpningsgraden, skärpningens pixelradie och tröskelvärdet. (tänk på att du bara vill skärpa bilden, skärp inte för mycket, annars kommer bilden att se pixlig ut igen).
- Välj OK
- Spara bilden
Fixa pixlade bilder med gratis verktyg online
Om du inte har tillgång till Photoshop finns det några alternativa kostnadsfria fotoredigeringsprogram på nätet. En av dessa är Pixenate.com, som kan hjälpa till att åtgärda pixelerade bilder genom en utjämnande effekt. Försök med din bild genom att följa de här stegen:
- Ladda upp ditt foto till Pixenate.com
- Välj “Smooth Photo” i den vänstra navigationsmenyn.
- Detta kan upprepas flera gånger för att mjuka upp bilden.
- Välj “Save to Disk” när du är klar
Justera JPEG-utgångsstorlek från din digitalkamera
Om metoderna för att åtgärda pixlade bilder inte gav det du ville, försök att hitta en ny bild med högre upplösning. Om du har tagit fotot själv, se över dina kamerainställningar för att se till att du fotograferar i lämplig storlek. De flesta digitalkameror har olika storlekar på JPEG-formatet: liten, medium, stor, extra stor osv. Justera till den högsta kvalitetsinställningen om du har möjlighet, eftersom du alltid kan minska och komprimera bilden senare. Som en allmän regel bör du börja med den största bildstorlek du kan och skala ner därifrån i efterbearbetning (eller redigering), eftersom det är mycket svårt att skala upp bilder utan att de blir pixliga.
Varför är bilderna pixelerade på min webbplats?
Pixelerade bilder på en webbplats kan ha olika orsaker, t.ex:
- Uppladdning av bilder med låg kvalitet
- Överkomprimering av bilderna vid uppladdning
- Plugins för bildkomprimering på webbplatsen
- Dålig kvalitet på webbhotell
Uppladdning av bilder med låg kvalitet
När du laddar upp ett foto med låg upplösning till en webbplats kan det se pixelerat ut, särskilt om du tittar på webbplatsen på en högupplöst skärm. Det är viktigt att se till att du laddar upp en bild med tillräckligt hög upplösning till din webbplats så att den inte blir pixlad, men inte med för hög upplösning så att filen blir för stor och inte optimerad för visning på webben, vilket resulterar i en långsam laddning av webbplatsen.
Överkomprimering av bilderna vid uppladdning
Vissa verktyg för uppladdning av webbplatser komprimerar filer när de laddas upp. Detta för att filerna ska laddas snabbare på din webbplats och för att minska uppladdningstiden och den bandbredd som krävs. För att minimera effekten av detta kan du kontrollera inställningarna för ditt verktyg för uppladdning av innehåll för att se om bildkomprimering är aktiverat som standard.
Plugins för bildkomprimering på webbplatsen
Plugins för bildkomprimering har blivit mycket populära under de senaste åren, särskilt på WordPress-plattformen. De bästa plugins för bildkomprimering för WordPress är:
- TinyJPG (TinyPNG) – https://tinyjpg.com/
- reSmush.it – https://resmush.it/
- EWWW Image Optimizer – https://ewww.io/
- WP Smush – https://wordpress.org/plugins/wp-smushit/
- ShortPixel Image Optimizer – https://shortpixel.com/
Dessa plugins är bra, men kan ibland överoptimera en bild och orsaka pixilering. Om du komprimerar dina bilder för webben på rätt sätt innan du laddar upp dem till din webbplats är det troligt att ett sådant plugin för bildoptimering orsakar mer skada än nytta. Men om dina bilder inte komprimeras innan de laddas upp kan dessa plugins göra underverk för din webbplats hastighet och prestanda!
Jag har använt alla de 5 mest populära plugins för bildkomprimering som anges ovan. Min personliga favorit är TinyJPG / TinyPNG. Du kan antingen ladda upp och komprimera en bild direkt från deras webbplats eller installera WordPress-pluginet på din webbplats. Det finns en gräns för hur mycket du kan komprimera – annars finns det en rimligt prissatt betalmodell där du kan köpa krediter för att komprimera bilder i stor skala. Om du använder Magento har de också ett tillägg för den plattformen.
Webbhotell av dålig kvalitet
Om du märker att dina bilder tar för lång tid att ladda på din webbplats och att du måste komprimera dem så mycket att de blir pixliga för att få en lägre laddningstid, är det dags att byta webbhotell. De bästa webbhotellen har jämförts i ett prestandatest, vilket visar vilka som är de bästa. de snabbaste webbhotellen 2023. Om du är fotograf, frilansare, konstnär eller kreativ, bör du kolla in den här listan över bästa webbhotell för fotografer. Dagens webbplatser är ofta mycket bildintensiva, med allt större bildstorlekar och upplösningar som krävs för att visa bilderna skarpt på HD- och retinaskärmar. Se till att du komprimerar dina bilder för optimal webbupplösning, men gör inte misstaget att överkomprimera dem. Se också till att du har en snabb webbhotell så att du kan visa dina icke-pixlade bilder för dina webbplatsbesökare med snabba laddningstider.
