Qual DPI deve ser usado para quais situações?

30

Eu tenho visto a palavra 'DPI' aparecer bastante quando exporto meu trabalho no Photoshop e no Illustrator. Embora eu saiba que DPI significa 'pontos por polegada' e que, se você tiver um DPI muito baixo em uma imagem, ocorrerá uma pixelagem pesada se você tentar aumentar o zoom, qual seria o DPI ideal para quais situações?

Por exemplo (Situações):

  • Exportando um desenho A4 de impressão
  • Layout do site
  • Logotipo (apenas site - um pouco menor que o atual SE Graphic Design.)
  • Logotipo (Dimensionamento para cima e para baixo - de cartões de visita a banners grandes).
JFW
fonte
4
Acho que as outras respostas o abordaram, mas apenas para acrescentar que tecnicamente você deveria estar falando sobre PPI (pixels por polegada) quando estiver falando sobre a preparação de imagens. Pontos por polegada medem a resolução do seu dispositivo de impressão e não são a mesma coisa. Observe também que esse termo ainda permanece, mesmo onde a métrica é usada para todo o resto (OK e pontos para tamanhos de tipo).
e100
"Eu tenho visto a palavra 'DPI' aparecer bastante quando exporto meu trabalho no Photoshop e no Illustrator." Onde exatamente? Você pode dar uma captura de tela?
e100
Concordo, mas 72 dpi para o layout da web é o melhor negócio para o tamanho da fonte em pt e px (no photoshop).
benoît 10/06/12

Respostas:

19

Eu sempre achei que o DPI era um pouco impróprio ... Isso só se aplica se você estiver imprimindo uma imagem, caso contrário, pixels são pixels. Para uma imagem em um site, bem, isso realmente não importa, basta obter o maior número possível, para caber no tamanho necessário. As impressoras variam um pouco, mas geralmente cerca de 300 DPI é uma boa regra para qualquer tamanho do tamanho de uma folha de papel ou menor.

Para o Logos, espero que eles estejam sendo projetados em um programa vetorial, o que significa que o DPI pode ser ajustado para qualquer tamanho do objeto.

PearsonArtPhoto
fonte
1
Eu não consideraria um nome impróprio (afinal, são os pontos no papel), mas você está certo de que o DPI se aplica apenas à impressão e não é exibido em uma tela. Eu fiz uma explicação muito completa sobre esta resposta graphicdesign.stackexchange.com/questions/1760/...
jhocking
7

Recentemente, li as maravilhosas perguntas e respostas de jrista em photo.stackexchange .

Enquanto a pergunta é intitulada "Como gerar impressões de alta qualidade com uma impressora a jato de tinta?" abrange bastante as relações de DPI e PPI e possui exemplos de impressão do mundo real.

Conteúdo atual de perguntas e respostas:

Jari Keinänen
fonte
5

Especificamente no PPI para web ou outras imagens na tela: 72PPI (ou 75 ou 96) é um mito.

Sim, há uma figura que os aplicativos usam para decidir quantos pixels usar para renderizar as fontes especificadas em pontos, mas isso não tem nenhuma relevância para as imagens, exceto:

  • se o documento do Photoshop tiver 72ppi, não importa se as unidades de fonte estão definidas em pontos ou pixels, pois fornecerão o mesmo resultado para qualquer valor numérico. Isso pode ser um pouco mais conveniente, mas realmente não faz sentido usar pontos em imagens baseadas em pixels. É como tentar criar um banner da web com exatamente 1,5 cm x 10 cm ou uma página da web com exatamente 12 "de diâmetro.

A única outra situação em que consigo pensar em que o PPI é relevante é:

  • onde você deseja imprimir um layout de tela com o mesmo tamanho, ele aparecerá em uma determinada tela. Nesse caso, sim, você definiria o PPI da imagem para o da tela.

    Dado que a resolução da tela varia amplamente, isso será apenas uma aproximação, na melhor das hipóteses, para uma determinada classe de dispositivo, e em telas modernas é provável que seja 100PPI ou superior (muito maior no iPhone 4). Mas se você estiver projetando para um único dispositivo, pode ser útil.

(Acho que me deparei com outro exemplo em que as imagens precisavam ser preparadas a 100dpi ao usar o MS Word para criar e-mails em HTML, mas eu realmente não quero entrar nisso novamente).

e100
fonte
1
Em relação aos iPhones da Retina e iPads da Retina (e provavelmente aos Macs da Retina): a Apple define um ponto como dois pixels; portanto, os pontos são importantes, mas não da maneira que o @JFW provavelmente está perguntando. Eu concordo com tudo o que você disse. Se você deseja facilitar sua vida, os PSDs da Web e de aplicativos devem ter 72PPI, mas isso geralmente não importa.
Marc Edwards
3

Para uma foto impressa em uma impressora offset, a regra geral é que você deseja que a resolução da foto seja o dobro do ponto da tela de meio-tom. Por exemplo, se você tem uma tela de 150lpi, sua imagem deve ter pelo menos 300 dpi no tamanho final.

A maioria dos monitores LCD modernos possui aproximadamente 100dpi de resolução física.

Para o design do site, você deve ter o logotipo como arte de linha em algum formato gráfico vetorial, como SVG ou EPS. Em seguida, renderize-o com cerca de 4x o tamanho (ou seja, número de pixels) que você realmente deseja e amplie o plano de fundo para 4x o tamanho. Mesclar os dois e redefinir a amostra do arquivo resultante de volta ao tamanho. Isso fornecerá um logotipo sem serrilhado mesclado em segundo plano.

