AULÃO SOBRE RESOLUÇÃO DPI e QUALIDADE DE IMAGEM 72DPI x 300DPI e DPIxPPI

E aí pessoal seja muito bem-vindos a mais uma aula do nosso canal esta é mais uma aula do nosso curso de design gráfico um curso totalmente gratuito que está acontecendo aqui no YouTube e na aula de hoje nós vamos aprender sobre o que é dpi vocês vão entender Para que serve o dpi Como usar o dpi E por que ele é tão importante no seu trabalho porque que essa aula tá aqui no começo do nosso curso de design gráfico o dpi vai ser usado em todos os trabalhos que você vai realizar tá bom não importa

o serviço dos mais simples aos mais complexos você vai ter que saber aplicar o dpi no trabalho então vamos entender com calma o que quer dizer isso tá avançando aqui nós vamos ver a definição do que é dpi olha só então dpi ele significa dots per Ink ou seria pontos por polegada tá é a tradução deste termo aqui em ele se refere à resolução de uma imagem tá ele é usado para descrever o número de pontos de tinta de uma impressora ou seja o número de pontos que a impressora vai colocar na imagem em uma

polegada imagina que você vai pegar um pedacinho dessa imagem como por exemplo este logotipo da Nasa que tá aqui no bolso do astronauta tá Então imagina que aqui tem uma polegada quando você amplia você já consegue ver os pontinhos que tem na impressão certo se você ampliar mais você vai conseguir ver estes pontos aqui que são os pontos que formam a imagem em si Beleza então o dpi basicamente é estes pontinhos um dpi seria um pontinho desse daqui certo 30 dpis seria 30 pontinhos destes espalhados numa polegada 60 dpi seriam 60 pontinhos destes espalhados em

uma polegada quanto mais pontinhos a imagem tiver mais nítida ela vai ser isso está relacionado com a resolução da imagem que será impressa Beleza então ó para ficar claro para vocês o dpi ele se refere à impressão tá bom são os pontos que a impressora causa na imagem quando ela tá imprimindo são imagina que a impressora ela vai colocando pontinhos de tinta num papel tá então eh quantos pontinhos ela consegue colocar em uma polegada isso é o dpi agora seguindo pra frente nós temos uma outra unidade de medida que ela é bastante usada que é

o PPI o PPI seria pixels per Inc ou pixels por polegada essa medida já vai se referir aos pixels que vão terem uma tela ou um monitor mas o princípio é o mesmo quanto menos pixels tiver ou quanto menos quadrinhos como esse tiver em uma polegada mais imperfeita vai ser a imagem quanto mais tiver mais a imagem vai ser detalhada até que você vai chegar num ponto que a imagem vai ficar com os pixels tão pequenininhos como é o caso dessa aquii que você não enxerga eles você só vai enxergar se você ampliar bem a

imagem aí você vai ver estes pontinhos aqui tá bom então quando nós estamos falando de pixxel por polegada ou PPI nós estamos nos referindo a como os pixels são apresentados na tela seja a tela de um computador a tela de um celular qualquer tela digital e quando nós falamos sobre dpi nós estamos nos referindo aos pontos de impressão os pontos que são impressos em uma polegada de imagem perfeito Deu para entender PPI e dpi basicamente essas unidades elas vão fazer a mesma coisa tá é a mesma coisa quando você tiver usando aí no seu dia

a dia se você colocar um tanto de dpi vai ser a mesma coisa que colocar esse mesmo tanto de PPI ela só tem nomenclaturas diferentes porque aplicação delas é diferente o que elas querem dizer é uma coisa diferente tá bom mas basicamente assim de grosso modo falando de grosso modo elas querem dizer a mesma coisa ou seja para ficar claro para vocês vocês vão entender isso agora vendo esta imagem aqui olha aqui vocês vão ver uma uma representação de uma poada tá bom E aqui dentro vai ter C dpi ou seja dentro desta polegada tem

cinco pontos na horizontal e cinco pontos na vertical e esses pontos espalhados eles formam uma imagem São linhas de pontos certo vai ter cinco linhas na vertical cinco linhas na horizontal formam uma imagem de 5 dpi uma imagem de 10 dpi ela vai ter no caso 10 linhas na vertical e 10 linhas na horizontal formando assim uma imagem de 10 dpis Note para você ver que a forma já começa a ficar definida aqui você não percebe que é uma bolinha que é um círculo aqui você já consegue perceber com 20 dpis já vão ser 20

