Tidigare skrev jag en artikel om hur man minskar storleken på en bildfil  med det inbyggda e-postalternativet i Utforskaren^(Explorer) eller genom att använda ett skrivbordsprogram som heter Image Resizer för Windows . Det här är bra alternativ, men det finns flera andra sätt att gå tillväga för att optimera en bild. Många webbplatser kommer också att berätta för dig att använda Paint , men jag har funnit att det inte är en bra metod eftersom bilderna ser mycket sämre ut.

För det första är det viktigt att förstå att vissa metoder som används för att minska storleken på en bild kommer att resultera i en lägre bildkvalitet, vilket kan vara bra för en webbplats, men inte för utskrift. Detta inträffar vanligtvis när du ändrar upplösningen på en bild, säg från 2560×1440 till 1920×1080.

Ett annat sätt att minska storleken på en bild är att komprimera bilden. Det finns två typer av kompression: förlustfri och förlustfri. Förlustfri^(Lossless) komprimering kommer att minska storleken på bilden utan att förlora en enda pixel av originalfilen. Förlust^(Lossy) betyder att viss data kommer att gå förlorad.

Slutligen gör bildformatet också stor skillnad i storleken på filen. En vanlig bild du tar från din kamera kommer förmodligen att vara en JPG -bild eftersom det fungerar bra komprimeringsmässigt. Men bilder med få färger (256 färger eller mindre) blir mycket mindre om du använder GIF . PNG är ett förlustfritt format som kan komprimeras mycket. Det fungerar bra för webbgrafik och komplexa fotografier.

I den här artikeln ger jag några exempel med skärmdumpar på att komprimera en bild med flera format så att du kan se skillnaderna i storlek och kvalitet.

Hur man minskar bildstorleken

Låt oss börja med att prata om hur du kan minska storleken på bilden utan att förlora kvalitet. Detta ger dig den minsta filen med bibehållen originalkvalitet på bilden. Uppenbarligen kommer du med förlustkomprimering att ge dig mycket mindre filer, som du ser i exemplen nedan, men du kommer att förlora en del kvalitet.

Format och komprimering

Låt oss först börja med en platt färggrafik. Som ett exempel tog jag bara en skärmdump av HDG- webbplatsen (600×319) eftersom den har få färger och inte är komplex. Här är filstorlekarna i de olika formaten utan någon komprimering:

Original GIF: 27 KB

Original JPEG: 67 KB

Original PNG: 68 KB

Som du kan se är PNG- och GIF- filerna definitivt skarpare än JPEG . Som tidigare nämnt är JPEG bättre för fotografering. GIF fungerar bra här eftersom det bara är 27 KB jämfört med PNG , som är 68 KB. Men enligt min erfarenhet komprimerar PNG:er^(PNGs) mycket bättre om det är en förlustkomprimering och bildkvaliteten är fortfarande mycket bra.

När jag gjorde en förlustfri komprimering av de tre, blev bara JPG- och PNG- bilderna förminskade i storlek, men inte mycket. PNG gick^(PNG) till 45 KB och JPG gick till 58 KB. När jag gjorde en förlustkomprimering var siffrorna för PNG de mest imponerande.

Lossy GIF: 22 KB

Förlustig JPEG: 50 KB

Förlust PNG: 23 KB

Som du kan se ser PNG bäst ut och den är bara 1 KB större än GIF ! Det är därför jag använder PNG - bilder på den här webbplatsen för de flesta av mina skärmdumpar. JPEG kommer normalt alltid att vara bättre för fotografering av bilder med många färger. Men kom ihåg, JPG är bara 16-bitars, medan PNG är 24-bitars, så JPG stöder miljontals färger, men PNG stöder obegränsade färger.

GIF :en minskade^(GIF) bara med 5 KB, men tappade samtidigt mycket kvalitet. JPG : en komprimerade inte mycket, men JPG :er komprimeras^(JPGs) normalt inte lika bra som PNG:er^(PNGs) gör.

Du kan använda din fotoapp för att ändra formatet för en bild för att se vilken storlek som är minst. För komprimering rekommenderar jag att du använder onlineverktyg eftersom de gör ett bra jobb. Jag använder personligen Kraken.io för mina webbplatser, men det finns andra bra där ute som TinyPNG  och Optimizilla .

Ändra bildupplösning

Det huvudsakliga sättet att förminska en bild är att sänka bildupplösningen. Om du har en fil som är 4000×2500, då minskar storleken till 2000×1250 att filen blir hälften så stor. Du kommer uppenbarligen att förlora en stor del av originalbilden i data, men beroende på ditt syfte kanske det inte spelar någon roll.

