Προηγουμένως, έγραψα ένα άρθρο σχετικά με τον τρόπο μείωσης του μεγέθους ενός αρχείου εικόνας  χρησιμοποιώντας την ενσωματωμένη επιλογή email στον Explorer ή χρησιμοποιώντας ένα πρόγραμμα επιτραπέζιου υπολογιστή που ονομάζεται Image Resizer για Windows . Αυτές είναι καλές επιλογές, αλλά υπάρχουν αρκετοί άλλοι τρόποι για τη βελτιστοποίηση μιας εικόνας. Επίσης, πολλοί ιστότοποι θα σας πουν να χρησιμοποιήσετε το Paint , αλλά έχω διαπιστώσει ότι δεν είναι καλή μέθοδος επειδή οι εικόνες φαίνονται πολύ χειρότερες.

Πρώτον, είναι σημαντικό να κατανοήσουμε ότι ορισμένες μέθοδοι που χρησιμοποιούνται για τη μείωση του μεγέθους μιας εικόνας θα έχουν ως αποτέλεσμα μια εικόνα χαμηλότερης ποιότητας, κάτι που μπορεί να είναι καλό για έναν ιστότοπο, αλλά όχι για εκτύπωση. Αυτό συμβαίνει συνήθως όταν αλλάζετε την ανάλυση μιας εικόνας, ας πούμε από 2560×1440 σε 1920×1080.

Ένας άλλος τρόπος για να μειώσετε το μέγεθος μιας εικόνας είναι η συμπίεση της εικόνας. Υπάρχουν δύο τύποι συμπίεσης: χωρίς απώλειες και χωρίς απώλειες. Η συμπίεση χωρίς απώλειες^(Lossless) θα μειώσει το μέγεθος της εικόνας χωρίς να χαθεί ούτε ένα pixel του αρχικού αρχείου. Απώλεια^(Lossy) σημαίνει ότι ορισμένα δεδομένα θα χαθούν.

Τέλος, η μορφή εικόνας κάνει επίσης μεγάλη διαφορά στο μέγεθος του αρχείου. Μια κανονική φωτογραφία που τραβάτε από την κάμερά σας θα είναι πιθανώς μια εικόνα JPG , επειδή λειτουργεί καλά όσον αφορά τη συμπίεση. Ωστόσο, οι εικόνες με λίγα χρώματα (256 χρώματα ή λιγότερα) θα είναι πολύ μικρότερες εάν χρησιμοποιείτε GIF . Το PNG^(PNG) είναι μια μορφή χωρίς απώλειες που μπορεί να συμπιεστεί σε μεγάλο βαθμό. Λειτουργεί καλά για γραφικά Ιστού και περίπλοκες φωτογραφίες.

Σε αυτό το άρθρο, δίνω μερικά παραδείγματα με στιγμιότυπα οθόνης συμπίεσης μιας εικόνας χρησιμοποιώντας πολλαπλές μορφές, ώστε να μπορείτε να δείτε τις διαφορές μεγέθους και ποιότητας.

Πώς να μειώσετε το μέγεθος της εικόνας

Ας ξεκινήσουμε μιλώντας για το πώς μπορείτε να μειώσετε το μέγεθος της εικόνας χωρίς να χάσετε την ποιότητα. Αυτό θα σας δώσει το μικρότερο αρχείο, διατηρώντας παράλληλα την αρχική ποιότητα της εικόνας. Προφανώς, η χρήση της συμπίεσης με απώλειες θα σας δώσει πολύ μικρότερα αρχεία, όπως θα δείτε στα παρακάτω παραδείγματα, αλλά θα χάσετε κάποια ποιότητα.

Μορφή & Συμπίεση

Αρχικά, ας ξεκινήσουμε με ένα επίπεδο έγχρωμο γραφικό. Για παράδειγμα, μόλις τράβηξα ένα στιγμιότυπο οθόνης του ιστότοπου HDG (600×319), καθώς έχει λίγα χρώματα και δεν είναι περίπλοκος. Ακολουθούν τα μεγέθη των αρχείων σε διαφορετικές μορφές χωρίς καμία συμπίεση:

Αρχικό GIF: 27 KB

Πρωτότυπο JPEG: 67 KB

Πρωτότυπο PNG: 68 KB

Όπως μπορείτε να δείτε, τα αρχεία PNG και GIF είναι σίγουρα πιο ευκρινή από τα αρχεία JPEG^(JPEG) . Όπως αναφέρθηκε προηγουμένως, το JPEG είναι καλύτερο για φωτογραφία. Το GIF^(GIF) τα πάει καλά εδώ, καθώς είναι μόνο 27 KB σε σύγκριση με το PNG , που είναι 68 KB. Ωστόσο, από την εμπειρία μου, τα PNG^(PNGs) συμπιέζονται πολύ καλύτερα εάν είναι συμπίεση με απώλειες και η ποιότητα της εικόνας εξακολουθεί να είναι πολύ καλή.

