comprimindo cruelmente grandes imagens para a web

https://stackoverflow.com/questions/319403

11-07-2019
|

Pergunta

Eu tenho uma grande imagem de fundo (cerca de 940x940 pixels) e eu estou querendo saber se alguém tem dicas para compactar um arquivo deste grande mais longe do que o Photoshop pode segurar? A melhor compressão sem perda grave de qualidade a partir de Photoshop é PNG 8 (250 KB); Alguém sabe de uma maneira de compactar uma imagem ainda mais para baixo do que isso (talvez comprimir um PNG depois de ter sido salvo)?

Eu não normalmente lidar com otimização de imagens deste grande, então eu estava esperando que alguém teria alguns ponteiros.

Solução

Tenha um olhar em http://www.irfanview.com/ , é um oldy mas um presente .

ter encontrado este é capaz de fazer multipass png compressão muito bem, e faz o processamento em lote maneira mais rápida do que o PS.

Há também PNGOUT disponível aqui http://advsys.net/ken/utils.htm, que é aparentemente muito bom.

Outras dicas

Ele primeiro depender de que tipo de imagem que você está tentando compressa. As duas categorias básicas são:

Imagem
Ilustração

Para imagens (tais como fotografias), um lossy compressão formato como JPEG será melhor, uma vez que irá remover detalhes que não são facilmente notado pelos visual humano percepção. Isso permitirá que as taxas de compressão muito alta para a qualidade. A desvantagem é que a compressão excessiva irá resultar em muito perceptível artefatos de compressão .

Para ilustrações que contêm grandes áreas da mesma cor, usando um lossless compressão formato como PNG ou GIF será a melhor abordagem. Apesar de não ser tecnicamente correto, você pode pensar em PNG e GIF irá comprimir repetições da mesma cor muito bem, semelhante ao run-length que codifica (RLE).

Agora, como você mencionou PNG especificamente, eu vou entrar nessa discussão de minha experiência de usar PNGs.

Em primeiro lugar, comprimindo ainda um PNG não é uma opção viável, como não é possível Compactar dados que já tenha sido comprimido . Isto é verdadeiro com qualquer compressão de dados; removendo o entropia a partir dos dados de base (basicamente, padrões de repetição que podem ser representados em mais formas compactas) conduz à diminuição da quantidade de espaço necessário para armazenar as informações. PNG já emprega métodos para imagens de forma eficiente compressa de uma forma sem perdas.

Dito isto, há pelo menos um caminho possível para largar o tamanho de um PNG além: por reduzindo o número de cores armazenados na imagem . Ao usar "cores indexados" (basicamente a incorporação de uma paleta personalizada na própria imagem), você pode ser capaz de reduzir o tamanho do arquivo. No entanto, se a imagem tem muitas cores para começar (como ter gradientes de cor ou uma imagem fotográfica), então você pode não ser capaz de reduzir o número de cores usadas em uma imagem sem perda perceptível de qualidade.

Basicamente, ele virá para baixo a alguma tentativa e erro para ver se as alterações na imagem irá causar qualquer mudança na quailty imagem e tamanho do arquivo.

O comentário por Paul Fisher lembrou-me que eu também provavelmente não recomendaria usar GIF quer. Paul aponta que PNG comprime arte de linha estática melhor do GIF para quase todas as situações.

Eu também salientar que GIF só suporta imagens de 8 bits, por isso, se uma imagem tem mais de 256 cores, você vai ter que reduzir as cores usadas.

Além disso, o comentário de Kent Fredric sobre como reduzir a profundidade de cor tem, em alguns situtations, causou um aumento no tamanho do arquivo. Embora isso é especulação, pode ser possível que hesitar está causando a imagem para tornar-se menos compressível (como pontilhado introduz pixels com cores diferentes para simular uma certa outra cor, tipo de como a mistura de pigmento da tinta de cor diferente para acabar com uma outra cor) através da introdução de mais entropia para a imagem.

Aqui está um ponto os outros cartazes pode não ter notado que eu descobri experimentalmente:

Em algumas instalações, o comportamento padrão é para salvar uma cópia completa do perfil de imagens de cor junto com a imagem.

Isto é, o mapa de calibração do dispositivo, geralmente SRGB ou algo semelhante, que diz ao uso de agentes a melhor forma de mapear a cor para mundo-cores reais em vez dos independentes de dispositivo.

Este perfil imagem é no entanto bastante grande, e pode fazer alguns dos arquivos que você esperaria ser muito pequeno para ser muito grande, por exemplo, um 1px por imagem 1px consumir uma 25kb maciça. Mesmo um formato BMP puro (não comprimido) pode representar 1 pixel em menos.