pontinhos aqui na horizontal e 20 pontinhos na vertical formando então a imagem de 20 dpis então quanto mais pontinho tiver a imagem mais nítida ela vai ser até que ela chega no máximo de 72 dpis que é o máximo que você precisa para a maioria dos monitores que existem para a maioria das telas que existem eh seja de celular seja de computador por isso aqui quando você vê aqui olha o 72 dpis e o 300 DPS você praticamente não vê diferença entre eles eles são praticamente iguais aqui na tela ou no monitor A diferença vai

ser na impressão Quando você vai imprimir o material o material com 72 dpis ele já vai ficar visivelmente com baixa qualidade comparado com um de 300 dpis na maioria das Telas você não vai notar essa diferença mas na impressão ela vai ficar bem nítida tá bom isso vai servir seja para o dpi quanto para o PPI tá é a mesma coisa o uma imagem de 5 por5 PPI vai ser exatamente isso daqui de 10 por 10 PPI vai ser exatamente isso daqui o princípio é o mesmo a única coisa que essa definição dela no caso

o PPI é para fins digitais e o dpi para fins impressos Mas normalmente no seu dia a dia quando você tiver conversando com outros designers usando programas a maioria dos programas a maioria das conversas vai ser sempre sobre dpi já define o dpi como principal parâmetro tá o PPI você vai encontrar em algum programa Vai est escrito PPI Mas você já sabe o que quer dizer a mesma coisa basicamente beleza bom entendendo então este princípio de imagens digitais com 72 dpis e imagens impressas com 300 dpis nós chegamos à conclusão de que qualquer imagem que

tiver menos que 72 dpis ou PPI no caso para fins digitais ela é considerada uma imagem de baixa resolução certo a imagem com menos de 72 vpis numa tela ela vai aparecer borrada ou pixelizada então ela vai ser uma imagem considerada de baixa qualidade por isso que a gente trabalha com essa métrica padrão paraa imagens que serão representadas digitalmente Isso quer dizer que você não pode usar uma imagem maior com mais pixeis digitalmente você pode usar não tem problema só que os seus olhos não vão notar a diferença de uma imagem com mais de 72

dpis na maioria dos monitores tá existem telas modernas de alta densidade que nós vamos falar sobre ela daqui a pouquinho tá mas a maioria dos monitores na maioria das Telas 72 DPS é o que seus olhos vão enxergar de resolução Normalmente quando falamos de gráfica qualquer imagem que tiver menos de 300 dpis no caso eu marquei PPI aqui tá errado seria dpis certo são imagens que são consideradas de baixa resolução então elas vão apresentar pouca nitidez ou pouca clareza você vai perceber que a qualidade visual da imagem não vai ser a ideal tá bom ah

mas você pode fazer com mais de 300 P para mandar para uma gráfica pode fazer mas não é necessário porque é o mesmo princípio que se aplica aqui ao 72 ppis para monitores tá você não vai enxergar mais do que isso eh a mesma coisa no papel existem alguns tipos de impressão que são impressões muito refinadas que trabalham com mais dpis são máquinas muito específicas digitais eh a maioria das gráficas offset as gráficas pões as máquinas comuns do mercado elas vão trabalhar nessa medida aqui tá bom mas uma impressora fotográfica de alta qualidade de última

geração você vai encontrar algumas aí que vão imprimir imagens com 600 dpis com 1200 dpis vão ser imagens extremamente nítidas mas visualmente falando isso é para trabalhos bem bem específicos para a maioria dos trabalhos essa aqui é a regra que vai valer tá se já vão entender algumas eh diferenças à frente Bom falando um pouquinho de telas de alta densidade Existem algumas telas hoje em dia tá como é o caso de alguns celulares mais modernos aí eu vou apenas citar o exemplo até coloquei aqui a imagem para vocês verem que é do iPhone 14 pro

eh ele é um exemplo existem outros também tá não é só o iPhone não tem outros celulares e monitores que são telas consideradas de alta densidade porque o ponto por polegada os pixels por polegada dela a quantidade é bem maior então para telas assim algumas imagens de 72 dpis podem parecer menos nítidas aí vai ser necessário trabalhar com mais resolução por exemplo 150 ppis ou então 300 ppis para que a imagem fique bem mais nítida nessas telas tá nós estamos falando aqui de serviços que vão ser específicos para uso em telas assim se for para