Varje bildredigeringsprogram kommer att ha ett sätt för dig att ändra eller ändra storlek på bilden. Här kan du ändra bredd/höjd eller upplösning, som normalt är punkter per tum ( DPI ) eller pixlar per tum ( PPI ). Läs denna fantastiska artikel om skillnaden mellan DPI och PPI^{(difference between DPI and PPI)} . För allt på webben behöver du bara oroa dig för pixlar, inte prickar. Prickar^(Dots) påverkar endast utskrivna bilder.

Så till exempel kan min webbplats bara ha bilder upp till 680 pixlar breda. Därför ändrar^(Therefore) jag alltid storleken på en bild till 680 pixlar eller lägre innan jag laddar upp den eftersom WordPress annars kommer att ändra storlek på den till 680px för mig, men filstorleken blir större än den behöver vara.

Om du vill förstå mer om antalet 72 pixlar/tum och omsamplingsalternativet, kolla in detta utmärkta inlägg^{(excellent post)} som går in i detalj.

Ändra färgdjup/läge

I exemplet ovan, om du har en bild med bara ett fåtal färger, behöver du inte använda ett bildformat som stöder miljontals färger. I mitt exempel på webbsidan behöver GIF bara stödja indexerad^(Indexed) färg och 8 bitar/kanal.

Du kan välja RGB -färg och 16 bitar/kanal, men bilden skulle se exakt likadan ut, men ha en större filstorlek. Du kan läsa mer om dessa färglägen^{(colors modes)} på Adobes hemsida. Förutom Photoshop låter de flesta bildredigerare dig också ändra färgdjup/läge för en bild.

Beskära bild

Ett annat enkelt sätt att minska storleken på en bild är att helt enkelt beskära den! Allt som beskärs kommer att tas bort från bilden. Oavsett vilken bild du har kan du normalt beskära den åtminstone lite, vilket definitivt kommer att hjälpa till att minska storleken.

Och observera att en gröda inte bara behöver vara den typiska där du skär ut saker från toppen/botten eller vänster/höger. SnagIt Editor , en av mina favoriter, har ett utklippsverktyg som låter dig klippa ut delar av bilder från mitten av en bild horisontellt eller vertikalt. Detta kommer till nytta oftare än du tror. Här är ett exempel där jag måste inkludera en skärmdump av Start -menyn medan jag skriver ett kommando.

Ovanstående filstorlek var ursprungligen 22 KB stor. Istället för att använda det skar jag ut mittdelen, som jag inte behövde som visas nedan.

Den nya filstorleken är bara 9 KB! Allt detta utan att ens göra någon komprimering eller ändra filformatet. När jag väl komprimerade den fick jag ner den till endast 4,4 KB. Så beskärning är ett viktigt sätt att minska storleken på en bild.

Förhoppningsvis minskade du storleken på din bild och lärde dig lite om hur digitala bilder fungerar på vägen! Om du har några frågor, kommentera gärna. Njut av!

How to Reduce the Size on an Image File

Previously, I wrоte an аrticle on how to reduce the size of an imagе file υsing the built-in email option in Exрlorer or by using a desktop program called Image Resizer for Windows. These are good options, but there are several other ways to go about optіmizing an image. Also, a lot of websites will tell you to use Paint, but I havе found it’s not a good method because the images look way worѕe.

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

• Exportera, rensa och öka storleken för händelseloggar i Windows

• Så här visar du storleken på användarpostlådor i Exchange 2007

• Bokrecension - How-To Geek Guide to Windows 8

• Installera GIMP-plugins: En guide

• Hur man laddar ner Google Chrome Offline (fristående) installationsprogram

• 7 tekniska SEO-optimeringstips för alla webbplatser

• Hur man ser cachade sidor och filer från din webbläsare

• Hur man flyger en drönare för nybörjare

• Hur man ändrar bakgrundsfärg på Google Docs

• Hur man konverterar en dynamisk disk till en grundläggande disk

• Avinstallera och installera om IE i Windows 7

• Ta omedelbart bort bakgrunder från bilder med hjälp av AI

• 6 bästa kamerainställningarna för månfoton

• Hur man öppnar en JAR-fil på Windows

• Hur man lägger till musik till Google Slides

• Hur man gör ett ifyllbart Google Dokument-formulär med tabeller

• Hur man tar bort mappen Windows.old i Windows 7/8/10

• Så här fixar du att AirDrop inte fungerar från iPhone till Mac

• Så här använder du din Chromebook som en andra bildskärm

• Hur man aktiverar Steam Guard-autentisering