Como encaixar em cada meio pixel (0,5) no ilustrador?

Estou tentando otimizar um gráfico de vetor para que ele se alinhe bem a pixels, mas se eu tentar alinhar a grade de pixels perco muito a qualidade e ainda preciso ajustar com incrementos de 0,5 px.

Como posso obter esse comportamento? … Sem perder o recurso de visualização de pixels.

Você pode configurar uma grade nas Preferências para ter uma linha de grade a cada 0,5 pt (o mesmo que px na AI). Em seguida, ative Snap à grade no menu Exibir . Isso permitirá que você ajuste em incrementos de 0,5 px. No entanto, isso não vai importar.

Enquanto você pode colocar um objeto em um pixel de 1/2 (ou 1 / 2pt no Illustrator), na saída, tudo é ajustado (sem serrilhado) para pixels completos. Isso pode ser visto ativando a Visualização de pixel no menu Exibir .

Por exemplo ... um quadrado de 1/2 pixel:

E com o Pixel Preview:

Você pode ver que os meio pixels são convertidos em pixels completos na saída. O Illustrator não produzirá obras de arte com meio pixel.

Salve essa imagem de meio pixel ... abra no Photoshop e amplie 3200% ....

Todos os meios pixels serão anti-alias e tratados dessa maneira na saída. Qualquer esforço que você fizer para construir restrições de 0,5 pixel será anulado por qualquer saída do arquivo, pois um único pixel é o menor elemento de tela.

Mas você provavelmente está dizendo a si mesmo: "Eu só preciso de algumas bordas para acomodar meio pixel. Não uma imagem de meio pixel".

Bem, as bordas também terão anti-alias ao pixel mais próximo ...

(A borda inferior repousa sobre meio pixel. A borda preta tem meio pixel de largura).

E visualização de pixels ....

Ah, mas vamos desativar "Anti-Alias ​​Artwork" nas preferências do Illustrator e ver Pixel Preview então ....

A resposta é realmente não trabalhar com 0,5 pixels, mas alterar o trabalho artístico para parecer correto em pixels completos.

Os vetores podem alterar um pouco as regras em alguns casos específicos, mas, de um modo geral, não há incremento de 0,5 px. (A menos que falemos px de CSS em dispositivos retina, mas esse é um tópico totalmente diferente)

Um pixel é a menor unidade em um monitor.

Na imagem acima, cada conjunto de uma luz vermelha, uma verde e uma azul é um único pixel. O dispositivo informa à tela como equilibrar o brilho dessas três cores, um conjunto (pixel) de cada vez, para que seus olhos percebam uma determinada cor. Seu monitor não considera unidades menores que isso.

Existem algumas exceções limítrofes. Como uma borda de uma forma de vetor que não se alinha perfeitamente com pixels, ocorre algum tipo de suavização de serrilhado. Ainda não existem negócios de meio pixel disponíveis no momento em que as informações chegam ao seu monitor. Além disso, com dispositivos ultra HD, como telefones inteligentes modernos, um px em CSS não é mais igual a um pixel. Ainda não há meio pixel, mas em dispositivos retina (ultra HD), para o bem da conversa, você pode considerar um pixel como um meio e meio px, a proporção de pixels é de 2: 1.