Sebelumnya saya telah menulis artikel tentang cara memperkecil ukuran file gambar  menggunakan opsi email bawaan di Explorer atau dengan menggunakan program desktop bernama Image Resizer untuk Windows . Ini adalah opsi yang bagus, tetapi ada beberapa cara lain untuk mengoptimalkan gambar. Juga, banyak situs web akan meminta Anda untuk menggunakan Paint , tetapi menurut saya itu bukan metode yang baik karena gambarnya terlihat jauh lebih buruk.

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.

Akhirnya, format gambar juga membuat perbedaan besar dalam ukuran file. Gambar normal yang Anda ambil dari kamera Anda mungkin akan menjadi gambar JPG karena itu bekerja dengan baik dalam hal kompresi. Namun, gambar dengan sedikit warna (256 warna atau kurang) akan jauh lebih kecil jika Anda menggunakan GIF . PNG adalah format lossless yang dapat sangat dikompresi. Ini bekerja dengan baik untuk grafik web dan foto kompleks.

Pada artikel ini, saya memberikan beberapa contoh dengan tangkapan layar mengompresi gambar menggunakan berbagai format sehingga Anda dapat melihat perbedaan ukuran dan kualitas.

Cara Mengurangi Ukuran Gambar

Mari kita mulai dengan berbicara tentang bagaimana Anda dapat mengurangi ukuran gambar tanpa kehilangan kualitas. Ini akan memberi Anda file terkecil sambil menjaga kualitas asli gambar. Jelas, menggunakan kompresi lossy akan memberi Anda file yang jauh lebih kecil, seperti yang akan Anda lihat pada contoh di bawah, tetapi Anda akan kehilangan beberapa kualitas.

Format & Kompresi

Pertama, mari kita mulai dengan grafik warna datar. Sebagai contoh, saya hanya mengambil screenshot dari website HDG (600x319) karena memiliki sedikit warna dan tidak rumit. Berikut adalah ukuran file dalam berbagai format tanpa kompresi apa pun:

GIF asli: 27 KB

JPEG asli: 67 KB

PNG Asli: 68 KB

Seperti yang Anda lihat, file PNG dan GIF jelas lebih tajam daripada JPEG . Seperti disebutkan sebelumnya, JPEG lebih baik untuk fotografi. GIF bekerja dengan baik di sini karena hanya 27 KB dibandingkan PNG , yaitu 68 KB. Namun, menurut pengalaman saya, kompresi PNG^(PNGs) jauh lebih baik jika kompresinya lossy dan kualitas gambarnya masih sangat bagus.

Ketika saya melakukan kompresi lossless dari ketiganya, hanya gambar JPG dan PNG yang berkurang ukurannya, tetapi tidak banyak. PNG menjadi 45 KB dan JPG menjadi^(JPG) 58 KB. Ketika saya melakukan kompresi lossy, angka untuk PNG adalah yang paling mengesankan.

GIF yang hilang: 22 KB

JPEG lossy: 50 KB

PNG Rugi: 23 KB

Seperti yang Anda lihat, PNG terlihat paling bagus dan hanya 1 KB lebih besar dari GIF ! Itu sebabnya saya menggunakan gambar PNG di situs web ini untuk sebagian besar tangkapan layar saya. JPEG biasanya akan selalu lebih baik untuk gambar fotografi dengan banyak warna. Tapi ingat, JPG hanya 16-bit, sedangkan PNG 24-bit, jadi JPG mendukung jutaan warna, tetapi PNG mendukung warna tanpa batas.

GIF hanya berkurang 5 KB, tetapi pada saat yang sama kehilangan banyak kualitas. JPG tidak banyak mengompres, tetapi JPG biasanya^(JPGs) tidak mengompres sebaik PNG^(PNGs) .

Anda dapat menggunakan aplikasi foto Anda untuk mengubah format gambar untuk melihat ukuran mana yang paling kecil. Untuk kompresi, saya sarankan menggunakan alat online karena mereka melakukan pekerjaan dengan baik. Saya pribadi menggunakan Kraken.io untuk situs web saya, tetapi ada yang bagus lainnya di luar sana seperti TinyPNG  dan Optimizilla .

Ubah Resolusi Gambar

Cara utama untuk mengecilkan gambar adalah dengan menurunkan resolusi gambar. Jika Anda memiliki file berukuran 4000×2500, maka memperkecil ukurannya menjadi 2000×1250 akan membuat ukuran file menjadi setengahnya. Anda jelas akan kehilangan sebagian besar gambar asli dalam data, tetapi tergantung pada tujuan Anda, itu mungkin tidak masalah.

Setiap program pengeditan gambar akan memiliki cara bagi Anda untuk mengubah atau mengubah ukuran gambar. Di sini Anda dapat mengubah lebar/tinggi atau resolusi, yang biasanya berupa titik per inci ( DPI ) atau piksel per inci ( PPI ). Baca artikel bagus ini tentang perbedaan antara DPI dan PPI^{(difference between DPI and PPI)} . Untuk apa pun di web, Anda hanya perlu khawatir tentang piksel, bukan titik. Titik^(Dots) hanya akan mempengaruhi gambar yang dicetak.