uso geral na maioria das telas na maioria dos monitores Então você vai seguir mesmo a regra dos 72 dpis ou ppis e falando de impressão existem também exemplos específicos onde não se aplica essa regra de 300 dpis por exemplo se você for imprimir um banner o banner vai ficar a uma certa distância da pessoa eh é ele a pessoa não vai ver ele de muito perto então um banner ele na maioria das vezes ele pode ser impresso com 150 dpis que não vai haver problema tá existe até uma regrinha que é uma regra de distâncias

diferentes que você vai poder ajustar a resolução para distâncias específicas por exemplo até 5 m de distância Se você usar de 150 a 300 dpis já vai estar bom para que você tenha uma resolução de boa qualidade isso daí vai servir para poster para banner e coisas do tipo se você vai ficar de 5 a 10 m que já é uma distância maior então você pode usar de 100 a 150 dpis aí vai servir para banners externos ou itens de sinalização também se você vai trabalhar com outdor por exemplo que vai ficar bem longe com

mais de 10 m de distância ele não precisa ter nem 100 dpis pode ser menos que 100 até 72 dpis aí é possível usar ou menos até imagina por exemplo que você vai colocar um outdoor como este daqui na beira de uma pista de uma Rodovia e o motorista vai ver esse Outdoor a uma distância de 20 m ou 30 m então para ele vai ser indiferente se esse outdor tiver sido impresso com 72 dpis ou então com 300 dpis ele não vai ver a diferença por causa da distância que eles tá como que eu

vou saber quando que eu vou usar esse tipo de especificação aqui ou então esse tipo de especificação você vai saber isso no decorrer do serviço quando você for conversar com as partes técnicas envolvidas por exemplo você vai mandar um outdor para uma gráfica para impressão Então você vai chegar vai entrar em contato com a gráfica e vai falar assim olha eu tô enviando o Outdoor para vocês Vocês precisam deste material com quantos dpis de resolução aí você já vai mandar para eles na resolução são que eles pedirem eles podem falar para você assim não isess

aar vai ficar na tua distância então pode ser com 100 dpis não tem problema eles já vão te passar e você já vai saber quando você vai mandar tá bom se for pra gráfica Se for para offset para imprimir um catálogo um cartão de visita um panfleto um folder né um Flyer não importa aí você já vai trabalhar com os 300 dpis por padrão você já vai saber que é 300 dpis para algumas impressões específicas você pode então Eh consultar antes a parte técnica Ali quem vai imprimir quem vai produzir perfeito a mesma coisa se

dá no caso de itens digitais né vamos supor que você vai fazer uma arte gráfica para o Instagram por exemplo a sua arte para Instagram ela vai ser vista em qualquer celular em qualquer tela então ela não precisa estar com mais qualidade do que o 72 dpis certo agora não você foi contratada pela empresa do aparelho celular e você vai criar papéis de parede para esse aparelho ou algumas artes para estee aparelho que vão ser usadas nele então você já sabe que neste aparelho aqui você tem que usar mais resolução para dar uma paraa imagem

ficar mais bonita nele então você já vai criar adaptado para o objetivo ou para a finalidade do seu trabalho ficou Claro para vocês olha aí deixa suas dúvidas nos comentários para mim tá vocês podem deixar aqui que eu vou explicar na medida que vocês forem perguntando eh nós vamos vamos ver aqui na prática lá no computador como que a gente vai manipular esses dpis Como que você vai definir isso como que você faz para ver isso e por que que isso é importante para você lá tá bom então vamos lá para as telas continuar a

nossa aula Olha aí pessoal Estamos aqui no Photoshop eu tô com essa imagem aberta esta imagem ela está com 300 dpis de resolução quando a gente amplia ela a gente consegue ver que é uma imagem que tem boa qualidade tá vendo ó dá pra gente enxergar aqui Olha detalhes dos fiozinhos das penas então Vocês conseguem ver que essa imagem ela é uma imagem boa pra impressão como que a gente sabe que ela tem 300 dpis aqui no Photoshop a gente vai abrir aqui olha em imagem tamanho da imagem e daí vocês vão ver aqui essa

