Zuvor habe ich einen Artikel darüber geschrieben , wie Sie die Größe einer Bilddatei  mithilfe der integrierten E-Mail-Option im Explorer oder mithilfe eines Desktop-Programms namens Image Resizer for Windows reduzieren können . Dies sind gute Optionen, aber es gibt mehrere andere Möglichkeiten, ein Bild zu optimieren. Außerdem werden Sie auf vielen Websites aufgefordert, Paint zu verwenden , aber ich habe festgestellt, dass dies keine gute Methode ist, da die Bilder viel schlechter aussehen.

Erstens ist es wichtig zu verstehen, dass einige Methoden zur Reduzierung der Bildgröße zu einer geringeren Bildqualität führen, was für eine Website in Ordnung sein kann, aber nicht für den Druck. Dies tritt normalerweise auf, wenn Sie die Auflösung eines Bildes ändern, z. B. von 2560 × 1440 auf 1920 × 1080.

Eine andere Möglichkeit, die Größe eines Bildes zu reduzieren, besteht darin, das Bild zu komprimieren. Es gibt zwei Arten der Komprimierung: verlustfrei und verlustbehaftet. Die verlustfreie^(Lossless) Komprimierung reduziert die Größe des Bildes, ohne dass ein einziges Pixel der Originaldatei verloren geht. Verlustbehaftet^(Lossy) bedeutet, dass einige Daten verloren gehen.

Schließlich macht auch das Bildformat einen großen Unterschied in der Größe der Datei. Ein normales Bild, das Sie mit Ihrer Kamera aufnehmen, ist wahrscheinlich ein JPG -Bild, da dies in Bezug auf die Komprimierung gut funktioniert. Bilder mit wenigen Farben (256 Farben oder weniger) werden jedoch viel kleiner, wenn Sie GIF verwenden . PNG ist ein verlustfreies Format, das stark komprimiert werden kann. Es eignet sich gut für Webgrafiken und komplexe Fotos.

In diesem Artikel gebe ich einige Beispiele mit Screenshots zum Komprimieren eines Bildes mit mehreren Formaten, damit Sie die Größen- und Qualitätsunterschiede sehen können.

So reduzieren Sie die Bildgröße

Beginnen wir damit, darüber zu sprechen, wie Sie die Größe des Bildes reduzieren können, ohne an Qualität zu verlieren. Dadurch erhalten Sie die kleinste Datei, während die ursprüngliche Qualität des Bildes beibehalten wird. Natürlich erhalten Sie durch die verlustbehaftete Komprimierung viel kleinere Dateien, wie Sie in den folgenden Beispielen sehen werden, aber Sie verlieren etwas an Qualität.

Format & Komprimierung

Beginnen wir zunächst mit einer flachen Farbgrafik. Als Beispiel habe ich gerade einen Screenshot der HDG - Website (600×319) gemacht, da sie wenig Farben hat und nicht komplex ist. Hier sind die Dateigrößen in den verschiedenen Formaten ohne Komprimierung:

Original-GIF: 27 KB

Original-JPEG: 67 KB

Original-PNG: 68 KB

Wie Sie sehen können, sind die PNG- und GIF- Dateien definitiv schärfer als die JPEG -Dateien . Wie bereits erwähnt, eignet sich JPEG besser für die Fotografie. GIF schneidet hier gut ab, da es nur 27 KB groß ist im Vergleich zu PNG , das 68 KB groß ist. Meiner Erfahrung nach komprimieren PNGs jedoch^(PNGs) viel besser, wenn es sich um eine verlustbehaftete Komprimierung handelt und die Bildqualität immer noch sehr gut ist.

Als ich eine verlustfreie Komprimierung der drei durchführte, wurden nur die JPG- und PNG- Bilder verkleinert, aber nicht viel. Das PNG ging auf 45 KB und das JPG auf 58 KB. Als ich eine verlustbehaftete Komprimierung durchführte, waren die Zahlen für PNG am beeindruckendsten.

Verlustbehaftetes GIF: 22 KB

Verlustbehaftetes JPEG: 50 KB

Verlustbehaftetes PNG: 23 KB

Wie Sie sehen können, sieht das PNG am besten aus und ist nur 1 KB größer als das GIF ! Deshalb verwende ich auf dieser Website für die meisten meiner Screenshots PNG -Bilder. ^(PNG)JPEG ist normalerweise immer besser für Fotos mit vielen Farben. Denken Sie jedoch daran, dass JPG nur 16-Bit ist, während PNG 24-Bit ist, sodass JPG Millionen von Farben unterstützt, PNG jedoch unbegrenzte Farben.

Das GIF wurde nur um 5 KB reduziert, verlor aber gleichzeitig stark an Qualität. Das JPG wurde nicht stark komprimiert, aber JPGs werden normalerweise nicht so gut komprimiert wie PNGs .

Sie können Ihre Foto-App verwenden, um das Format für ein Bild zu ändern, um zu sehen, welche Größe am kleinsten ist. Für die Komprimierung empfehle ich die Verwendung von Online-Tools, da diese hervorragende Arbeit leisten. Ich persönlich verwende Kraken.io für meine Websites, aber es gibt andere gute wie TinyPNG  und Optimizilla .

Bildauflösung ändern

Die Hauptmethode zum Verkleinern eines Bildes besteht darin, die Bildauflösung zu verringern. Wenn Sie eine Datei mit einer Größe von 4000 × 2500 haben, wird die Datei durch Verringern der Größe auf 2000 × 1250 halb so groß. Sie werden offensichtlich einen großen Teil des Originalbildes in den Daten verlieren, aber je nach Zweck spielt es möglicherweise keine Rolle.

