Conteúdo

Quando carregam imagens para o seu website, os fotógrafos estão frequentemente preocupados com o que DPI usar para as suas imagens.

Este é um equívoco muito comum, e este artigo destina-se a esclarecer isto de uma vez por todas: O DPI não importa na web, é apenas um campo de texto que funciona como uma instrução para o processo de impressão. Apenas as dimensões reais dos pixels são importantes.

Vamos esclarecer isto de uma vez por todas:apenas as dimensões dos pixels importam na web

Todo o fluxo de trabalho da fotografia digital é baseado em pixels:

  • O senzor da câmera DSLR tem pixels
  • O arquivo de imagem salvo no cartão de memória da câmera está em pixels. Os fabricantes também anunciam “mega-pixels”, o número total de pixels em uma imagem.
  • Ao importar para o seu software de edição (como o Lightroom), que funciona em um nível de pixel também.
  • Quando você carrega imagens para o seu site, os navegadores as exibem com base em suas dimensões de pixel. Tudo na web é medido em pixels, não em unidades de distância do mundo real.

E se você estiver digitalizando fotos antigas, a configuração de DPI ali simplesmente diz ao scanner para criar uma quantidade X de pixels para cada polegada de papel, tudo é “traduzido” para pixels novamente.

O único momento em que o DPI/PPI entra em ação é no nível da impressora: a impressora precisa decidir quantos pixels da imagem devem ser impressos por unidade física de tamanho de papel (o padrão é polegadas).

DPI é, portanto, apenas um campo de texto salvo nos metadados da imagem (como os outros valores IPTC e EXIF), instruindo a impressora quantos pixels por polegada devem ser impressos. Quanto maior o valor, maior a qualidade de impressão que você obterá.

Então DPI é apenas uma recomendação nos metadados da imagem. Ao imprimir a imagem, você está livre para substituí-la e imprimir em um DPI diferente. Com a mesma fonte de imagem, você pode precisar criar uma pequena impressão 10×15, um calendário de parede, ou um outdoor gigante. Esses são todos valores diferentes de DPI basicamente.

Mas na web, o DPI é ignorado.

350 x 438 px / 72 DPI / 40.512 bytes 350 x 438 px / 300 DPI / 40.512 bytes 350 x 438 px / 9999 DPI / 40.512 bytes

Note como a definição de diferentes valores de DPI (72, 300, 9999) para esta imagem não altera em nada o tamanho do arquivo, nenhuma informação fotográfica é alterada.

Exemplos de perguntas (erradas) dos fotógrafos:

  • “Preciso de carregar versões 300 dpi de todas as minhas fotos?”
  • “Devo converter os ficheiros JPG para 72 DPI?”
  • “Para os ecrãs de retina, preciso de definir o DPI para o dobro?”
  • “Muitas vezes, se eu for com os 72dpi normais para qualquer coisa baseada na web no tamanho que eu quero, ele acaba parecendo pixelizado na minha tela de alta resolução, então agora, eu só vou para ‘maior do que eu acho que precisa ser’ para garantir uma aparência nítida naquelas telas de retina.”
  • “Minhas imagens são 1500 pixels em sua maior dimensão, 72 dpi e salvas em 6 jpg de qualidade, está OK?”
  • “Eu carreguei-as como 1200px no comprimento 72 dpi para carregamento rápido… este tamanho é bom?”
  • “Qual DPI devo usar para imagens no site?”

De onde vem a confusão?

O diálogo “Image Size” do Photoshop pode às vezes ser confuso:

Com a opção “Resample” ativada, mudar o PPI de 72 para 300 aumenta as dimensões dos pixels de 2760×2070 para 11500×8625 usando resampling. Isso não é realmente melhorar a qualidade da imagem (muito pelo contrário), é apenas esticar as dimensões da imagem com a informação de pixel existente. A reamostragem não é uma solução, uma vez que ainda está ligada à resolução nativa.

Se você desativar a opção “Resample”, mudar o PPI não tem efeito nas dimensões dos pixels (2760×2070), é simplesmente dizer-lhe quantos centímetros as imagens terão quando impressas com essa resolução. Nenhuma alteração é feita na qualidade real da imagem, é apenas definir o campo PPI nos metadados.

Mas você vai notar que o diálogo Export do Photoshop (que especificamente gera imagens para a web) só funciona em pixels, sem visualizar as configurações de DPI/PPI:

Para os propósitos deste artigo, eu estou usando DPI e PPI intercambiavelmente. Eu sei que eles são completamente diferentes, mas muitos fotógrafos os misturam e ambos são irrelevantes para a web.

E se você estiver vendendo impressões?

Ganho, só as dimensões dos pixels importam. Quanto maiores forem as suas imagens, maiores são as impressões que pode obter num DPI específico.

Por exemplo, para manter um nível de qualidade de 300 dpi ao imprimir, uma imagem de 12PM a 4032 x 3024 pixels pode ser impressa a 13,44 por 10,08 polegadas (~ 32 por 25 cm).

Se imprimir as 3 imagens acima (no software DPI-aware) obtém tamanhos diferentes na página:

Impressão A4. Tamanho da imagem em papel: 4,86 x 6,08 polegadas. Impressão A4. Tamanho da imagem no papel: 1,17 x 1,46 polegadas. Impressão A4. Tamanho da imagem no papel: 0,04 x 0,04 polegadas.

E mesmo assim, você pode escalar manualmente a imagem conforme necessário para a impressão, basicamente ignorando o valor do PPI embutido:

Leitura adicional

  • Como otimizar as imagens para o desempenho do website: tamanhos de imagem, compressão, ferramentas & teste
  • O Mito do DPI
  • Image DPI na Web
  • Pixels por polegada é apenas uma tag
  • 72 DPI… Porquê?

Conclusão

Com tudo relacionado com o seu site de fotografia, apenas as dimensões dos pixels da imagem importam. Você pode ignorar DPI/PPI, que é apenas um pedaço de metadados, relevante apenas para impressão e digitalização.

E se você estiver vendendo impressões, você pode definir o valor do DPI para qualquer valor que você se sinta confortável (como 300), que age como o nível de qualidade padrão em que as pessoas podem imprimi-las (embora possam sempre mudá-lo conforme necessário).