ConcernedOfTunbridgeWells
fonte
Isso parece promissor, gostaria que fosse explicado com mais clareza o que se entende por "mesclar os dois" e "reamostrar o arquivo resultante de volta ao tamanho".
Kzqai 11/11/12
Por 'Mesclar os dois', quero dizer, use o photoshop ou outro editor de imagem para colar o logotipo no fundo. A imagem que você tem é de 400% (de acordo com as instruções na postagem). Agora reduza-o para 100% usando a reamostragem para suavizar as bordas do logotipo.
ConcernedOfTunbridgeWells
2

Primeiro, tente usar vetores quando puder (especialmente para impressão). Os vetores têm DPI 'infinito'.

Ao usar imagens de bitmap em seu design, tente manter o DPI e a resolução originais. Você sempre pode exportar o produto final para o DPI desejado. Para impressão, isso geralmente é de 300 DPI, mas às vezes é mais.

Ao exportar para uma página da web, você precisa saber o tamanho do resultado, em pixels (a resolução). No Illustrator, você pode especificar o DPI e isso mudará a resolução da imagem exportada.

alwin
fonte
Confunde DPI e PPI.
e100
1

A pergunta é válida, mas muito vaga para ser respondida com alguma especificidade. Em geral, a resolução que você precisa para sua imagem depende:

  • o tipo de imagem
  • o tamanho da peça final
  • a tecnologia de impressão de tipo usada
  • o que está sendo impresso
  • etc.

A resposta específica é os gráficos da web: não há conceito de DPI para imagens que estarão na tela. Você só precisa lidar com dimensões de pixel.

Ao imprimir, você precisa lidar com coisas como o tipo de impressão (a impressão em tela seria menor que a litografia offset, por exemplo), o tipo de substrato (a impressão em papel revestido com argila usaria normalmente uma imagem DPI muito mais alta do que a impressão em papel de jornal teria), o tipo de imagem (as imagens impressas com uma tela de linha [como fotos] não precisam ter a resolução mais alta que a arte de linha), o tamanho da peça final (um cartaz não precisa da mesma resolução que uma brochura brilhante) etc.

Em termos gerais, as fotografias são tipicamente definidas em 300DPI. Arte de linha em algum lugar entre 600 e 1200DPI. A impressão em grande formato é tipicamente 100DPI ou aproximadamente.

Observe que os termos dpi e ppi às vezes são usados ​​de forma intercambiável. Tecnicamente, geralmente devemos usar PPI quando se trata de resoluções de imagem para impressão, mas o DPI também é um termo usado há muito tempo. Pesquise DPI e PPI neste site para ver muitas discussões sobre esse tópico.

DA01
fonte
-1

Normalmente, eu uso isso:

  • 72 DPI para tudo na tela (às vezes 75 DPI também). Dessa forma, a versão impressa desta imagem será ruim ou pequena. Útil se você deseja proteger suas imagens.
  • 150 DPI para impressão de pequena qualidade (demos para impressões futuras, site etc para clientes)
  • 300 DPI (a 450) para uma impressão de boa qualidade sem alta resolução.

Como já mencionado, imagens vetoriais são bastante úteis. Primeiro, uma vez que uma impressora profissional pode produzir qualquer dimensão disso para o papel. Além disso, você pode exportá-los de 72 DPI para a Web para 300 para imprimir na mesma fonte.

Shikiryu
fonte
"72 DPI para tudo na tela ... Dessa forma, a versão impressa desta imagem será ruim ou pequena." Você quer dizer no cenário em que o cliente obtém apenas uma cópia de visualização impressa, não o próprio arquivo?
e100
Confunde DPI e PPI.
e100
-1

Para imprimir fotografias, 300 dpi devem ser suficientes. Para texto ou qualquer coisa tipográfica, 600dpi é o caminho a percorrer.

Realmente não importa na web, 72dpi é bom por lá.

Jakub Arnold
fonte
1
Confunde DPI e PPI.
e100
-2

300 dpi é o padrão para projetos de impressão (especialmente para impressão offset).

As imagens vetoriais têm resolução ilimitada, por isso é melhor para dimensionar logotipos.

150 dpi geralmente é usado para projetos impressos extragrandes.

Mas quando se trata de web, a resolução é normalmente em torno de 72 dpi. No entanto, quando quero uma melhor qualidade para um logotipo em um site, é uma questão de formato de arquivo. Eu uso png-24, que oferece melhor qualidade para um logotipo, jpeg para qualquer foto.

Annie
fonte
Confunde DPI e PPI; não há um bom motivo para criar imagens da Web em qualquer DPI específico - basta criar a imagem nas dimensões de pixel necessárias.
e100
-3

Quando trabalhei em um editor, a regra era de pelo menos 600 dpi para impressão e 72 dpi para imagens sendo formatadas para serem colocadas na web.

Kaji
fonte
2
Não há um bom motivo para criar imagens da Web em qualquer DPI específico - basta criar a imagem nas dimensões de pixel necessárias.
e100
-5

96 DPI / PPI para web / tela. A Apple usa 72, mas a Microsoft usa 96, a maioria das pessoas não sabe disso ...

Matt Rockwell
fonte
Não há um bom motivo para criar imagens da Web em qualquer DPI específico - basta criar a imagem nas dimensões de pixel necessárias. Os valores dos quais você está falando estão relacionados a quantos pixels são usados ​​para renderizar as fontes especificadas em pontos.
e100