De bästa tipsen du kan använda för att ändra storlek på bilder utan att förlora kvalitet

Jag är en ny bidragsgivare till en musikbaserad webbplats och jag tar många foton av konserter. En del av mina bilder kommer att skrivas ut för användning på deras webbsida, samtidigt som jag vill bygga upp min portfolio för framtida bruk. Hur kan jag bäst ändra storlek på mina bilder för båda ändamålen utan att förlora kvaliteten från min högupplösta kamera?

- Blivande fotograf

Del 1: Varför behöver du ändra storlek på bilder för uppladdning till internet?Del 2: Vi lever i en väldigt snabb värld. Hur lång tid tar det för din webbplats att laddas?Del 3: Grunderna för bildoptimeringDel 4: Här är de goda nyheterna, det finns massor av program du kan använda för att ändra storlek på dina bilder.Del 5: SEO – Ja, sökmotoroptimering är verklig även när det kommer till bilder.Del 6: Använd alla verktyg som står till ditt förfogande.

Del 1: Varför behöver du ändra storlek på bilder för uppladdning till internet?

Mobiltelefoner och digitalkameror av idag har kapaciteten att fotografera i så hög upplösning att dessa filer ofta upptar massor av utrymme och har så höga format att de inte alltid är lämpliga för de webbplatser som du vill ladda upp dem till. Ofta har webbplatser en standard automatisk korrigering för bildstorlek, men i de fall de inte gör det måste du verkligen ändra storlek på dessa bilder för att passa designen på webbplatsen du laddar upp bilden också.

För att måla en bild av vad som kan hända om du inte ändrar storlek på ditt foto och laddar upp det till en webbplats som inte ändrar filstorleken automatiskt, kan bilden på den publicerade webbplatsen uppta hela sidan och all text som finns på samma sida kunde ses på ett sådant sätt att det skulle vara svårt för läsaren att läsa, i motsats till att det framstår som ett snyggt upplagt stycke.

Som innehållsskapare har vi alla lärt oss att skapa en sida med stödjande bilder hjälper till att göra upplevelsen roligare. Även små korta artiklar har minst ett foto som stödjer dokumentet, medan längre arbeten är bättre hjälpte med flera foton placerade med flera kapitel från varandra.

Men att ändra storlek på ett foto är inte så enkelt som att ändra procentandelen där fotot finns eftersom det kan förstöra kvaliteten på din bild. Det är därför det är klokt att lära sig mer om detta för att skapa de bästa uppladdningarna av de bilder du vill publicera.

Del 2: Vi lever i en väldigt snabb värld. Hur lång tid tar det för din webbplats att laddas?

Låt oss säga att du är en webbsidaägare eller anställd, du spenderar timmar på att utveckla innehåll som dina användare kan njuta av, och du jobbar mycket hårt på att skapa webbsidor som visar upp ditt otroliga skrivande och perfekt komponerade bilder, men när din användare klickar på bakåtknappen innan din sida ens laddas, vad hade då varit poängen med alla dina ansträngningar?

Visste du att om en webbsida tar mer än 3 sekunder att ladda har studier visat att 40 % av dina besökare kommer att lämna? Det kanske inte verkar som lång tid, men med användare som upplever mycket snabbare uppladdningar av allt de klickar på, i jämförelse, känns 3 sekunder som en evighet. Låt oss inte heller bortse från det faktum att vissa av dina användare förmodligen kör på internetanslutningar som kan vara långsammare än dina, så föreställ dig hur mycket längre tid det skulle ta för dem att ladda upp ditt enormt stora foto.

Dessa stora bilder stör inte bara användarupplevelsen, utan de äter också in på bandbredden på kontot som är värd för din webbplats. Naturligtvis finns det webbplatser som erbjuder obegränsat lagringsutrymme, men ett antal premier webbplatser kommer att erbjuda dig cirka 10 GB lagringsutrymme. Om du inte är försiktig med filstorlekarna på bilderna du laddar upp, kommer dina 10 GB att vara borta innan du vet ordet av.

Del 3: Grunderna för bildoptimering

