Tidligere skrev jeg en artikel om, hvordan man reducerer størrelsen af ​​en billedfil  ved hjælp af den indbyggede e-mail-indstilling i Stifinder^(Explorer) eller ved at bruge et skrivebordsprogram kaldet Image Resizer til Windows . Det er gode muligheder, men der er flere andre måder at optimere et billede på. Også mange websteder vil fortælle dig, at du skal bruge Paint , men jeg har fundet ud af, at det ikke er en god metode, fordi billederne ser meget dårligere ud.

For det første er det vigtigt at forstå, at nogle metoder, der bruges til at reducere størrelsen af ​​et billede, vil resultere i et billede af lavere kvalitet, hvilket kan være fint for et websted, men ikke til udskrivning. Dette sker normalt, når du ændrer opløsningen på et billede, f.eks. fra 2560×1440 til 1920×1080.

En anden måde at reducere størrelsen på et billede på er at komprimere billedet. Der er to typer kompression: tabsfri og tabsgivende. Tabsfri^(Lossless) komprimering vil reducere størrelsen af ​​billedet uden at miste en enkelt pixel af den originale fil. Lossy betyder, at nogle data vil gå tabt.

Endelig gør billedformatet også en stor forskel i størrelsen på filen. Et normalt billede, du tager fra dit kamera, vil sandsynligvis være et JPG -billede, fordi det fungerer godt med hensyn til komprimering. Billeder med få farver (256 farver eller mindre) vil dog være meget mindre, hvis du bruger GIF . PNG er et tabsfrit format, der kan komprimeres meget. Det fungerer godt til webgrafik og komplekse fotografier.

I denne artikel giver jeg et par eksempler med skærmbilleder på at komprimere et billede ved hjælp af flere formater, så du kan se størrelsen og kvalitetsforskellene.

Sådan reduceres billedstørrelsen

Lad os starte med at tale om, hvordan du kan reducere størrelsen på billedet uden at miste kvaliteten. Dette vil give dig den mindste fil, mens den originale kvalitet af billedet bevares. Det er klart, at brug af komprimering med tab vil give dig meget mindre filer, som du vil se i eksemplerne nedenfor, men du vil miste noget kvalitet.

Format og komprimering

Lad os først starte med en flad farvegrafik. Som et eksempel tog jeg lige et skærmbillede af HDG- webstedet (600×319), da det har få farver og ikke er komplekst. Her er filstørrelserne i de forskellige formater uden nogen komprimering:

Original GIF: 27 KB

Original JPEG: 67 KB

Original PNG: 68 KB

Som du kan se, er PNG- og GIF- filerne bestemt 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 , som er 68 KB. Men efter min erfaring komprimerer PNG'er meget bedre, hvis det er en tabskomprimering, og billedkvaliteten er stadig meget god.^(PNGs)

Da jeg lavede en tabsfri komprimering af de tre, blev kun JPG- og PNG- billederne reduceret i størrelse, men ikke meget. PNG gik til 45 KB og JPG gik^(JPG) til 58 KB. Da jeg lavede en komprimering med tab, var tallene for PNG de mest imponerende.

Lossy GIF: 22 KB

Lossy JPEG: 50 KB

Lossy PNG: 23 KB

Som du kan se, ser PNG'en^(PNG) bedst ud, og den er kun 1 KB større end GIF'en^(GIF) ! Det er derfor, jeg bruger PNG - billeder på denne hjemmeside til de fleste af mine skærmbilleder. JPEG vil normalt altid være bedre til fotografering af billeder med mange farver. Men husk, JPG er kun 16-bit, hvorimod PNG er 24-bit, så JPG understøtter millioner af farver, men PNG understøtter ubegrænsede farver.

GIF'en reducerede^(GIF) kun med 5 KB, men mistede samtidig en masse kvalitet. JPG'en komprimerede ikke meget, men JPG'er ^(JPG)komprimerer^(JPGs) normalt ikke så godt, som PNG'er^(PNGs) gør.

Du kan bruge din foto-app til at ændre formatet for et billede for at se, hvilken størrelse der er mindst. Til komprimering 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 formindske et billede på er at sænke billedopløsningen. Hvis du har en fil, der er 4000×2500, så vil en reduktion af størrelsen til 2000×1250 gøre filen halvt så stor. Du vil naturligvis miste en stor del af det originale billede i dataene, men afhængigt af dit formål er det måske ligegyldigt.