janela aqui explica que ela tá com 300 dpis de resolução então basicamente é isso tá se você mudar isso daqui pro tamanho o máximo de qualidade pra tela que a gente aprendeu que é o 72 dpis eu vou mudar aqui para 72 olha olha o que vai acontecer com a imagem ó ela vai ficar menor olha como ela ficou bem menor Então a gente vai ampliar ela aqui na tela para vocês verem Ela ainda tá com uma qualidade boa porque pra tela essa qualidade é boa então se você ampliar mais aí você vai notar que

alguns detalhes já começ a ficar pixelizados não sei se vocês conseguem enxergar repara para vocês verem no contorno aqui dessas dessas formas pretas a gente já consegue ver os quadradinhos ol da imagem se você ampliar mais vai ficar mais visível ó aqui nós já encontramos a grade de pixels essa grade aqui ela mostra pra gente cada um dos pixels que a imagem tem Tá bom então ela é uma imagem que tá em boa qualidade mas não é a qualidade pra impressão que os pixels já são visíveis na impressão mas pro digital ainda tá boa certo

eu vou salvar uma cópia dela aqui vou salvar ela no formato JPEG 72 vou dar o nome dela pra gente saber o tamanho tá enter Beleza agora eu vou abrir novamente aqui o aquela janela e nós vamos mudar aqui para 30 Olha aí então de 72 Ela vai para 30 menos da metade eu vou dar o OK Olha o tamanho que ela vai ficar a gente vai ampliar ela e note que aqui a gente já consegue ver os quadradinhos ó os quadradinhos já estão aparecendo ó se você ampliar no tamanho que ela tava antes Olha

aí nós já encontramos a grade aqui olha só lembra aqueles aqueles pelinhos que dava para ver já viraram quadradinhos ó a gente já não consegue mais usar essa imagem para muita coisa ela pode ser usada na internet ainda se ela for ficar muito pequena você não consegue preencher uma tela com ela mais porque ela tá em baixa resolução tá eu vou vir aqui agora vou salvar ela com nome de 30 só pra gente ter a definição dela tá vou dar o OK e vamos novamente abrir aqui essa janela e eu vou colocar cinco agora para

vocês verem tá 5 pixels por polegada vou dar o OK aqui ela ficou bem pequena se você amplia ela a gente já tá vendo aqui os quadradinhos ó já estamos vendo que essa imagem não presta para nada né olha aí ó se a gente ampliar ela como que ela vai ficar visualmente é uma imagem totalmente sem qualidade Tá bom então eu vou salvar aqui para vocês verem vou dar o nome de cinco para ela beleza Tá salvo eu quero que vocês entendam o seguinte Olha que eu peguei uma imagem que estava em alta resolução que

é o caso dessa imagem aqui eu vou abrir ela novamente aqui para vocês Ó eu peguei essa imagem aqui que tava com 300 dpis de qualidade e eu retirei pixels dela até que ela ficasse nessa qualidade aqui de 5 pixels certo eu retirei pixels ou seja diminuí a qualidade dela esse o processo de retirar os pixels da imagem você consegue fazer a imagem ela vai ficar desse jeito aqui tá se você adicionar pixels novamente na imagem você não vai conseguir fazer a imagem voltar a ser como era tá você não consegue eu vou vir aqui

para vocês verem ó vou pegar essa imagem vou entrar aqui no na configuração dela e vou pedir para ela ter 300 pixels tá olha o que vai acontecer com essa imagem com 300 pixels ela vai ser ampliada Olha ela vai ficar desse jeito aqui ó ela volta a ficar uma imagem enorme com a mesma medida que ela tinha antes só que a definição dela foi totalmente perdida tá Por quê Porque nós não conseguimos adicionar qualidade na imagem nós conseguimos tirar a qualidade mas não colocar tá então vou voltar ela vou dar um control Z por

isso que muitas vezes quando você vai navegar na internet para procurar uma imagem para você usar você tem que ficar atento a quantos pixels a imagem tem para você ver se você consegue usar ela num tamanho bom porque pode ser que você não consiga ampliar ela sem que fique é visível a falta de qualidade dessas imagens perfeito vocês querem ver isso na prática eu vou levar ela para um ambiente de impressão para vocês verem tá vou levar todas elas Então vou fechar essas imagens aqui tô aqui com o corod draw aberto ó o corod draw