Όταν έκανα μια συμπίεση χωρίς απώλειες των τριών, μόνο οι εικόνες JPG και PNG μειώθηκαν σε μέγεθος, αλλά όχι πολύ. Το PNG πήγε στα 45 KB και το JPG πήγε στα 58 KB. Όταν έκανα μια συμπίεση με απώλειες, οι αριθμοί για το PNG ήταν οι πιο εντυπωσιακοί.

Lossy GIF: 22 KB

Απώλεια JPEG: 50 KB

Απώλεια PNG: 23 KB

Όπως μπορείτε να δείτε, το PNG φαίνεται το καλύτερο και είναι μόνο 1 KB μεγαλύτερο από το GIF ! Γι' αυτό χρησιμοποιώ εικόνες PNG σε αυτόν τον ιστότοπο για τα περισσότερα στιγμιότυπα οθόνης μου. Το JPEG^(JPEG) θα είναι πάντα καλύτερο για φωτογραφίες φωτογραφιών με πολλά χρώματα. Αλλά θυμηθείτε, το JPG είναι μόνο 16 bit, ενώ το PNG είναι 24 bit, επομένως το JPG υποστηρίζει εκατομμύρια χρώματα, αλλά το PNG υποστηρίζει απεριόριστα χρώματα.

Το GIF μειώθηκε μόνο κατά 5 KB, αλλά ταυτόχρονα έχασε πολύ ποιότητα. Το JPG δεν συμπίεσε πολύ, αλλά τα JPG^(JPGs) συνήθως δεν συμπιέζονται τόσο καλά όσο τα PNG^(PNGs) .

Μπορείτε να χρησιμοποιήσετε την εφαρμογή φωτογραφιών σας για να αλλάξετε τη μορφή μιας εικόνας για να δείτε ποιο μέγεθος είναι το μικρότερο. Για συμπίεση, συνιστώ τη χρήση διαδικτυακών εργαλείων καθώς κάνουν εξαιρετική δουλειά. Προσωπικά χρησιμοποιώ το Kraken.io για τους ιστότοπούς μου, αλλά υπάρχουν και άλλα καλά όπως το TinyPNG^(TinyPNG)  και το Optimizilla .

Αλλαγή ανάλυσης εικόνας

Ο κύριος τρόπος συρρίκνωσης μιας εικόνας είναι να μειώσετε την ανάλυση της εικόνας. Εάν έχετε ένα αρχείο που είναι 4000×2500, τότε η μείωση του μεγέθους σε 2000×1250 θα κάνει το αρχείο στο μισό μέγεθος. Προφανώς θα χάσετε ένα μεγάλο κομμάτι της αρχικής εικόνας στα δεδομένα, αλλά ανάλογα με τον σκοπό σας, μπορεί να μην έχει σημασία.

Κάθε πρόγραμμα επεξεργασίας εικόνας θα έχει έναν τρόπο για να αλλάξετε ή να αλλάξετε το μέγεθος της εικόνας. Εδώ μπορείτε να αλλάξετε το πλάτος/ύψος ή την ανάλυση, η οποία είναι συνήθως κουκκίδες ανά ίντσα ( DPI ) ή εικονοστοιχεία ανά ίντσα ( PPI ). Διαβάστε αυτό το υπέροχο άρθρο σχετικά με τη διαφορά μεταξύ DPI και PPI^{(difference between DPI and PPI)} . Για οτιδήποτε στον ιστό, πρέπει να ανησυχείτε μόνο για pixel, όχι για τελείες. Οι τελείες^(Dots) θα επηρεάσουν μόνο τις εκτυπωμένες εικόνες.

Έτσι, για παράδειγμα, ο ιστότοπός μου μπορεί να έχει μόνο εικόνες πλάτους έως 680 pixel. Επομένως^(Therefore) , αλλάζω πάντα το μέγεθος μιας εικόνας σε 680 pixel ή χαμηλότερο πριν τη ανεβάσω, γιατί διαφορετικά το WordPress^(WordPress) θα την αλλάξει σε 680 px για μένα, αλλά το μέγεθος του αρχείου θα είναι μεγαλύτερο από όσο χρειάζεται.

Αν θέλετε να καταλάβετε περισσότερα σχετικά με τον αριθμό των 72 pixel/ιντσών και την επιλογή επαναδειγματοληψίας, ρίξτε μια ματιά σε αυτήν την εξαιρετική ανάρτηση^{(excellent post)} που περιλαμβάνει μεγάλες λεπτομέρειες.

Αλλαγή βάθους/λειτουργίας χρώματος

Στο παραπάνω παράδειγμα, εάν έχετε μια εικόνα με λίγα μόνο χρώματα, τότε δεν χρειάζεται να χρησιμοποιήσετε μια μορφή εικόνας που υποστηρίζει εκατομμύρια χρώματα. Στο παράδειγμα της ιστοσελίδας μου, το GIF χρειάζεται μόνο να υποστηρίζει χρώμα ευρετηρίου^(Indexed) και 8 bit/κανάλι.

