Daha önce, Explorer'da^(Explorer)  yerleşik e-posta seçeneğini kullanarak veya Windows için Image Resizer adlı bir masaüstü programını kullanarak bir görüntü dosyasının boyutunun nasıl küçültüleceği hakkında bir makale yazmıştım . Bunlar iyi seçenekler, ancak bir görüntüyü optimize etmenin başka yolları da var. Ayrıca, birçok web sitesi Paint'i^(Paint) kullanmanızı söyleyecektir , ancak bunun iyi bir yöntem olmadığını gördüm çünkü resimler çok daha kötü görünüyor.

İlk olarak, bir görüntünün boyutunu küçültmek için kullanılan bazı yöntemlerin daha düşük kaliteli bir resimle sonuçlanacağını anlamak önemlidir; bu, bir web sitesi için iyi olabilir, ancak yazdırma için uygun olmayabilir. Bu genellikle bir resmin çözünürlüğünü 2560×1440'tan 1920×1080'e değiştirdiğinizde ortaya çıkar.

Bir görüntünün boyutunu küçültmenin başka bir yolu da görüntüyü sıkıştırmaktır. İki tür sıkıştırma vardır: kayıpsız ve kayıplı. Kayıpsız^(Lossless) sıkıştırma, orijinal dosyanın tek bir pikselini kaybetmeden görüntünün boyutunu küçültür. Kayıplı^(Lossy) , bazı verilerin kaybolacağı anlamına gelir.

Son olarak, resim formatı da dosyanın boyutunda büyük bir fark yaratır. Sıkıştırma açısından iyi çalıştığı için kameranızdan çektiğiniz normal bir resim muhtemelen bir JPG resmi olacaktır. ^(JPG)Bununla birlikte, GIF^(GIF) kullanıyorsanız, az renkli (256 renk veya daha az) resimler çok daha küçük olacaktır . PNG , yüksek oranda sıkıştırılabilen kayıpsız bir formattır. Web grafikleri ve karmaşık fotoğraflar için iyi çalışır.

Bu yazıda, boyut ve kalite farklarını görebilmeniz için bir görüntüyü birden çok formatta sıkıştırmanın ekran görüntüleri ile birkaç örnek vereceğim.

Görüntü Boyutu Nasıl Küçültülür

Görüntünün boyutunu kaliteden ödün vermeden nasıl küçültebileceğinizden bahsederek başlayalım. Bu, görüntünün orijinal kalitesini korurken size en küçük dosyayı verecektir. Açıkçası, kayıplı sıkıştırma kullanmak, aşağıdaki örneklerde göreceğiniz gibi size çok daha küçük dosyalar verecektir, ancak biraz kalite kaybedersiniz.

Biçim ve Sıkıştırma

İlk olarak, düz renkli bir grafikle başlayalım. Örnek olarak, az renkli ve karmaşık olmadığı için HDG web sitesinin (600×319) ekran görüntüsünü aldım. ^(HDG)Herhangi bir sıkıştırma olmadan farklı formatlardaki dosya boyutları şunlardır:

Orijinal GIF: 27 KB

Orijinal JPEG: 67 KB

Orijinal PNG: 68 KB

Gördüğünüz gibi PNG ve GIF dosyaları kesinlikle JPEG'den daha keskin^(JPEG) . Daha önce de belirtildiği gibi, JPEG fotoğrafçılık için daha iyidir. GIF , 68 KB olan PNG'ye^(PNG) kıyasla yalnızca 27 KB olduğu için burada başarılı . Ancak, deneyimlerime göre PNG'ler^(PNGs) kayıplı bir sıkıştırmaysa ve görüntü kalitesi hala çok iyiyse çok daha iyi sıkıştırır.

Üçünün kayıpsız bir sıkıştırmasını yaptığımda, yalnızca JPG ve PNG resimlerinin boyutu küçüldü, ancak çok fazla değil. PNG 45 KB'ye gitti ve JPG 58^(JPG) KB'ye gitti. Kayıplı bir sıkıştırma yaptığımda, PNG sayıları en etkileyiciydi.

