Anteriormente, escrevi um artigo sobre como reduzir o tamanho de um arquivo de imagem  usando a opção de e-mail integrada no Explorer ou usando um programa de desktop chamado Image Resizer for Windows . Essas são boas opções, mas existem várias outras maneiras de otimizar uma imagem. Além disso, muitos sites dirão para você usar o Paint , mas descobri que não é um bom método porque as imagens parecem muito piores.

Em primeiro lugar, é importante entender que alguns métodos usados ​​para reduzir o tamanho de uma imagem resultarão em uma imagem de qualidade inferior, o que pode ser bom para um site, mas não para impressão. Isso geralmente ocorre quando você altera a resolução de uma imagem, digamos, de 2560×1440 para 1920×1080.

Outra maneira de reduzir o tamanho de uma imagem é comprimi-la. Existem dois tipos de compressão: sem perdas e com perdas. A compactação sem perdas^(Lossless) reduzirá o tamanho da imagem sem perder um único pixel do arquivo original. Com perdas^(Lossy) significa que alguns dados serão perdidos.

Por fim, o formato da imagem também faz uma grande diferença no tamanho do arquivo. Uma foto normal que você tira de sua câmera provavelmente será uma imagem JPG porque isso funciona bem em termos de compactação. No entanto, imagens com poucas cores (256 cores ou menos) serão muito menores se você usar GIF . PNG é um formato sem perdas que pode ser altamente compactado. Funciona bem para gráficos da web e fotografias complexas.

Neste artigo, dou alguns exemplos com capturas de tela de compactação de uma imagem usando vários formatos para que você possa ver as diferenças de tamanho e qualidade.

Como reduzir o tamanho da imagem

Vamos começar falando sobre como você pode reduzir o tamanho da imagem sem perder qualidade. Isso lhe dará o menor arquivo, mantendo a qualidade original da imagem. Obviamente, usar compactação com perdas fornecerá arquivos muito menores, como você verá nos exemplos abaixo, mas perderá um pouco de qualidade.

Formato e compactação

Primeiro, vamos começar com um gráfico de cores planas. Como exemplo, acabei de tirar uma captura de tela do site HDG (600×319), pois tem poucas cores e não é complexo. Aqui estão os tamanhos dos arquivos nos diferentes formatos sem nenhuma compactação:

GIF original: 27 KB

JPEG original: 67 KB

PNG original: 68 KB

Como você pode ver, os arquivos PNG e GIF são definitivamente mais nítidos que os JPEG . Como mencionado anteriormente, o JPEG é melhor para fotografia. O GIF^(GIF) se sai bem aqui, pois tem apenas 27 KB em comparação com o PNG , que é de 68 KB. No entanto, na minha experiência, os PNGs são compactados muito melhor se for uma compactação com perdas e a qualidade da imagem ainda for muito boa.

Quando fiz uma compactação sem perdas das três, apenas as imagens JPG e PNG foram reduzidas em tamanho, mas não muito. O PNG foi para 45 KB e o JPG foi para 58 KB. Quando fiz uma compactação com perdas, os números para PNG foram os mais impressionantes.

GIF com perdas: 22 KB

JPEG com perdas: 50 KB

PNG com perdas: 23 KB

Como você pode ver, o PNG parece o melhor e é apenas 1 KB maior que o GIF ! É por isso que eu uso imagens PNG neste site para a maioria das minhas capturas de tela. JPEG normalmente será sempre melhor para imagens fotográficas com muitas cores. Mas lembre-se, JPG é apenas 16 bits, enquanto PNG é 24 bits, então JPG suporta milhões de cores, mas PNG suporta cores ilimitadas.

O GIF reduziu apenas 5 KB, mas ao mesmo tempo perdeu muita qualidade. O JPG não compacta muito, mas os JPGs^(JPGs) normalmente não compactam tão bem quanto os PNGs .

Você pode usar seu aplicativo de fotos para alterar o formato de uma imagem para ver qual tamanho é menor. Para compactação, recomendo usar ferramentas online, pois elas fazem um ótimo trabalho. Eu pessoalmente uso o Kraken.io para meus sites, mas existem outros bons por aí, como TinyPNG  e Optimizilla .

Alterar resolução de imagem

A principal maneira de reduzir uma imagem é diminuir a resolução da imagem. Se você tiver um arquivo de 4.000 × 2.500, reduzir o tamanho para 2.000 × 1.250 fará com que o arquivo tenha metade do tamanho. Obviamente, você perderá uma grande parte da imagem original nos dados, mas, dependendo da sua finalidade, isso pode não importar.