Det finns några optimeringsalternativ man har till sitt förfogande när man redigerar bilder. De vanligaste är filstorlek och bildtyp, men det finns också mer tekniska aspekter som att ändra mått och bildkomprimering. Låt oss ta en snabb titt på några av deras skillnader.

Filtyp - Filtyper sparas vanligtvis i antingen JPEG- eller PNG-format. Eller GIF om bilden behöver animeras. Faktum är att GIF:s har blivit väldigt populära och vi ser fler och fler av dem vart vi än går.

Det spelar ingen roll för användaren vilken av dessa filtyper du använder med tanke på att alla webbläsare kommer att kunna se alla filtyper som nämns ovan, men du som skapare kan välja klokt beroende på vad som tjänar användaren och dig själv bäst. Här är ett par grundläggande tumregler som man kan följa:

JPEG - JPEG används oftast för att spara bilder. Men eftersom de skapar bilder med mycket mindre filstorlekar, hamnar en del av pixlarna på bilden i pixlar bredvid dem. Vanligtvis är dock dessa transformationer knappt synliga för ögat och det är därför de oftare än inte används för bilder som har människor, platser eller saker.

PNG - PNG-filer bevarar bildens ursprungliga kvalitet och alla pixlar i bilderna förblir intakta utan att de grupperas i buntar. Så det är bäst att använda detta för bilder som innehåller logotyper, skärmdumpar och grafik med transparent bakgrund. Men kom ihåg att storleken på dessa bilder kommer att vara större än de jämfört med JPEG.

GIF - GIF:er används för bilder med animation.

Bildmått. Har du någonsin undrat hur det ibland kan ta en evighet att ladda ner till och med en liten bild? Detta händer när skaparen laddar upp direkt med sin digitalkamera utan att bry sig om att ändra storlek på bilden till en som skulle passa webbplatsen han eller hon laddar upp bilden till. Kom ihåg att digitalkameror, fan, till och med mobiltelefoner nuförtiden har så bra kvalitet att dessa filer kan vara enorma!

Internetläsare kan ibland skala ner foton för att passa in på sidorna som en användare kan se. När du tittar på en miniatyrbild eller till och med en bild i full storlek, är det mer sannolikt än att du inte tittar på ett foto som ursprungligen kunde ha varit en massiv 12-megapixelbild. Men det är väldigt viktigt att veta om din webbläsare eller webbplats automatiskt skalar ner dina foton. Om de inte gör det automatiskt behöver du verkligen ett program som Adobe Photoshop eller PhoneDog för att komprimera dina bilder för att dina användare ska få en mer njutbar tid när de tittar på ditt innehåll.

Bildkomprimering – Det finns en funktion som kallas för förlustbildskomprimering och detta minskar storleken på dina bilder mer än något annat. En annan stor fördel med detta är att du därmed kan spara massor av utrymme medan din bild knappt blir lidande med tanke på att kvaliteten på bilden bara förändras lite. Fotoredigeringsprogram Photoshop har en funktion som heter Save for Web som förmodligen är ett av de mest använda alternativen för bildkomprimering men faktum är att det finns andra verktyg som du kan använda för att komprimera den ytterligare 40% utan att förlora någon kvalitet, åtminstone inte för det mänskliga ögat.

Del 4: Här är de goda nyheterna, det finns massor av program du kan använda för att ändra storlek på dina bilder.

Ta en titt nedan på några program du kan använda för att ytterligare optimera dina bilder.

ImageOptim - används i samklang med Mac OS X, ImageOptim är ett gratis skrivbordsverktyg som ofta används för att komprimera PNG-filer innan de laddas upp online. Även om de är användarvänliga via sin dra-och-släpp-funktion, måste dessa filer fortfarande redigeras en i taget.

ImageAlpha - som också används av Mac OS X, är en PNG-kompressor med förlust som är en mästare på att komprimera PNG-bilder och krympa filstorlekar genom att ta bort all onödig data från PNG-, JPEG- och GIF-filer.