Jadi, misalnya, situs web saya hanya dapat memiliki gambar hingga lebar 680 piksel. Oleh karena itu^(Therefore) , saya selalu mengubah ukuran gambar menjadi 680 piksel atau lebih rendah sebelum mengunggahnya karena jika tidak, WordPress akan mengubah ukurannya menjadi 680 piksel untuk saya, tetapi ukuran file akan lebih besar dari yang seharusnya.

Jika Anda ingin memahami lebih lanjut tentang angka 72 piksel/inci dan opsi sampel ulang, lihat pos luar biasa^{(excellent post)} ini yang menjelaskan dengan sangat rinci.

Ubah Kedalaman/Mode Warna

Pada contoh di atas, jika Anda memiliki gambar yang hanya memiliki sedikit warna, maka Anda tidak perlu menggunakan format gambar yang mendukung jutaan warna. Dalam contoh halaman web saya, GIF hanya perlu mendukung warna Terindeks^(Indexed) dan 8 bit/saluran.

Anda dapat memilih warna RGB dan 16 bit/channel, tetapi gambar akan terlihat sama persis, tetapi memiliki ukuran file yang lebih besar. Anda dapat membaca lebih lanjut tentang mode warna^{(colors modes)} ini di situs web Adobe. Selain Photoshop , sebagian besar editor gambar juga memungkinkan Anda mengubah kedalaman/mode warna untuk sebuah gambar.

Pangkas Gambar

Cara mudah lainnya untuk mengurangi ukuran gambar adalah dengan memotongnya! Apa pun yang terpotong akan selesai dihapus dari gambar. Tidak peduli gambar apa yang Anda miliki, Anda biasanya dapat memotongnya sedikit, yang pasti akan membantu mengurangi ukurannya.

Dan perhatikan bahwa pemotongan tidak hanya harus menjadi tipikal di mana Anda memotong barang dari atas/bawah atau kiri/kanan. SnagIt Editor , salah satu favorit saya, memiliki alat potong yang memungkinkan Anda memotong bagian gambar dari tengah gambar secara horizontal atau vertikal. Ini datang dengan cara yang berguna lebih sering daripada yang Anda pikirkan. Berikut adalah contoh di mana saya harus menyertakan tangkapan layar menu Mulai^(Start) saat mengetik perintah.

Ukuran file di atas awalnya berukuran 22 KB. Alih-alih menggunakan itu, saya memotong bagian tengah, yang tidak saya butuhkan seperti yang ditunjukkan di bawah ini.

Ukuran file baru hanya 9 KB! Semua itu bahkan tanpa melakukan kompresi atau mengubah format file. Setelah saya kompres, saya turun menjadi hanya 4,4 KB. Jadi cropping adalah cara penting untuk mengurangi ukuran gambar.

Mudah-mudahan, Anda mengurangi ukuran gambar Anda dan belajar sedikit tentang cara kerja gambar digital di sepanjang jalan! Jika Anda memiliki pertanyaan, jangan ragu untuk berkomentar. Menikmati!

How to Reduce the Size on an Image File

Previously, І wrotе an article on how to reduce the size of an image filе using the built-in email option in Explorer or by using a desktop program called Image Reѕizer for Windows. These are good options, but there are several other ways to go about optimizing an imagе. Also, a lot of webѕites will tell you to uѕe Paint, but I haνe found it’s not а 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

• Ekspor, Hapus, dan Tingkatkan Ukuran untuk Log Peristiwa di Windows

• Cara Melihat Ukuran Kotak Surat Pengguna di Exchange 2007

• Resensi Buku - Panduan How-To Geek untuk Windows 8

• Memasang Plugin GIMP: Panduan Cara

• Cara Mengunduh Pemasang Google Chrome Offline (Mandiri)

• 8 Ide Teknologi Terbaik untuk Mengatasi Isolasi Diri

• Cara Melakukan Tes Stres CPU

• Cara Mengaktifkan Otentikasi Penjaga Steam

• Cara Mengambil Tangkapan Layar di Nintendo Switch

• Cara Memperbaiki AirDrop Tidak Bekerja Dari iPhone ke Mac

• Cara Mengatur Halaman Master di Adobe InDesign CC

• Cara Membuka File DDS di Windows 10

• Cara Mengubah Warna Latar Belakang di Google Documents

• Cara Mengubah Komputer Anda Menjadi Server Media DLNA

• Cara Mendigitalkan DVD

• Cara Mengonversi Gambar WEBP ke JPG, GIF, atau PNG

• Cara Mengunduh Video Dari Situs Web Apa Pun

• Cara Menggunakan Jaringan Pribadi Firefox Untuk Melindungi Diri Anda Secara Online

• Cara Memindai Kode QR di iPhone dan Android

• Gunakan Netstat untuk Melihat Mendengarkan Port dan PID di Windows