Cada programa de edição de imagem terá uma maneira de alterar ou redimensionar a imagem. Aqui você pode alterar a largura/altura ou a resolução, que normalmente é pontos por polegada ( DPI ) ou pixels por polegada ( PPI ). Leia este ótimo artigo sobre a diferença entre DPI e PPI^{(difference between DPI and PPI)} . Para qualquer coisa na web, você só precisa se preocupar com pixels, não com pontos. Os pontos^(Dots) só afetarão as imagens impressas.

Assim, por exemplo, meu site só pode ter imagens de até 680 pixels de largura. Portanto^(Therefore) , sempre redimensiono uma imagem para 680 pixels ou menos antes de carregá-la porque, caso contrário , o WordPress a redimensionará para 680px para mim, mas o tamanho do arquivo será maior do que o necessário.

Se você quiser entender mais sobre o número de 72 pixels/polegada e a opção de reamostragem, confira este excelente post^{(excellent post)} que entra em detalhes.

Alterar profundidade/modo de cor

No exemplo acima, se você tiver uma imagem com apenas algumas cores, não precisará usar um formato de imagem que suporte milhões de cores. No meu exemplo de página da Web, o GIF só precisa suportar cores indexadas^(Indexed) e 8 bits/canal.

Você pode escolher a cor RGB e 16 bits/canal, mas a imagem terá a mesma aparência, mas terá um tamanho de arquivo maior. Você pode ler mais sobre esses modos de cores^{(colors modes)} no site da Adobe. Além do Photoshop , a maioria dos editores de imagem também permite alterar a profundidade/modo de cor de uma imagem.

Cortar imagem

Outra maneira fácil de reduzir o tamanho de uma imagem é simplesmente cortá-la! Qualquer coisa que for cortada será completamente removida da imagem. Não importa qual imagem você tenha, normalmente você pode cortá-la um pouco pelo menos, o que definitivamente ajudará a reduzir o tamanho.

E observe que um corte não precisa ser apenas o típico em que você corta as coisas de cima/baixo ou esquerda/direita. SnagIt Editor , um dos meus favoritos, tem uma ferramenta de recorte que permite recortar partes de imagens do meio de uma imagem horizontal ou verticalmente. Isso vem a calhar com mais frequência do que você imagina. Aqui está um exemplo onde eu tenho que incluir uma captura de tela do menu Iniciar^(Start) ao digitar um comando.

O tamanho do arquivo acima era originalmente de 22 KB. Em vez de usar isso, cortei a parte do meio, que não precisava, como mostrado abaixo.

O novo tamanho do arquivo é de apenas 9 KB! Tudo isso sem precisar fazer nenhuma compactação ou alterar o formato do arquivo. Depois de comprimi-lo, baixei para apenas 4,4 KB. Portanto, o corte é uma maneira importante de reduzir o tamanho de uma imagem.

Espero que você tenha reduzido o tamanho da sua imagem e aprendido um pouco sobre como as imagens digitais funcionam ao longo do caminho! Se você tiver alguma dúvida, sinta-se à vontade para comentar. Aproveitar!

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-іn emаil option in Explorer or by using a dеsktop program called Image Resizer for Windows. These are good options, but there are several other ways 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 thе 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

• Exportar, limpar e aumentar o tamanho dos logs de eventos no Windows

• Como exibir o tamanho das caixas de correio do usuário no Exchange 2007

• Revisão do Livro - O Guia Geek How-To para Windows 8

• Instalando plug-ins do GIMP: um guia de instruções

• Como baixar o instalador offline do Google Chrome (autônomo)

• Como abrir um arquivo bloqueado quando outro programa está usando

• Como corrigir o AirDrop que não funciona do iPhone para o Mac

• Como digitalizar um código QR no iPhone e Android

• Como proteger um PDF com senha para mantê-lo seguro

• Usando a interface da Web de transmissão

• Como recuperar uma conta hackeada do Facebook

• Como atualizar o Raspberry Pi

• Remova instantaneamente fundos de imagens usando IA

• 8 das melhores ideias de tecnologia para lidar com o auto-isolamento

• Como construir seu próprio laptop

• Como abrir um arquivo JAR no Windows

• Como adicionar música ao Google Slides

• Como digitalizar DVDs

• Desinstale e reinstale o IE no Windows 7

• Como realizar um teste de estresse da CPU