Fonedog - FoneDog är en annan lösning för att behöva komprimera dina bilder utan att förlora kvalitet. De erbjuder också funktioner för både Mac OS X och Windows och kan hjälpa dig bättre att köra din webbplats med mindre bandbredd och din dator med mindre diskutrymme. De har också sina tjänster gratis och du kan konvertera upp till 20 bilder på en gång med ett enda kommando.

Jpeg Mini – Den här kan användas med både OS X och Windows och har en lite version som låter dig ändra storlek på upp till 20 bilder om dagen gratis. Om du behöver optimera 21 eller fler bilder om dagen, för en avgift på 19.99 USD, kan du redigera hur många bilder du vill.

TinyPNG - Trots sitt namn kan TinyPNG även optimera JPEG-filer. De är en webbsajt som låter dig komprimera filer eller foton genom dess dra och släpp användarupplevelse med en gräns på 20 bilder för filer som är 5MB eller mindre och alla kan optimeras samtidigt. TinyPNG erbjuder 500 gratis optimeringar per månad. Om du behöver optimera mer än så inom den tidsperioden kan du välja att betala 002–005 USD per foto, beroende på hur många du behöver optimera.

Kraken.io - Kraken är en av de populära webbsajterna som låter dig optimera foton med deras tjänst även om deras inte är lika gratis som de andra. Deras erbjudande är att du kan ladda upp bilder som inte är mer än 1MB, för allt högre än så tillkommer en avgift. Men de har ett WordPress-plugin som är tillgängligt för prenumeranter där du automatiskt kan optimera dina bilder när du laddar upp dem till mediegalleriet. Nu å andra sidan, om dina bilder är filstorlekar över 1 MB, kan du prenumerera på deras mikroplan som låter dig optimera 500 MB bilder för 5 USD i månaden, eller så kan du prenumerera på deras Enterprise-plan för enorma 60 GB bilder för coola $70 i månaden.

EWWW Image Optimizer – Den här är för dem som inte riktigt är redo att spendera pengarna för att prenumerera på de mer populära sajterna och inte har råd med så mycket tid för att optimera bilder manuellt. De har dock ett premiumerbjudande som kommer att debitera dig för ett abonnemang som kommer att utföra förlustkompressioner i motsats till deras gratiserbjudande som optimerar förlustfria kompressioner.

Del 5: SEO – Ja, sökmotoroptimering är verklig även när det kommer till bilder.

Vid det här laget är det väldigt tydligt för oss hur optimering av en bild kan göra underverk för dina webbsidor, men visste du att dina bilder och bilder också hjälper till med sökmotoroptimering?

Ja, bestämma vad du titlar fotona du laddar upp, dess filstorlek, de alternativa texterna du tilldelar bilderna, hur relevant fotot är för ämnet, var du har laddat upp fotot också, och mer detaljer i samband med ditt foto kommer att bidra till din SEO.

Låt oss gå igenom en lista över hur du kan skapa de bästa bilderna som passar din artikel.

Tips #1 – Har du valt en bild som passar ditt ämne? Om du till exempel skriver om en semester på en ö, skulle det verkligen vara ganska meningslöst att visa ett foto av en stormarknad. Uppenbarligen skulle du vilja visa ett foto av en strand med blå himmel och klart vatten, eller hur? Kom ihåg att en korrekt vald bild bör stödja ämnet för ditt inlägg och kommer att hjälpa till att framhäva det du skriver om för att skapa en bättre och mer förbättrad upplevelse för användaren. Du kanske också vill komma ihåg att inte varje foto du laddar upp behöver vara ett foto som du tagit. Många bloggare tar faktiskt bilder från internet och bifogar dem till sina inlägg, men se till att kreditera fotografen om möjligt eller lägg till en länk till originalfotografiet.

Tips #2 – Som diskuterats i del 3 av den här artikeln vet vi att det finns filtypsalternativ som vi kan välja mellan. Låt oss nu komma ihåg några av de tips vi lärde oss tidigare för att välja den bästa filtypen för din artikel. Generellt sett skulle JPEG-filer vara förstahandsvalet eftersom de är mindre filer jämfört med PNG-filer, men det borde inte vara den enda faktorn som beaktas när du väljer din filtyp. Det bör också noteras att det finns fall då PNG:er faktiskt är mindre än JPEG, och det är av denna anledning som man verkligen bör utforska möjligheterna för att lära sig vilken som verkligen är bättre lämpad för ditt inlägg.

