quantos pixels por polegada são melhores para as imagens da web? Dissipar equívocos comuns sobre a resolução de imagens para a web com este guia de .

“But wait,” we hear you Scout, ” why wouldn’t image resolution matter for the web? É suposto eu postar fotos irregulares e difusas no meu site profissional e terminar por hoje?mais devagar!, A qualidade da imagem para fotos online, gráficos e ícones é essencial para proporcionar uma experiência satisfatória de usuário para qualquer um que visita o seu site. No entanto, a resolução de imagens é um termo que tem mais significado na impressão do que online. Vamos mergulhar nos detalhes da Resolução da imagem e determinar o que é realmente importante para imagens vívidas na web.

o que é a Resolução da imagem?

a term leftover from the printing industry, image resolution is the density of the dots or pixels that make up the image. A resolução da imagem é, em outras palavras, a quantidade de informação visual que uma imagem contém. Neste contexto, faz todo o sentido que você queira que suas imagens tenham o máximo de resolução possível, para que elas apareçam afiadas, nítidas e vibrantes.

medimos a resolução da imagem em PPP ou PPI. Na indústria de impressão, a resolução da imagem é medida em pontos por polegada, ou PPP., Translated to digital, image resolution is measured in pixels per inch, or PPI. Você vai ver muitas vezes estes termos usados indistintamente, mas o DPI é reservado para impressão enquanto o PPI é usado para imagens digitais. Uma imagem com um PPI mais elevado tende a ser de maior qualidade devido à sua densidade de pixels.

mas, se o PPI aparentemente tem uma conexão com a qualidade, por que nós, a equipe, insistindo que a resolução de imagens on-line não é um grande negócio? Vamos rapidamente desviar-nos para o passado há muito esquecido — a década de 1980 — e aplicar o que aprendemos ao estado atual da qualidade de imagem.,

resolução padrão da imagem web

historicamente, web designers consideraram 72 PPI a definição “padrão” para imagens destinadas à web. A lógica? Você pode ouvir que a maioria dos ecrãs encaixam automaticamente 72 pixels por polegada. Portanto, nesta Resolução, A imagem é o mais detalhada possível. Mas a história completa é mais complicada.quando a Apple lançou os seus primeiros computadores Macintosh nos anos 80, eles colaram-se a uma tela de 9 polegadas com uma resolução de imagem de 72 PPI., Esta decisão foi prática-as impressoras impressoras de imagens imprimiram imagens a 144 PPP, e esta proporção 2:1 tornou as imagens de escala indolor e simples.

A tecnologia de exibição avançou rapidamente nos trinta e seis anos desde que o Macintosh foi lançado, e agora poucos computadores têm uma resolução de exibição de 72 PPI. Quando você exporta imagens do Photoshop e de outro software de edição de imagens, você pode definir automaticamente a resolução de imagem em 72 PPI, após anos de reforço. No entanto, as exibições variam drasticamente na resolução.se for esse o caso, não há padrão?, Como garantimos que nossas imagens exibam maravilhosamente online, através de todos os dispositivos?

o que afecta a visualização da imagem na Web?

em termos de resolução de imagem para a web, é melhor pensar estritamente nas dimensões de pixels e tamanho de arquivo.

• dimensões de pixels-isto refere-se a quantos pixels constituem a sua imagem, em comprimento e largura. Por exemplo, uma imagem quadrada que mede 360×360 pixels tem 360 pixels em cada linha e 360 pixels em cada coluna., Se a tela do seu computador tem uma resolução de 72 PPI, esta imagem mediria cinco polegadas em cada lado quando exibido em tamanho completo em seu monitor. É uma imagem muito grande!

quanto maiores forem as dimensões da sua imagem, mais profissional será a sua imagem. Se as dimensões de uma fotografia são de 2000×1500 pixels, a imagem ficará fantástica como um cartaz ou como uma pequena foto no lado do seu site., No entanto, se você usar uma imagem medindo 200×150 pixels, ela só parecerá profissional em seu tamanho nativo, menor. Explodir esta imagem para usar como uma imagem de herói resultará em um olhar granulado, desleixado que ninguém que visita o seu site vai apreciar.

• Tamanho do ficheiro — a qualidade da sua imagem irá aumentar à medida que o seu tamanho do ficheiro se torna maior e a quantidade de compressão que a sua imagem está sujeita a diminuições. Seu tamanho de arquivo de imagem é simplesmente o número de bytes que a imagem ocupa em seu computador ou site., As dimensões da sua imagem irão determinar o tamanho do arquivo, mas o tipo de arquivo que você usa para as suas imagens também será um fator significativo. Para decidir entre JPEGs, PNGs, ou mesmo GIFs, leia nossas recomendações para os melhores formatos de imagem para a web.

ao decidir que tipo de ficheiro usar e o nível de qualidade das suas imagens, tenha em mente que a velocidade da página diminui à medida que o tamanho total do ficheiro aumenta., Você quer escolher a qualidade da imagem que parece o melhor, mantendo cada arquivo de imagem pequeno e gerenciável. Quando sua página é lenta e cheia de falhas, a experiência do Usuário sofre. Cinquenta e três por cento dos usuários móveis abandonam páginas web que levam mais de três segundos para carregar. Aumentar o tamanho do arquivo pode resultar em uma melhor imagem, mas pode afetar negativamente o desempenho do site.

quando a Resolução da imagem importa

a resolução da imagem pode não ser relevante na maioria das aplicações digitais, mas na impressão, a resolução da imagem é king., O DPI afetará drasticamente a forma como uma imagem imprime e é de importância primordial quando exporta imagens de software de design e edição, se você não estiver fazendo upload das fotos online.

na impressão profissional, as suas fotos devem ter uma resolução de imagem de pelo menos 300 PPP. O olho humano geralmente não pode diferenciar imagens acima de 200 DPI, mas é prática padrão usar 300 DPI e acima para uma clareza ótima. Verifique sempre as configurações da sua impressora antes de escolher uma resolução de imagem para impressão., Muitas impressoras não conseguem lidar com resoluções acima de 300 DPI, e usar tal configuração pode criar estranhos artefatos visuais.

para o contexto: se quiser imprimir uma imagem de 4 polegadas por 6 polegadas a 300 PPP, deverá medir 1200×1800 pixels antes de imprimir. Ao fotografar imagens com uma câmera, os fotógrafos devem atirar em uma resolução mais alta do que o que eles vão precisar para imprimir. Então eles podem afiar e reduzir as imagens em software de edição de fotos.

ao editar imagens para impressão, é melhor usar os formatos de arquivo TIFF ou EPS., Estes tipos de arquivos são sem perdas, O que significa que você não vai comprimir ou comprometer a imagem ao salvar e reabrir. No entanto, estes arquivos são grandes e pesados.imagem de capa via Who is Danny. Imagem de tela via Galyna Andrushko.,

Descubra mais dicas sobre como criar seu site com estes artigos:

• O Melhor Site-Pronto Imagens para Iniciar a Sua Presença Online
• Como criar um Site: 10 Regras de Ouro para Iniciantes
• Simples Layout do Site de Dicas de Design de Qualquer pessoa Pode Seguir
• Como mudar o tamanho de Imagens para a Web Sem Perda de Qualidade
• Um Guia Prático para o Visual Design do Site