Μπορείτε να επιλέξετε χρώμα RGB και 16 bit/κανάλι, αλλά η εικόνα θα φαίνεται ακριβώς η ίδια, αλλά θα έχει μεγαλύτερο μέγεθος αρχείου. Μπορείτε να διαβάσετε περισσότερα σχετικά με αυτές τις λειτουργίες χρωμάτων^{(colors modes)} στον ιστότοπο της Adobe. Εκτός από το Photoshop , τα περισσότερα προγράμματα επεξεργασίας εικόνας σάς επιτρέπουν επίσης να αλλάξετε το βάθος/λειτουργία χρώματος για μια εικόνα.

Κόψε την εικονα

Ένας άλλος εύκολος τρόπος για να μειώσετε το μέγεθος μιας εικόνας είναι απλώς να την περικόψετε! Οτιδήποτε έχει περικοπεί θα ολοκληρωθεί να αφαιρεθεί από την εικόνα. Ανεξάρτητα από την εικόνα που έχετε, μπορείτε κανονικά να την περικόψετε λίγο τουλάχιστον, κάτι που σίγουρα θα βοηθήσει στη μείωση του μεγέθους.

Και σημειώστε ότι μια καλλιέργεια δεν χρειάζεται απλώς να είναι η τυπική όπου κόβετε πράγματα από πάνω/κάτω ή αριστερά/δεξιά. Το SnagIt Editor^{(SnagIt Editor)} , ένα από τα αγαπημένα μου, διαθέτει ένα εργαλείο αποκοπής που σας επιτρέπει να κόψετε μέρη εικόνων από τη μέση μιας εικόνας οριζόντια ή κάθετα. Αυτό έρχεται σε βολικό τρόπο πιο συχνά από ό, τι νομίζετε. Ακολουθεί ένα παράδειγμα όπου πρέπει να συμπεριλάβω ένα στιγμιότυπο οθόνης του μενού Έναρξη^(Start) ενώ πληκτρολογώ μια εντολή.

Το παραπάνω μέγεθος αρχείου ήταν αρχικά 22 KB. Αντί να το χρησιμοποιήσω, έκοψα το μεσαίο τμήμα, το οποίο δεν χρειαζόμουν όπως φαίνεται παρακάτω.

Το νέο μέγεθος αρχείου είναι μόλις 9 KB! Όλα αυτά χωρίς καν να κάνετε συμπίεση ή αλλαγή της μορφής του αρχείου. Μόλις το συμπίεσα, το κατέβασα μόνο στα 4,4 KB. Επομένως, η περικοπή είναι ένας σημαντικός τρόπος για να μειώσετε το μέγεθος μιας εικόνας.

Ας ελπίσουμε ότι μειώσατε το μέγεθος της εικόνας σας και μάθατε λίγο για το πώς λειτουργούν οι ψηφιακές εικόνες στην πορεία! Εάν έχετε οποιεσδήποτε ερωτήσεις, μη διστάσετε να σχολιάσετε. Απολαμβάνω!

How to Reduce the Size on an Image File

Previously, I wrotе an article оn how to reduce the size of an image file using the built-in email option in Explorer or by usіng a desktop prоgram called Image Resizer for Windows. These are good options, but there are several other wayѕ to go about optimizing an image. Also, a lot of websites will tell you to use Paint, but I have found it’s not a good method because the images look wаy 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

• Εξαγωγή, εκκαθάριση και αύξηση μεγέθους για αρχεία καταγραφής συμβάντων στα Windows

• Τρόπος προβολής του μεγέθους των γραμματοκιβωτίων χρήστη στο Exchange 2007

• Review Book - The How-To Geek Guide στα Windows 8

• Εγκατάσταση προσθηκών GIMP: Ένας οδηγός πώς να το κάνετε

• Πώς να κατεβάσετε το πρόγραμμα εγκατάστασης του Google Chrome εκτός σύνδεσης (αυτόνομο).

• Πώς να ενημερώσετε το Raspberry Pi

• Χρήση της διεπαφής Web Transmission

• Πώς να φτιάξετε το δικό σας φορητό υπολογιστή

• Πώς να εκτελέσετε ένα τεστ πίεσης CPU

• Πώς να προστατέψετε ένα PDF με κωδικό πρόσβασης για να το διατηρήσετε ασφαλές

• Πώς να σαρώσετε πολλές σελίδες σε ένα αρχείο PDF

• 8 από τις καλύτερες ιδέες τεχνολογίας για να αντιμετωπίσετε την αυτοαπομόνωση

• Πώς να πετάξετε ένα drone για αρχάριους

• Πώς να ενεργοποιήσετε τον έλεγχο ταυτότητας Steam Guard

• Πώς να αλλάξετε το SSID του δρομολογητή σας και γιατί πρέπει

• Πώς να δείτε αποθηκευμένες σελίδες και αρχεία από το πρόγραμμα περιήγησής σας

• Πώς να χρησιμοποιήσετε το Chromebook σας ως δεύτερη οθόνη

• Πώς να ανοίξετε ένα κλειδωμένο αρχείο όταν το χρησιμοποιεί άλλο πρόγραμμα

• Πώς να αλλάξετε το χρώμα φόντου στα Έγγραφα Google

• Πώς να μετατρέψετε έναν δυναμικό δίσκο σε έναν βασικό δίσκο