Jedes Bildbearbeitungsprogramm bietet Ihnen eine Möglichkeit, das Bild zu ändern oder die Größe zu ändern. Hier können Sie die Breite/Höhe oder die Auflösung ändern, die normalerweise Punkte pro Zoll ( DPI ) oder Pixel pro Zoll ( PPI ) ist. Lesen Sie diesen großartigen Artikel über den Unterschied zwischen DPI und PPI^{(difference between DPI and PPI)} . Bei allem im Web müssen Sie sich nur um Pixel kümmern, nicht um Punkte. Punkte^(Dots) wirken sich nur auf gedruckte Bilder aus.

So kann meine Website beispielsweise nur Bilder mit einer Breite von bis zu 680 Pixel enthalten. Daher^(Therefore) verkleinere ich ein Bild immer auf 680 Pixel oder weniger, bevor ich es hochlade, da WordPress es sonst für mich auf 680 Pixel verkleinert, aber die Dateigröße größer ist als nötig.

Wenn Sie mehr über die 72-Pixel/Zoll-Zahl und die Resample-Option erfahren möchten, sehen Sie sich diesen exzellenten Beitrag^{(excellent post)} an, der sehr ins Detail geht.

Farbtiefe/Modus ändern

Wenn Sie im obigen Beispiel ein Bild mit nur wenigen Farben haben, müssen Sie kein Bildformat verwenden, das Millionen von Farben unterstützt. In meinem Webseitenbeispiel muss das GIF nur indizierte^(Indexed) Farbe und 8 Bit/Kanal unterstützen.

Sie können RGB -Farbe und 16 Bit/Kanal auswählen, aber das Bild würde genau gleich aussehen, aber eine größere Dateigröße haben. Weitere Informationen zu diesen Farbmodi^{(colors modes)} finden Sie auf der Website von Adobe. Zusätzlich zu Photoshop können Sie mit den meisten Bildbearbeitungsprogrammen auch die Farbtiefe/den Farbmodus für ein Bild ändern.

Bild zuschneiden

Eine weitere einfache Möglichkeit, die Größe eines Bildes zu reduzieren, besteht darin, es einfach zuzuschneiden! Alles, was abgeschnitten ist, wird vollständig aus dem Bild entfernt. Egal, welches Bild Sie haben, Sie können es normalerweise zumindest ein wenig zuschneiden, was definitiv dazu beiträgt, die Größe zu reduzieren.

Und beachten Sie, dass ein Zuschnitt nicht nur der typische sein muss, bei dem Sie Sachen von oben/unten oder links/rechts ausschneiden. SnagIt Editor , einer meiner Favoriten, hat ein Ausschneidewerkzeug, mit dem Sie Teile von Bildern aus der Mitte eines Bildes horizontal oder vertikal ausschneiden können. Das ist öfter praktisch, als man denkt. Hier ist ein Beispiel, bei dem ich einen Screenshot des Startmenüs^(Start) einfügen muss, während ich einen Befehl eintippe.

Die obige Dateigröße war ursprünglich 22 KB groß. Anstatt das zu verwenden, schneide ich den mittleren Teil aus, den ich nicht brauchte, wie unten gezeigt.

Die neue Dateigröße beträgt nur noch 9 KB! All das, ohne auch nur eine Komprimierung vorzunehmen oder das Dateiformat zu ändern. Nachdem ich es komprimiert hatte, war es nur noch 4,4 KB groß. Das Zuschneiden ist also eine wichtige Methode, um die Größe eines Bildes zu reduzieren.

Hoffentlich haben Sie die Größe Ihres Bildes reduziert und dabei ein wenig darüber gelernt, wie digitale Bilder funktionieren! Wenn Sie Fragen haben, zögern Sie nicht zu kommentieren. Genießen!

How to Reduce the Size on an Image File

Previously, I wrote an article on how to reduce the size of an image file using the built-in email option in Εxplorer or by using a desktop program called Image Resizer for Windows. These are good options, but there are several othеr ways to go about optimizing an image. Also, a lot of websіtes will tell you to use Paint, but I have found it’s not a good method because thе images loоk 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

• Ereignisprotokolle in Windows exportieren, löschen und vergrößern

• So zeigen Sie die Größe von Benutzerpostfächern in Exchange 2007 an

• Buchbesprechung – Der How-To-Geek-Leitfaden für Windows 8

• Installieren von GIMP-Plugins: Eine Anleitung

• So laden Sie das Offline-Installationsprogramm für Google Chrome (Standalone) herunter

• So erstellen Sie ein ausfüllbares Google Docs-Formular mit Tabellen

• So halten Sie Ihre PC-Software automatisch aktualisiert

• So fügen Sie Musik zu Google Slides hinzu

• So ändern Sie die Hintergrundfarbe in Google Docs

• So konvertieren Sie WEBP-Bilder in JPG, GIF oder PNG

• Verwenden Sie Netstat, um Listening Ports und PID in Windows anzuzeigen

• Verwenden der Übertragungs-Webschnittstelle

• So aktivieren Sie die Steam Guard-Authentifizierung

• So schützen Sie eine PDF-Datei mit einem Kennwort, um sie sicher zu halten

• So richten Sie Musterseiten in Adobe InDesign CC ein

• So sehen Sie zwischengespeicherte Seiten und Dateien in Ihrem Browser

• So öffnen Sie eine JAR-Datei unter Windows

• So erstellen Sie ein Team in Microsoft Teams

• So verwandeln Sie Ihren Computer in einen DLNA-Medienserver

• So digitalisieren Sie DVDs