Tips #3 – Bilder är inte den enda sortens bilder. Ibland kan sidor som innehåller målningar, teckningar, diagram, illustrationer, GIF, skärmdumpar, infografik och andra bilder göra en sida mer tilltalande att titta på som helhet. Genom att skaka om den och lägga till överraskande bilder blir sidan mer attraktiv för användaren och kommer att få honom eller henne att komma tillbaka.

Tips #4 - Ta dig tid att namnge dina foton på rätt sätt. Du kommer att märka att digitala enheter automatiskt namnger dina foton. Även om det inte är något fel med det i sig, är det inte direkt hjälp med din SEO av foton. Om du fortsätter exemplet med att skriva en artikel om en tillflyktsort på en ö, vad skulle det spela om din huvudbild hade filnamnet DCS8971, vilket inte betyder något för SEO eller en användare. Istället för att lämna det som det är, ta dig tid att byta namn på ditt foto till ett namn som är mer SEO-relaterat som best-beach-island-vacation.jpeg. Dessa sökord måste också visas på ett naturligt sätt och måste innehålla bindestreck mellan varje sökord eftersom dessa bindestreck läses som mellanslag av Google. När dina bilder är namngivna i enlighet med din artikel blir de mer tillgängliga för Google och kommer naturligtvis att hjälpa till att få bättre synlighet.

Tips #5 - Att veta när och när man inte ska använda bildtexter och hur man använder dem på rätt sätt. En bra tumregel skulle vara att endast texta dina bilder om det ger värdefull information. Kom ihåg att läsare kommer att skanna igenom din sida och titta på dina foton, om det finns bildtexter i dem kommer dina läsare att läsa dessa bildtexter. Se till att använda den möjligheten för att behålla deras uppmärksamhet genom att ge dem medryckande information.

Tips #6 – Se till att sätta de där bilderna där de hör hemma. På en sida full av text och annonser och sånt hjälper det dig inte att ge användaren en fantastisk upplevelse att ha en bild som inte är på sin plats. Så tänk alltid på att istället för att ha till uppgift att ladda upp så många bilder som möjligt för att stödja artikeln, så ska de uppladdade bilderna istället finnas nära de uppgifter som bilden stödjer.

Del 6: Använd alla verktyg som står till ditt förfogande.

Eftersom det inte finns någon bättre tid att optimera dina bilder, kommer från och med igår säkerligen att hjälpa dig bättre att låta användare se dina sidor utan besväret att behöva vänta i evighet bara för att se en enda bildnedladdning. Visserligen är internethastigheterna mycket snabbare än de brukade vara, särskilt med tillkomsten av fiberledningar och liknande, men man måste också komma ihåg att inte alla har en snabbrörlig internetanslutning och de som gör det kanske fortfarande inte har tålamodet du vill att de ska ha för att kunna se dina högupplösta bilder.

Med det sagt, att optimera dina bilder för att bäst passa sidorna som de kommer att hittas på är garanterat din bästa insats och få de klick, gilla-markeringar och visningar som du kanske riktar in dig på. Och även om dessa inte är dina mål och du föredrar att din sida är privat, är optimering fortfarande en nyckelfaktor för din egen personliga användarupplevelse. Som de säger, tid är pengar och ingen kommer att vänta för evigt bara för att se en fotonedladdning, särskilt om de inte ens vet vad de väntar på och om det kommer att fungera.

Se upp för din bilddimension och se alltid till att ändra storlek och justera dina procentsatser, särskilt när du hanterar foton som har kommit från digitalkameror och mobiltelefoner med hög upplösning.

Använd de verktyg som står till ditt förfogande. Det finns trots allt där för dig att använda och de har verkligen gjort det enkelt för nästan vem som helst att använda genom att ha kommit på betalningsgateways och alternativ samt gratis, även om det är begränsat, för att optimera dina bilder.