Ethvert billedredigeringsprogram vil have en måde, hvorpå du kan ændre eller ændre størrelsen på billedet. Her kan du ændre bredden/højden eller opløsningen, som normalt er dots per inch ( DPI ) eller pixels per inch ( PPI ). Læs denne fantastiske artikel om forskellen mellem DPI og PPI^{(difference between DPI and PPI)} . For alt på nettet skal du kun bekymre dig om pixels, ikke prikker. Prikker^(Dots) påvirker kun udskrevne billeder.

Så for eksempel kan min hjemmeside kun have billeder op til 680 pixels bred. Derfor^(Therefore) ændrer jeg altid størrelsen på et billede til 680 pixels eller lavere, før jeg uploader det, fordi WordPress ellers vil ændre størrelsen på det til 680px for mig, men filstørrelsen vil være større, end den behøver at være.

Hvis du vil forstå mere om antallet af 72 pixels/tommer og muligheden for gensample, så tjek dette fremragende indlæg^{(excellent post)} , der går i detaljer.

Skift farvedybde/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'en^(GIF) kun at understøtte indekseret^(Indexed) farve og 8 bits/kanal.

Du kan vælge RGB -farve og 16 bits/kanal, men billedet ville se præcis det samme ud, men have en større filstørrelse. Du kan læse mere om disse farvetilstande^{(colors modes)} på Adobes hjemmeside. Ud over Photoshop lader de fleste billededitorer dig også ændre farvedybden/tilstanden for et billede.

Beskær billede

En anden nem måde at reducere størrelsen af ​​et billede på er blot at beskære det! Alt, der er beskåret, vil blive fuldført fjernet fra billedet. Uanset hvilket billede du har, kan du normalt beskære det en lille smule i det mindste, hvilket helt sikkert vil hjælpe med at reducere størrelsen.

Og bemærk, at en afgrøde ikke kun behøver at være den typiske, hvor du skærer ting ud fra toppen/bunden eller venstre/højre. SnagIt Editor , en af ​​mine favoritter, har et udskæringsværktøj, der lader dig skære dele af billeder ud fra midten af ​​et billede vandret eller lodret. Dette er nyttigt oftere, end du skulle tro. Her er et eksempel, hvor jeg skal inkludere et skærmbillede af Start - menuen, mens jeg skriver en kommando.

Ovenstående filstørrelse var oprindeligt 22 KB stor. I stedet for at bruge det, skar jeg den midterste del ud, som jeg ikke havde brug for som vist nedenfor.

Den nye filstørrelse er kun 9 KB! Alt dette uden selv at lave nogen komprimering eller ændre filformatet. Da jeg først havde komprimeret det, fik jeg det ned til kun 4,4 KB. Så beskæring er en vigtig måde at reducere størrelsen af ​​et billede på.

Forhåbentlig reducerede du størrelsen på dit billede og lærte lidt om, hvordan digitale billeder fungerer undervejs! Hvis du har spørgsmål, er du velkommen til at kommentere. God fornøjelse!

How to Reduce the Size on an Image File

Previously, І wrote an article on how to reducе the size of an imagе file using the built-in email option in Explorer or by using a desktop program callеd Image Resizer for Windows. Thesе are goоd options, but there are ѕeveral other ways to go about optimizing an image. Also, a lot of websites will tell уou to use Paint, but I have found it’s not a good method because the images loоk way worse.

Firstly, it’s important to understand that some methods used to reduce the size of an image will result in a lower quality picture, which may be fine for a website, but not for printing. This usually occurs when you change the resolution of a picture, say from 2560×1440 to 1920×1080.

Another way to reduce the size of an image is to compress the image. There are two types of compression: lossless and lossy. Lossless compression will reduce the size of the image without losing a single pixel of the original file. Lossy means that some data will be lost.

Finally, the picture format also makes a big difference in the size of the file. A normal picture you take from your camera will probably be a JPG image because that works well in terms of compression. However, images with few colors (256 colors or less) will be a lot smaller if you use GIF. PNG is a lossless format that can be highly compressed. It works well for web graphics and complex photographs.

In this article, I give a few examples with screenshots of compressing an image using multiple formats so you can see the size and quality differences.

How to Reduce Image Size

Let’s start off by talking about how you can reduce the size of the image without losing quality. This will give you the smallest file while keeping the original quality of the image. Obviously, using lossy compression will give you much smaller files, as you’ll see in the examples below, but you’ll lose some quality.

Format & Compression

First, let’s start with a flat color graphic. As an example, I just took a screenshot of the HDG website (600×319) since it has few colors and isn’t complex. Here are the files sizes in the different formats without any compression:

Original GIF: 27 KB

Original JPEG: 67 KB

Original PNG: 68 KB

As you can see, the PNG and GIF files are definitely sharper than the JPEG. As mentioned earlier, JPEG is better for photography. GIF does well here as it’s only 27 KB compared to the PNG, which is 68 KB. However, in my experience, PNGs compress much better if it’s a lossy compression and the image quality is still very good.