tá numa página no tamanho A4 esse teste poderia ser feito também no Illustrator não tem problema em outros programas mas eu vou fazer no coro que eu acho que visualmente vai ficar mais fácil de explicar aqui vou pegar essas imagens Olha o tamanho delas ó uma tem 14 m outra tem 1 m 200k e 23 KB Então você já consegue ver que a imagem com mais pixels com mais qualidade ela é mais pesada do que imagens assim se você vai pegar imagens na internet aí que tem 20 KB 100 KB 200 até 500 para você

imprimir elas É muito difícil você conseguir qualidade a menos que a imagem fique muito pequena na impressão tá vou colocar elas aqui olha elas vão tá com a mesma medida porque eu não mexi na largura e na altura eu só mexi nos pixels delas tá então aqui essa é a de C perfeito essa daqui é provavelmente é original deixa eu trazer ela para cá só pra gente ver já ficou até difícil para mim entender Qual que é a de 72 Ah não essa é de 72 tá eu consigo ver porque o coro me mostra aqui

olha só para vocês entenderem ó quando eu seleciono a imagem aqui embaixo parece para mim que ela tem C dpis tá essa daqui quando eu seleciono Ah parece que tem 30 essa 72 e essa daqui é a de 300 Se você pegar essas imagens aqui redimensionar elas num tamanho que fique bom aqui pra impressão tá então vou redimensionar elas no tamanho que vai ficar bom pra impressão vou colocar elas aqui olha e você vai ver que numa folha a qu nessa medida essa imagem aqui ficaria boa para imprimir essa aqui você ainda consegue imprimir ela

tá ainda dá para imprimir não é a ideal tá agora essa daqui olha já vai ser nítido a perda de qualidade dela você já consegue notar aqui na Principalmente nos contornos que ela tá com a qualidade mais baixa tá E essa daqui então nem se fale É por isso que você tem que saber qual imagem utilizar aqui tá e eu quero ensinar para vocês uma coisa agora que muita gente tem dificuldade de entender isso daqui vai ser uma coisa que vocês tem que est com a cabeça fresca para entender tá eu não quero eh complicar

muito para vocês essa aula mas é importante que vocês aprendam isso vocês viram que eu diminuí o tamanho delas certo aqui no Corel agora eu vou selecionar essa imagem de 5 dpis e olha o que vai aparecer aqui embaixo para mim olha só 43 dpis tá vendo eu vou selecionar essa imagem aqui que tinha 30 e aqui apareceu agora 260 dpis aqui tinha 300 aparece aqui agora 2500 dpis por que será que teve essa alteração de dpis na imagem aqui no cor draw tá isso isso vai servir pro Corel vai servir pro Illustrator pro canva

pro incape pro Affinity design para qualquer programa vetorial isso vai servir tá é importante que você aprenda isso para você entender isso eu vou abrir uma grade de exemplo para vocês aqui tá Eu Já criei aqui previamente isso imagina que este documento isso aqui é só um exemplo tá é um exemplo imagina que este documento que seria a folha do meu cório ela tem 300 dpis tá e eu coloco nela uma imagem de 300 dpis que foi o que a gente fez lá com a com a arara certo quando eu coloco essa imagem na folha

essa imagem ela vai ficar assim na folha Tá eu vou colocar ela olha então é é uma folha com 300 dpis uma imagem com 300 dpis nela perfeito se você redimensiona a imagem dentro dela se eu faço isso com a imagem ó diminuo a imagem então repara para você ver que a minha folha Ainda tem 300 dpis só que a minha imagem não porque dentro das do tamanho de polegada da folha essa imagem passou a ter mais quadradinhos ela passou a ter mais pixels ali dentro porque nós redimension os pixels dela foi isso que aconteceu

com esta imagem aqui tá se a gente pegar a original essa imagem original de 300 dpis ó quando eu seleciono ela ela tá aqui com 300 dpis essa que a gente redimensionou ela foi para 2500 dpis por quê Porque quando eu fiz isso com ela aqui aqui no meu documento do corel aconteceu isso daqui com ela os pixels dela foram ficando menorzinhos em comparação com os pixels que estão comandando a página que é amostragem de pixels da página Deu para entender isso Ficou claro para vocês então por isso que cada vez que você diminui ela