Kayıp GIF: 22 KB

Kayıplı JPEG: 50 KB

Kayıp PNG: 23 KB

Gördüğünüz gibi, PNG en iyi görünüyor ve GIF'ten yalnızca 1 KB daha büyük^(GIF) ! Bu yüzden ekran görüntülerimin çoğu için bu web sitesinde PNG görüntüleri kullanıyorum. ^(PNG)JPEG , normalde çok renkli fotoğraf görüntüleri için her zaman daha iyi olacaktır. Ancak unutmayın, JPG yalnızca 16 bit, PNG ise 24 bittir, bu nedenle JPG milyonlarca rengi destekler, ancak PNG sınırsız rengi destekler.

GIF yalnızca 5 KB azaldı , ancak aynı zamanda çok fazla kalite kaybetti. JPG fazla sıkıştırmadı, ancak JPG'ler^(JPGs) normalde PNG'lerin yaptığı kadar^(PNGs) sıkıştırmaz .

Hangi boyutun en küçük olduğunu görmek için bir görüntünün biçimini değiştirmek için fotoğraf uygulamanızı kullanabilirsiniz. Sıkıştırma için, harika bir iş çıkardıkları için çevrimiçi araçları kullanmanızı öneririm. Web sitelerim için kişisel olarak Kraken.io'yu kullanıyorum, ancak ^(Kraken.io)TinyPNG  ve Optimizilla gibi başka iyi siteler de var .

Görüntü Çözünürlüğünü Değiştir

Bir görüntüyü küçültmenin ana yolu, görüntü çözünürlüğünü düşürmektir. 4000×2500 boyutunda bir dosyanız varsa, boyutu 2000×1250'ye düşürmek dosya boyutunu yarıya indirecektir. Açıkça verilerdeki orijinal görüntünün büyük bir bölümünü kaybedeceksiniz, ancak amacınıza bağlı olarak önemli olmayabilir.

Her görüntü düzenleme programında, görüntüyü değiştirmeniz veya yeniden boyutlandırmanız için bir yol bulunur. Burada, normalde inç başına nokta ( DPI ) veya inç başına piksel ( PPI ) olan genişliği/yüksekliği veya çözünürlüğü değiştirebilirsiniz. DPI ve ÜFE arasındaki farkla^{(difference between DPI and PPI)} ilgili bu harika makaleyi okuyun . Web'deki herhangi bir şey için, noktalar için değil, yalnızca pikseller için endişelenmeniz gerekir. Noktalar^(Dots) yalnızca yazdırılan görüntüleri etkiler.

Örneğin, web sitem yalnızca 680 piksele kadar genişliğe sahip resimlere sahip olabilir. Bu nedenle^(Therefore) , bir resmi yüklemeden önce her zaman 680 piksel veya daha düşük bir boyuta yeniden boyutlandırırım çünkü aksi takdirde WordPress benim için onu 680 piksele yeniden boyutlandırır, ancak dosya boyutu olması gerekenden daha büyük olur.

72 piksel/inç sayısı ve yeniden örnekleme seçeneği hakkında daha fazla bilgi edinmek istiyorsanız, büyük ayrıntılara giren bu mükemmel gönderiye göz atın.^{(excellent post)}

Renk Derinliğini/Modunu Değiştir

Yukarıdaki örnekte, yalnızca birkaç rengi olan bir görüntünüz varsa, milyonlarca rengi destekleyen bir görüntü formatı kullanmanıza gerek yoktur. Web sayfası örneğimde, GIF'in^(GIF) yalnızca Dizine alınmış^(Indexed) rengi ve 8 bit/kanalı desteklemesi gerekir.

RGB rengi ve 16 bit/kanal seçebilirsiniz , ancak görüntü tamamen aynı görünecek, ancak dosya boyutu daha büyük olacaktır. Adobe'nin web sitesinde bu renk modları^{(colors modes)} hakkında daha fazla bilgi edinebilirsiniz . Photoshop'a^(Photoshop) ek olarak , çoğu görüntü düzenleyici, bir görüntünün renk derinliğini/modunu değiştirmenize de izin verir.