When I did a lossless compression of the three, only the JPG and PNG images got reduced in size, but not by much. The PNG went to 45 KB and the JPG went to 58 KB. When I did a lossy compression, the numbers for PNG were the most impressive.

Lossy GIF: 22 KB

Lossy JPEG: 50 KB

Lossy PNG: 23 KB

As you can see, the PNG looks the best and it’s only 1 KB bigger than the GIF! That’s why I use PNG images on this website for most of my screenshots. JPEG will always normally be better for photography images with lots of colors. But remember, JPG is only 16-bit, whereas PNG is 24-bit, so JPG supports millions of colors, but PNG supports unlimited colors.

The GIF only reduced by 5 KB, but at the same time lost a lot of quality. The JPG didn’t compress much, but JPGs normally don’t compress as well as PNGs do.

You can use your photo app to change the format for an image to see which size is smallest. For compression, I recommend using online tools as they do a great job. I personally use Kraken.io for my websites, but there are other good ones out there like TinyPNG and Optimizilla.

Change Image Resolution

The main way to shrink an image is to lower the picture resolution. If you have a file that is 4000×2500, then reducing the size to 2000×1250 will make the file half the size. You’ll obviously be losing a large chunk of the original image in the data, but depending on your purpose, it may not matter.

Every image editing program will have a way for you to change or resize the image. Here you can change the width/height or the resolution, which is normally dots per inch (DPI) or pixels per inch (PPI). Read this great article on the difference between DPI and PPI. For anything on the web, you only have to worry about pixels, not dots. Dots will only effect printed images.

So, for example, my website can only have images up to 680 pixels wide. Therefore, I always resize an image to 680 pixels or lower before uploading it because otherwise WordPress will resize it to 680px for me, but the file size will be larger than it needs to be.

If you want to understand more about the 72 pixels/inch number and the resample option, check out this excellent post that goes into great detail.

Change Color Depth/Mode

In the example above, if you have an image with only few colors, then you don’t need to use an image format that supports millions of colors. In my webpage example, the GIF only needs to support Indexed color and 8 bits/channel.

You can choose RGB color and 16 bits/channel, but the image would look exactly the same, but have a larger file size. You can read more about these colors modes on Adobe’s website. In addition to Photoshop, most image editors also let you change the color depth/mode for an image.

Crop Image

Another easy way to reduce the size of an image is to simply crop it! Anything that is cropped out will be completed removed from the image. No matter what image you have, you can normally crop it a little bit at least, which will definitely help reduce the size.

And note that a crop doesn’t just have to be the typical one where you cut out stuff from the the top/bottom or left/right. SnagIt Editor, one of my favorites, has a cut out tool that lets you cut out parts of images from the middle of an image horizontally or vertically. This comes in handy way more often than you would think. Here’s an example where I have to include a screenshot of the Start menu while typing a command.

The above file size was originally 22 KB in size. Instead of using that, I cut out the middle portion, which I didn’t need as shown below.

The new file size is just 9 KB! All that without even doing any compression or changing the file format. Once I compressed it, I got it down to only 4.4 KB. So cropping is an important way to reduce the size of an image.

Hopefully, you reduced the size of your image and learned a little bit about how digital images work along the way! If you have any questions, feel free to comment. Enjoy!

Related posts

• Eksporter, ryd og øg størrelse for hændelseslogfiler i Windows

• Sådan får du vist størrelsen på brugerpostkasser i Exchange 2007

• Boganmeldelse - How-To Geek Guide til Windows 8

• Installation af GIMP-plugins: En vejledning

• Sådan downloader du Google Chrome Offline (Standalone) Installer

• Sådan flyver du en drone for begyndere

• Sådan åbner du en låst fil, når et andet program bruger den

• Sådan sletter du mappen Windows.old i Windows 7/8/10

• Sådan bruger du din Chromebook som en anden skærm

• Sådan tager du skærmbilleder på Nintendo Switch

• Sådan tilføjer du musik til Google Slides

• Sådan SSH eller SFTP i din Raspberry Pi

• Sådan ser du cachelagrede sider og filer fra din browser

• Brug Netstat til at se lytteporte og PID i Windows

• Sådan scanner du flere sider til én PDF-fil

• Sådan konverteres WEBP-billeder til JPG, GIF eller PNG

• Sådan beskytter du en PDF med adgangskode for at holde den sikker

• Sådan fabriksindstilles en Xbox One eller Xbox Series X

• Sådan åbner du en JAR-fil på Windows

• Opret en Gmail Desktop-app med disse 3 e-mail-klienter