Tidligere skrev jeg en artikel om, hvordan man reducerer størrelsen af en billedfil ved hjælp af den indbyggede email-option i Explorer eller ved at bruge et desktopprogram kaldet Image Resizer for Windows. Disse er gode muligheder, men der er flere andre måder at gå på at optimere et billede. Også mange websites vil fortælle dig at bruge Paint, men jeg har fundet det ikke en god metode, fordi billederne ser meget værre ud.
For det første er det vigtigt at forstå, at nogle metoder, der bruges til at reducere billedets størrelse, resulterer i et lavere kvalitetsbillede, hvilket kan være fint for et websted, men ikke for udskrivning. Dette sker normalt, når du ændrer opløsningen af et billede, siger fra 2560 × 1440 til 1920 × 1080.
En anden måde at reducere billedets størrelse på er at komprimere billedet. Der er to typer kompression: lossless og lossy. Lossless kompression vil reducere billedets størrelse uden at miste en enkelt pixel af den oprindelige fil. Lossy betyder, at nogle data vil gå tabt.
Endelig gør billedformatet også en stor forskel i filens størrelse. Et normalt billede, du tager fra dit kamera, vil sandsynligvis være et JPG-billede, fordi det fungerer godt i form af kompression. Imidlertid vil billeder med få farver (256 farver eller mindre) være meget mindre, hvis du bruger GIF. PNG er et tabsløst format, der kan komprimeres meget. Det fungerer godt til webgrafik og komplekse fotografier.
I denne artikel giver jeg et par eksempler med skærmbilleder af komprimering af et billede ved hjælp af flere formater, så du kan se størrelses- og kvalitetsforskellene.
Sådan reduceres billedstørrelse
Lad os starte med at tale om, hvordan du kan reducere billedets størrelse uden at miste kvaliteten. Dette vil give dig den mindste fil, samtidig med at du beholder den originale kvalitet af billedet. Selvfølgelig vil ved hjælp af lossy kompression give dig meget mindre filer, som du vil se i eksemplerne nedenfor, men du vil miste en vis kvalitet.
Format og komprimering
Lad os først begynde med en flad farve grafik. Som et eksempel tog jeg bare et screenshot af HDG-webstedet (600 × 319), da det har få farver og ikke er komplekst. Her er filstørrelserne i de forskellige formater uden kompression:
Original GIF: 27 KB
Original JPEG: 67 KB
Original PNG: 68 KB
Som du kan se, er PNG- og GIF-filerne definitivt skarpere end JPEG. Som tidligere nævnt er JPEG bedre til fotografering. GIF gør det godt her, da det kun er 27 KB sammenlignet med PNG, hvilket er 68 KB. Men i min erfaring komprimerer PNG'er meget bedre, hvis det er en lossy kompression, og billedkvaliteten er stadig meget god.
Da jeg gjorde en tabsfri kompression af de tre, blev kun JPG- og PNG-billederne reduceret i størrelse, men ikke for meget. PNG'en gik til 45 KB, og JPG'en gik til 58 KB. Da jeg gjorde en lossy kompression, var tallene for PNG det mest imponerende.
Lossy GIF: 22 KB
Lossy JPEG: 50 KB
Lossy PNG: 23 KB
Som du kan se, ser PNG det bedste ud, og det er kun 1 KB større end GIF! Derfor bruger jeg PNG-billeder på denne hjemmeside til de fleste af mine screenshots. JPEG vil altid altid være bedre til fotografibilleder med mange farver. Men husk, JPG er kun 16-bit, mens PNG er 24-bit, så JPG understøtter millioner af farver, men PNG understøtter ubegrænsede farver.
GIF reduceres kun med 5 KB, men samtidig tabt en masse kvalitet. JPG komprimerede ikke meget, men JPG'er komprimerer normalt ikke så godt som PNGs gør.
Du kan bruge din fotoapp til at ændre formatet for et billede for at se, hvilken størrelse der er den mindste. Til kompression anbefaler jeg at bruge onlineværktøjer, da de gør et godt stykke arbejde. Jeg bruger personligt Kraken.io til mine hjemmesider, men der er andre gode derude som TinyPNG og Optimizilla.
Skift billedopløsning
Den vigtigste måde at krympe et billede på er at sænke billedopløsningen. Hvis du har en fil, der er 4000 × 2500, så reducerer størrelsen til 2000 × 1250, at filen bliver halve størrelsen. Du vil naturligvis miste en stor del af det originale billede i dataene, men det afhænger måske ikke af dit formål.
Hvert billedredigeringsprogram giver mulighed for at ændre eller ændre størrelsen på billedet. Her kan du ændre bredden / højden eller opløsningen, som normalt er punkter pr. Tomme (DPI) eller pixel pr. Tomme (PPI). Læs denne store artikel om forskellen mellem DPI og PPI. For noget på internettet er du kun nødt til at bekymre dig om pixels, ikke prikker. Prikker vil kun påvirke udskrevne billeder.
Så for eksempel kan mit websted kun have billeder op til 680 pixel bredt. Derfor ændrer jeg altid et billede til 680 pixel eller lavere, før du uploader det, fordi ellers WordPress vil ændre størrelsen til 680px for mig, men filstørrelsen bliver større end den skal være.
Hvis du vil forstå mere om 72 pixel / tommer nummer og resample valgmulighed, tjek denne fremragende post, der går i detaljer.
Skift farve dybde / tilstand
I eksemplet ovenfor, hvis du har et billede med kun få farver, behøver du ikke bruge et billedformat, der understøtter millioner af farver. I mit websideeksempel behøver GIF kun at understøtte indekseret farve og 8 bits / kanal.
Du kan vælge RGB-farve og 16 bit / kanal, men billedet ser ud som det samme, men har en større filstørrelse. Du kan læse mere om disse farvemåder på Adobes hjemmeside. Foruden Photoshop kan de fleste billedredaktører også lade dig ændre farvedybde / -tilstand for et billede.
Beskær billede
En anden nem måde at reducere billedets størrelse på er at blot beskære det! Alt, der er beskåret, bliver færdigt fjernet fra billedet. Ligegyldigt hvilket billede du har, kan du normalt beskære det lidt, det vil helt sikkert hjælpe med at reducere størrelsen.
Og bemærk, at en afgrøde ikke bare skal være den typiske, hvor du skar ud ting fra toppen / bunden eller venstre / højre. SnagIt Editor, en af mine favoritter, har et udskæringsværktøj, som gør det muligt at skære dele af billeder fra midten af et billede vandret eller lodret. Dette kommer på en god måde oftere end du ville tro. Her er et eksempel, hvor jeg skal inkludere et skærmbillede af startmenuen, mens du skriver en kommando.
Ovennævnte filstørrelse var oprindeligt 22 KB i størrelse. I stedet for at bruge det skarede jeg ud den midterste del, som jeg ikke havde brug for som vist nedenfor.
Den nye filstørrelse er kun 9 KB! Alt det uden at lave kompression eller ændre filformat. Når jeg komprimerede det, fik jeg det kun ned til 4, 4 kB. Så beskæring er en vigtig måde at reducere billedets størrelse på.
Forhåbentlig reducerede du billedets størrelse og lærte lidt om, hvordan digitale billeder arbejder undervejs! Hvis du har spørgsmål, er du velkommen til at kommentere. God fornøjelse!
