O que a opção entrelaçada no Photoshop faz?

70

Essa caixa de opções é exibida ao salvar uma imagem PNG do Adobe Photoshop. Eu sempre escolho 'Nenhum'.

O que a opção 'Entrelaçado' faz?

insira a descrição da imagem aqui

adobe-photoshop png save lazer
fonte
11
Basta adicionar (como designer da web) PNGs como o formato de escolha para a Web - a opção de entrelaçamento é bastante muda atualmente, a menos que você esteja trabalhando para uma audiência em modems dial-up. O entrelaçamento original era uma boa opção, pois carregava parte da imagem rapidamente para amenizar a experiência do usuário, ou seja, a longa espera pela entrega da página acima de 56K. Isso não é mais um problema. E no celular, você deve evitar bitmaps e usar vetores - que têm tamanho / carregamento mínimos de arquivo em fração de segundo / escala com mais eficiência. E compile-os como uma fonte, se puder - ainda melhor.
Applefanboy

Respostas:

89

A imagem entrelaçada carrega uma versão degradada anterior da imagem inteira o mais rápido possível e, em seguida, torna progressivamente a imagem para o estado claro. Entrelaçado quase sempre será um pouco maior no tamanho do arquivo.

A imagem não entrelaçada será carregada em blocos, mostrando uma imagem nítida em cada bloco à medida que avança para carregar na imagem.

  • .gif O formato segue a mesma ideia.
  • Em .jpgformato
    • progressiveé o mesmo que interlaced
    • baseline é o mesmo que not interlaced

GIF Simulação de carregamento de um png entrelaçado e um png não entrelaçado usando o Firefox.

insira a descrição da imagem aqui

Clique para ver em tamanho real »

O objetivo da simulação é mostrar como esses dois métodos são visualizados ao carregar a imagem e não comparar seus tempos de carregamento. Entrelaçado quase sempre adiciona um pouco ao tamanho do arquivo e, portanto, carrega um pouco mais devagar. Há também a velocidade percebida que é um pouco subjetiva. Nesta simulação, usei velocidades GPRS (~ 7KB / s) e entrelaçado carregado 3 segundos depois. Algumas pessoas podem dizer que parecia que o Entrelaçado era mais rápido. Alguns podem dizer que é verdade, mas parecia terrível quando a imagem começou a ser carregada. Minha preferência pessoal é não usar entrelaçamento.

Joonas
fonte
4
Existe uma desvantagem da abordagem entrelaçada, por exemplo, um tamanho de arquivo maior?
Jan-Philip Gehrcke
3
@ Jan-Philip Gehrcke O entrelaçamento aumenta um pouco o tamanho do arquivo. O que você deve fazer é primeiro escolher a preferência pessoal ou o caso de uso (não será muito útil no trabalho de impressão). Em seguida, verifique se o entrelaçamento adiciona muito ao tamanho do arquivo e aja de acordo. O JPEG progressivo é muito mais eficiente e realmente não afeta o tamanho do arquivo.
Joonas
15

"Entrelaçar" significa que ele desenha (estou retirando números do ar) a cada quinta linha (linhas 5, 10, 15), depois a cada quarta linha (linhas 4, 9, 14), a cada terceira linha, etc. até que a imagem seja preenchida, em vez de desenhar as linhas 1, 2, 3, 4, 5 etc. em ordem. Isso permite que uma versão incompleta da imagem seja exibida gradualmente e preencha até que seja concluída. Desenhar as linhas em ordem significa obter a imagem de cima para baixo.

O visual de Lollero é uma excelente demonstração.

Lauren-Reinstate-Monica-Ipsum
fonte
11
@ Amphiteót Eu acredito que havia um usuário chamado Lollero que fez um gráfico muito bom ilustrando o conceito, mas essa resposta foi excluída.
Lauren-Reinstate-Monica-Ipsum