Korábban írtam egy cikket a képfájl méretének csökkentéséről az Intéző^(Explorer)  beépített e-mail opciójával vagy az Image Resizer for Windows nevű asztali program használatával . Ezek jó lehetőségek, de számos más módszer is létezik a kép optimalizálására. Ezenkívül sok webhely azt mondja, hogy használja a Paint alkalmazást , de úgy találtam, hogy ez nem jó módszer, mert a képek sokkal rosszabbul néznek ki.

Először is fontos megérteni, hogy a kép méretének csökkentésére használt egyes módszerek gyengébb minőségű képet eredményeznek, ami jó lehet egy webhely számára, de nem a nyomtatáshoz. Ez általában akkor fordul elő, amikor egy kép felbontását módosítja, mondjuk 2560 × 1440-ről 1920 × 1080-ra.

A kép méretének csökkentésének másik módja a kép tömörítése. Kétféle tömörítés létezik: veszteségmentes és veszteséges. A veszteségmentes^(Lossless) tömörítés csökkenti a kép méretét anélkül, hogy az eredeti fájl egyetlen pixelét is elveszítené. A veszteséges^(Lossy) azt jelenti, hogy bizonyos adatok elvesznek.

Végül a képformátum is nagy különbséget jelent a fájl méretében. A fényképezőgépről készített normál kép valószínűleg JPG kép lesz, mert az jól működik a tömörítés szempontjából. Azonban a kevés színnel (legfeljebb 256 színnel) rendelkező képek sokkal kisebbek lesznek, ha GIF -et használ . A PNG^(PNG) egy veszteségmentes formátum, amely erősen tömöríthető. Jól működik webes grafikákhoz és összetett fényképekhez.

Ebben a cikkben néhány példát mutatok be képernyőképekkel a képek több formátummal történő tömörítésére, így láthatja a méret- és minőségbeli különbségeket.

Hogyan lehet csökkenteni a képméretet

Kezdjük azzal, hogy hogyan csökkentheti a kép méretét a minőség romlása nélkül. Ezzel a legkisebb fájlt kapja, miközben megőrzi a kép eredeti minőségét. Nyilvánvaló, hogy a veszteséges tömörítés használata sokkal kisebb fájlokat eredményez, amint az az alábbi példákban is látható, de a minőség egy részét veszíti.

Formázás és tömörítés

Először is kezdjük egy lapos színes grafikával. Példaként most készítettem egy képernyőképet a HDG webhelyről (600 × 319), mivel kevés a színe, és nem bonyolult. Íme a fájlméretek a különböző formátumokban, tömörítés nélkül:

Eredeti GIF: 27 KB

Eredeti JPEG: 67 KB

Eredeti PNG: 68 KB

Mint látható, a PNG és GIF fájlok határozottan élesebbek, mint a JPEG . Mint korábban említettük, a JPEG jobb fotózáshoz. A GIF^(GIF) jól működik itt, mivel mindössze 27 KB a PNG -hez képest , amely 68 KB. Azonban tapasztalataim szerint a PNG^(PNGs) -k sokkal jobban tömörítenek, ha veszteséges tömörítésről van szó, és a képminőség továbbra is nagyon jó.

Amikor veszteségmentesen tömörítettem a hármat, csak a JPG és PNG képek mérete csökkent, de nem sokkal. A PNG 45 KB-ra, a JPG pedig 58 KB-ra ment. Amikor veszteséges tömörítést végeztem, a PNG számai voltak a leglenyűgözőbbek.

Veszteséges GIF: 22 KB

Veszteséges JPEG: 50 KB

Veszteséges PNG: 23 KB

Amint látja, a PNG néz ki a legjobban, és csak 1 KB-al nagyobb, mint a GIF ! Ezért használok PNG képeket ezen a webhelyen a legtöbb képernyőképemhez. A JPEG^(JPEG) általában mindig jobb a sok színnel rendelkező képek fotózásához. De ne feledje, a JPG csak 16 bites, míg a PNG 24 bites, tehát a JPG több millió színt támogat, a PNG viszont korlátlan színt támogat.

A GIF csak 5 KB-ot csökkent, ugyanakkor sokat veszített a minőségéből. A JPG -t nem nagyon tömörítették, de a JPG^(JPGs) -ket általában nem tömörítik olyan jól, mint a PNG^(PNGs) -ket .

A fotóalkalmazással módosíthatja a kép formátumát, hogy megtudja, melyik a legkisebb méret. A tömörítéshez az online eszközök használatát javaslom, mivel nagyszerű munkát végeznek. Én személy szerint a Kraken.io -t használom webhelyeimhez, de vannak más jók is, például a TinyPNG  és az Optimizilla .

Képfelbontás módosítása

A kép kicsinyítésének fő módja a képfelbontás csökkentése. Ha van egy 4000×2500-as fájlja, akkor a méret 2000×1250-re csökkentése fele akkora lesz. Nyilvánvalóan elveszíti az eredeti kép nagy részét az adatok között, de a céltól függően ez nem feltétlenül számít.