Görüntüyü kırp

Bir görüntünün boyutunu küçültmenin bir başka kolay yolu da onu basitçe kırpmaktır! Kırpılan her şey görüntüden kaldırılarak tamamlanacaktır. Hangi resme sahip olursanız olun, normalde onu en azından biraz kırpabilirsiniz, bu kesinlikle boyutu küçültmeye yardımcı olacaktır.

Ve bir mahsulün, sadece üstten/alttan veya soldan/sağdan bir şeyler kestiğiniz tipik bir mahsul olması gerekmediğini unutmayın. Favorilerimden biri olan SnagIt Editor^{(SnagIt Editor)} , bir görüntünün ortasından yatay veya dikey olarak görüntülerin bölümlerini kesmenizi sağlayan bir kesme aracına sahiptir. Bu, düşündüğünüzden daha sık işe yarar. Komut yazarken Başlat^(Start) menüsünün ekran görüntüsünü eklemem gereken bir örnek .

Yukarıdaki dosya boyutu başlangıçta 22 KB boyutundaydı. Bunu kullanmak yerine aşağıda gösterildiği gibi ihtiyacım olmayan orta kısmı kestim.

Yeni dosya boyutu sadece 9 KB! Tüm bunlar, herhangi bir sıkıştırma yapmadan veya dosya biçimini değiştirmeden. Sıkıştırdıktan sonra, sadece 4,4 KB'ye indirdim. Bu nedenle kırpma, bir görüntünün boyutunu küçültmenin önemli bir yoludur.

Umarım, görüntünüzün boyutunu küçültmüş ve yol boyunca dijital görüntülerin nasıl çalıştığı hakkında biraz bilgi edinmişsinizdir! Herhangi bir sorunuz varsa, yorum yapmaktan çekinmeyin. Zevk almak!

How to Reduce the Size on an Image File

Previously, I wrоte an article on how to reduce thе size оf an image file usіng the buіlt-in email option in Explorer or by using a desktop program called Image Resizer for Windows. These are good options, but there are several other ways to go aboυt optimizing an image. Also, a lot of websites will tell you to use Paint, but I hаνe found it’s not a good method bеcause 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

• Windows'ta Olay Günlükleri için Dışa Aktarma, Temizleme ve Boyutu Artırma

• Exchange 2007'de Kullanıcı Posta Kutularının Boyutu Nasıl Görüntülenir

• Kitap İnceleme - Windows 8 için Nasıl Yapılır Geek Kılavuzu

• GIMP Eklentilerini Yükleme: Nasıl Yapılır Kılavuzu

• Google Chrome Çevrimdışı (Bağımsız) Yükleyici Nasıl İndirilir

• Kendinizi Çevrimiçi Korumak İçin Firefox Özel Ağı Nasıl Kullanılır

• Dinamik Diski Temel Diske Dönüştürme

• Kendi Dizüstü Bilgisayarınızı Nasıl Yapabilirsiniz?

• Windows Bilgisayarınızı Fareye Dokunmadan Nasıl Uyanık Tutabilirsiniz?

• Google Dokümanlar'da Arka Plan Rengi Nasıl Değiştirilir

• Başka Bir Program Kullanırken Kilitli Bir Dosya Nasıl Açılır

• Bir PDF'yi Güvende Tutmak İçin Parolayla Koruma

• Bu 3 E-posta İstemcisi ile bir Gmail Masaüstü Uygulaması Oluşturun

• Google Slaytlara Müzik Nasıl Eklenir

• AI kullanarak Görüntülerden Arka Planları Anında Kaldırın

• Raspberry Pi Nasıl Güncellenir?

• Kendini İzolasyonla Başa Çıkmak İçin En İyi 8 Teknoloji Fikri

• Windows'ta JAR Dosyası Nasıl Açılır

• Tarayıcınızdan Önbelleğe Alınmış Sayfaları ve Dosyaları Nasıl Görebilirsiniz?

• iPhone ve Android'de QR Kodu Nasıl Taranır?