você aumenta mais a densidade de pixels que tem por polegada se eu deixar ela bem pequenininha vou deixar ela bem pequenininha mesmo então ela vai ficar com 9000 pixels Olha porque eu fiz Aquele monte de pixel B num espaço menor é isso que eu estou fazendo aqui com esta imagem tá aonde que eu quero chegar nisso com vocês Tá Vocês já vão entender ó eu vou dar cont Crol Z aqui tá vamos voltar a nossa imagem eu separei uma imagem aqui que ela tem 300 dpis tá do mesmo tamanho deste quadro tá ou seja essa

imagem aqui se você colocar ela aqui olha tá na mesma medida com 300 dpis Se eu colocar ela aqui na minha a página então ela vai ter 300 dpis neste tamanho em que ela está se eu aumentar ela agora ela já não tem mais 300 dpis olha aqui ó ela foi para 132 dpis Por que que isso aconteceu porque foi a mesma coisa de eu pegar essa imagem colocar aqui e agora eu vou ampliar ela então os quadros dela ou a amostragem dela fica maior fica mais visível tá visualmente falando você não vai perceber isso

aqui no cor você não vai perceber isso no Illustrator ou no canva visualmente mas na impressão Pode ser que você já note a diferença tá por isso aqui vamos supor essa imagem tá com 300 dpis n Deixa eu voltar ela com 300 dpis aqui também que ela tava Originalmente pronto você tá montando uma ar gráfica tá então a sua at olha só ela é um cartão de visitas meu cartão de visitas ele vai ter 90 mm por 50 mm só um exemplo tá vou dar o OK aqui então o meu cartão de visita está aqui

e eu quero usar essa imagem aqui no meu cartão de visitas vou dar um cont CRL C um Crol V pra minha imagem entrar aqui no meu cartão de visitas Então olha o maior tamanho que eu consigo usar ela no meu cartão de visitas é esta medida aqui sem que ela perca a qualidade por isso que ela tá com 300 dpis aqui olha tá bom então você vai criar aqui uma grade pro seu cartão uma uma linha você vai colocar a imagem no canto Ah não eu quero ajustar ela para ela ficar do tamanho do

cartão eu fiz isso Ó então agora a minha imagem já não tem mais 300 dpis ó tá eu já aumentei a a a grade de pixels dela ela tá com 142 dpis certo vamos dar o exemplo para uma folha 4 então a folha 4 que é bem maior se você ver aqui ó trazer a imagem Olha o tamanho dela pra impressão com 300 dpis então se você pegar e colocar essa imagem aqui e vamos colocar na medida aqui certa tá e vou ampliar ela pro tamanho de uma folha A4 a qualidade dela Olha foi para

35 dpis porque ela não foi feita para esse tamanho tá então isso que você tem que entender na manipulação de imagem porque às vezes você vai pegar uma imagem na internet e a imagem vai tá linda tá muito bonita a imagem você tá vendo ela porque ela tá numa medida só que não é a medida real de impressão Quando você levar ela pra medida real de impressão ela vai ficar no tamanho pequeno aí você vai pegar e vai esticar ela para usar ela maior ela vai ficar com baixa qualidade com a qualidade menor ainda visualmente

falando aí você vai acabar tendo uma imagem que na impressão vai sair assim entendeu na na no monitor ela ficava assim muito bonita mas a impressão ela vai sair deste modo com com aspecto ruim porque ela foi ampliada os pixels dela foram ampliados então o conceito em si dessa aula ele é básico você entender que o que que é um dpi você entende o que é de modo básico agora a manipulação destes dpis vocês vão aprender com o tempo no dia a dia no seu trabalho aí e se esforce para entender bem isso para que

você tenha sempre um trabalho com boa qualidade Então se ficou dúvida deixa para mim aqui nos comentários e se você gostou dessa aula aqui eu vou deixar para vocês links na descrição dá uma olhadinha nos links que estão aqui embaixo Porque vão ter Treinamentos e outros itens que podem ser úteis para vocês e eu vou deixar aqui na tela para vocês agora algumas recomendações de vídeo com outras aulas aqui do canal para que você possa assistir e ficar mais um pouco comigo Eu espero vocês na próxima aula valeu