Minden képszerkesztő programban mód van a kép megváltoztatására vagy átméretezésére. Itt módosíthatja a szélességet/magasságot vagy a felbontást, ami általában pont per hüvelyk ( DPI ) vagy pixel per inch ( PPI ). Olvassa el ezt a nagyszerű cikket a DPI és a PPI közötti különbségről^{(difference between DPI and PPI)} . Az interneten csak a képpontok miatt kell aggódnia, a pontok miatt nem. A pontok^(Dots) csak a nyomtatott képeket érintik.

Így például a webhelyemen legfeljebb 680 pixel szélességű képek lehetnek. Ezért^(Therefore) a képet mindig 680 pixelesre vagy kisebbre méretezem át feltöltés előtt, mert különben a WordPress nekem 680 képpontra méretezi át, de a fájl mérete nagyobb lesz a kelleténél.

Ha többet szeretne megtudni a 72 pixel/inch számról és az újramintavételi lehetőségről, nézze meg ezt a nagyszerű bejegyzést^{(excellent post)} , amely nagyon részletesen foglalkozik.

Színmélység/mód módosítása

A fenti példában, ha egy kép csak néhány színt tartalmaz, akkor nem kell olyan képformátumot használnia, amely több millió színt támogat. Az én weboldalam példájában a GIF - nek csak az indexelt^(Indexed) színt és a 8 bit/csatornát kell támogatnia.

Választhat RGB színt és 16 bit/csatorna, de a kép pontosan ugyanúgy nézne ki, csak nagyobb fájlmérettel rendelkezik. Ezekről a színmódokról^{(colors modes)} bővebben az Adobe honlapján olvashat. A Photoshop mellett a legtöbb képszerkesztő lehetővé teszi a kép színmélységének/módjának módosítását is.

Kép kivágása

Egy másik egyszerű módszer a kép méretének csökkentésére, ha egyszerűen levágod! Minden, ami ki van vágva, eltávolítva lesz a képről. Nem számít, milyen képed van, általában legalább egy kicsit levághatod, ami biztosan segít csökkenteni a méretet.

És vegye figyelembe, hogy a termésnek nem csak a tipikusnak kell lennie, ahol felülről/alulról vagy balról/jobbról vág ki dolgokat. A SnagIt Editor^{(SnagIt Editor)} , az egyik kedvencem, rendelkezik egy kivágó eszközzel, amellyel vízszintesen vagy függőlegesen kivághatod a kép közepéről a képek egyes részeit. Ez gyakrabban jön jól, mint gondolnád. Íme egy példa, amikor egy parancs beírása közben be kell adnom a Start menü képernyőképét.^(Start)

A fenti fájlméret eredetileg 22 KB volt. Ahelyett, hogy ezt használtam volna, kivágtam a középső részt, amire az alábbiak szerint nem volt szükségem.

Az új fájlméret mindössze 9 KB! Mindezt tömörítés vagy a fájlformátum megváltoztatása nélkül. Miután tömörítettem, csak 4,4 KB-ra csökkentettem. A vágás tehát fontos módja a kép méretének csökkentésének.

Remélhetőleg csökkentette a kép méretét, és megtanult egy kicsit a digitális képek működéséről! Ha kérdése van, nyugodtan írjon megjegyzést. Élvezd!

How to Reduce the Size on an Image File

Рreviously, I wrote an article on how to reduce the size of an image file using the built-in email option in Explоrer or by using a desktop program called Image Resizer for Windows. These arе good options, but there are several other wayѕ to go about optimizing an image. Αlso, a lоt of websites will tell you to uѕe Pаint, but I have found it’s not a good method because the images look 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

• A Windows eseménynaplóinak exportálása, törlése és méretének növelése

• A felhasználói postafiókok méretének megtekintése az Exchange 2007-ben

• Könyvismertető – Útmutató a Windows 8-hoz

• GIMP beépülő modulok telepítése: Útmutató

• A Google Chrome Offline (önálló) telepítő letöltése

• Hogyan készítsünk egy kitölthető Google Dokumentumok űrlapot táblázatokkal

• QR-kód beolvasása iPhone-on és Androidon

• A Netstat segítségével megtekintheti a figyelési portokat és a PID-t a Windows rendszerben

• 6 legjobb kamerabeállítás a holdfényképekhez

• Hogyan konvertálhat IMG fájlokat ISO-ba

• Hogyan repüljünk drónnal kezdőknek

• Hogyan konvertálhat WEBP képeket JPG, GIF vagy PNG formátumba

• Kapcsolja ki a felhasználói fiókok felügyeletét (UAC) egy adott alkalmazáshoz

• Hogyan alakítsuk át számítógépét DLNA médiakiszolgálóvá

• Gyorsítótárazott oldalak és fájlok megtekintése a böngészőből

• A háttérszín megváltoztatása a Google Dokumentumokban

• A Windows.old mappa törlése a Windows 7/8/10 rendszerben

• DVD-k digitalizálása

• Hozzon létre egy Gmail asztali alkalmazást ezzel a 3 e-mail klienssel

• Hogyan hozzunk létre csapatot a Microsoft Teamsben