Este perfil é geralmente não necessária para a web, então, ao salvar as imagens do Photoshop, certifique-se de exportá-los sem este perfil, e você vai notar uma melhoria tamanho marcada.

Você pode retirar esses dados usando uma ferramenta como o GIMP, mas pode ser um pouco demorado se houver muitos arquivos.

pngcrush pode ainda mais arquivos PNG compressa sem qualquer perda de dados, aplica-se diferentes combinações de codificação e opções de compressão para ver qual delas funciona melhor.

Se a imagem for fotográfica na natureza, JPEG vai comprimi-lo muito melhor do que PNG8 para a mesma perda de qualidade.

Smush.It reivindicações para ir "além das limitações do Photoshop". E é grátis e web-based.

Depende muito do tipo de imagem. Se ele tem um monte de cores sólidas e padrões, em seguida, PNG ou GIF são provavelmente a sua melhor aposta. Mas se é uma imagem foto-realista, em seguida, JPG será melhor - e você pode pôr em marcha para baixo a qualidade do JPG para o ponto onde você começa a compressão / qualidade tradeoff que você está procurando (Photoshop é muito bom em mostrar uma prévia do a imagem final como você ajustar a qualidade).

O "comprimir um PNG depois de ter sido salvo" olhares parte como um profundo mal-entendido para mim. Você não pode magicamente compressa além de um certo ponto sem perda de informação.

Primeiro ponto a considerar é se a resolução tem que ser tão grande. Reduzir a resolução em 10% em ambos os sentidos reduz o tamanho do arquivo em 19%.

Em seguida, tentar vários algoritmos de compressão diferentes, com diferentes graus de compressão contra a perda de informações / qualidade. Se a imagem é esboçado, que você pode ir longe com a compressão JPEG bastante rigorosa.

Eu faria telha, a menos que você esteja absolutamente certo de que você público tem largura de banda.

próxima é jpeg2k.

Para obter mais de um arquivo JPEG que você pode usar o 'Definição de qualidade modificado' do "Salvar como Web" diálogo.

Criar uma máscara / selecção que contém branca onde você quer manter o máximo detalhe, eq em torno do texto. Você pode usar o Quick-Mask para desenhar a máscara com uma escova. Ela ajuda a Feather a selecção, isso resulta em uma bela cor branca a transição preto na próxima etapa.
Salve esta máscara / seleção como um canal e dar o canal um nome
Use Arquivo-> Salvar como Web
Selecionar JPEG como formato de arquivo
Ao lado da caixa de qualidade, há um pequeno botão com um círculo sobre ele. Clique isso. Selecione o canal salvo na etapa 2 e jogar com a configuração de qualidade para a parte branca e preta do conteúdo do canal.

http://www.jpegmini.com é um novo serviço que cria jpgs padrão com um impressionante pequeno tamanho do arquivo . Eu tive um bom sucesso com ele.

Para melhores imagens individuais de qualidade, eu recomendo RIOT . Você pode ver a imagem original, além de um alterado.

A ferramenta é gratuita e realmente vale a pena experimentar.

JPEG2000 dá taxas de compressão em imagens de qualidade fotográfica que são significativamente maiores do que JPEG (ou PNG). Além disso, JPEG2000 tem tanto "lossy" e "lossless" opções de compressão que pode ser ajustado muito bem às suas necessidades individuais.

Eu sempre tive muita sorte com jpeg. Certifique-se de photoshop configure para não automaticamente salvar miniaturas em JPEGs. Na minha experiência, eu recebo a maior proporção estrondo / fanfarrão usando 3 passam compressão progressiva, embora linha de base otimizado funciona muito bem. Escolha níveis muito baixos de qualidade (por exemplo, 2 ou 3) e experimento até que tenha encontrado um bom comércio off.

imagens PNG já estão compactados internamente, de uma forma que não beneficia de mais de compressão muito (e realmente pode expandir se você tentar comprimi-lo).

Você pode:

Reduza a resolução de 940x940 para algo menor, como 470x470.
Reduza a profundidade de cor
Compress usando uma ferramenta de compressão lossy como JPEG

Editar: É claro 250KB é grande para um fundo web. Você também pode querer repensar o design gráfico que exige isso.

Césio é a melhor ferramenta que eu já vi.

http://tools.dynamicdrive.com/imageoptimizer permite gerar GIF, JPG ou PNG arquivos de cada um desses formatos, e diz-lhe o quanto a imagem é comprimida (como uma porcentagem do tamanho do arquivo original).

Você pode então escolher o quanto a qualidade que você está disposto a um compromisso para uma imagem mais pequena. Tem funcionado bem para mim.

Licenciado em: CC-BY-SA com atribuição

Não afiliado a StackOverflow