Portfólio no celular: como deixar fácil de ver em qualquer tela

Por que o celular muda tudo

No computador, um portfólio pesado só demora. No celular, ele pode nem abrir. A pessoa está na rua, com sinal fraco, e desiste depois de alguns segundos de tela branca.

A tela pequena também muda a leitura. Uma imagem larga, com detalhes, vira uma faixa fina. Texto em cima de imagem fica ilegível. Botões muito juntos fazem a pessoa tocar no lugar errado.

Nada disso aparece quando você confere o portfólio no computador em que montou. Por isso o teste no celular é parte do trabalho, não um detalhe. O guia como montar um portfólio mostra onde esse passo entra.

Imagens leves sem perder qualidade

A imagem é o que mais pesa. Três ajustes resolvem quase sempre:

• tamanho certo: para tela, uma imagem de 1.600 a 2.000 pixels no lado maior basta;
• formato certo: JPG ou WebP para foto, PNG só para imagem com fundo transparente;
• compressão: uma qualidade entre 70% e 80% quase não muda o que o olho vê.

Guarde o arquivo original em alta resolução numa pasta separada. No portfólio, vai só a versão leve.

Uma coluna, uma ideia por vez

No celular, tudo vira uma rolagem vertical. Organize o portfólio pensando nisso:

• um projeto por vez, de cima para baixo;
• a imagem principal primeiro, depois o texto curto;
• títulos curtos, que cabem numa linha;
• botão de contato visível no topo e no fim.

Evite grades com muitas imagens pequenas lado a lado. No celular, elas viram miniaturas que não mostram nada.

Texto, vídeo e acessibilidade

Texto precisa de tamanho e contraste. Letra cinza clara sobre fundo branco some no sol. Se você usa fonte decorativa no título, deixe o corpo do texto numa fonte simples.

Vídeo deve carregar só quando a pessoa tocar. Vídeo que toca sozinho gasta o plano de dados de quem abre e atrapalha a leitura.

Cada imagem precisa de um texto alternativo, uma frase que descreve o que ela mostra. Ele é lido por quem usa leitor de tela e aparece quando a imagem não carrega. É uma regra básica de acessibilidade da web.

Exemplo resolvido: o peso do portfólio de Lucas

Lucas é fotógrafo. O portfólio dele tem 8 ensaios, com 5 fotos cada. Ele exportou as fotos direto da câmera, com cerca de 4 MB cada uma.

As contas, antes:

• número de fotos: 8 × 5 = 40;
• peso total: 40 × 4 = 160 MB.

Ele reduz cada foto para 2.000 pixels no lado maior e comprime com qualidade de 75%. Cada foto passa a ter cerca de 400 kB.

As contas, depois:

• peso total: 40 × 400 = 16.000 kB, ou seja, cerca de 16 MB;
• redução: 160 ÷ 16 = 10 vezes mais leve.

Num celular com internet fraca, a diferença é entre o portfólio abrir em segundos ou não abrir.

A regra geral: no portfólio vai a versão para tela; o original fica guardado.

O teste de 5 minutos

Antes de mandar o link para alguém, faça este teste no seu celular, com o wi-fi desligado:

• [ ] O portfólio abre em poucos segundos com a internet móvel?
• [ ] Dá para ler o texto sem dar zoom?
• [ ] As imagens aparecem inteiras, sem cortes estranhos?
• [ ] O vídeo só toca quando você toca nele?
• [ ] O botão de contato funciona e abre o aplicativo certo?

Se algum item falhar, corrija antes de enviar. O guia quantos projetos colocar ajuda a cortar o que pesa sem acrescentar.

Erros comuns

• Conferir só no computador. Muita gente acha que, se ficou bonito no monitor, fica bonito em todo lugar. Na verdade, imagem larga, texto pequeno e botão apertado só aparecem na tela pequena.
• Subir a foto original da câmera. Muita gente acha que arquivo maior mostra mais qualidade. Na prática, a tela do celular não mostra a diferença, e o peso faz a página demorar ou travar.
• Esquecer o texto alternativo. Muita gente acha que ele é detalhe técnico. Na verdade, ele torna o portfólio acessível a quem usa leitor de tela e ajuda quando a imagem não carrega.

Perguntas frequentes

Qual o tamanho ideal das imagens do portfólio?

Para tela, de 1.600 a 2.000 pixels no lado maior, em JPG ou WebP, com compressão entre 70% e 80%. Uma foto assim costuma ficar entre 200 kB e 600 kB, leve o bastante para abrir rápido no celular.

Portfólio em PDF funciona no celular?

Funciona mal quando é pesado ou tem páginas largas, porque obriga a pessoa a dar zoom. Se precisar de PDF, mantenha o arquivo leve e as páginas na vertical. Para mandar por mensagem, um link costuma funcionar melhor.

O que é texto alternativo?

É uma frase que descreve a imagem em palavras. Leitores de tela leem esse texto para pessoas cegas, e ele aparece quando a imagem não carrega. Escreva o que a imagem mostra, em uma frase.

Teste você mesmo

1. Seu portfólio tem 30 imagens de 3 MB. Depois de otimizar, cada uma fica com 300 kB. Qual é o peso antes e depois?
   Ver resposta

   Antes, 30 × 3 = 90 MB. Depois, 30 × 300 = 9.000 kB, cerca de 9 MB.

2. Por que testar com o wi-fi desligado?
   Ver resposta

   Porque muita gente abre o link pela internet móvel, que costuma ser mais lenta.

3. O vídeo do portfólio deve tocar sozinho?
   Ver resposta

   Não. Ele deve tocar só quando a pessoa tocar, para não gastar dados nem atrapalhar.

Fontes

• Introdução à acessibilidade na web, W3C, 2024 (abre em nova aba): o texto alternativo das imagens e o acesso de pessoas com deficiência. Trecho: "As imagens devem incluir texto alternativo equivalente"
• Portfólio, Wikipédia, 2026 (abre em nova aba): o que é um portfólio. Trecho: "é uma lista de trabalhos de um profissional, empresa ou estudante"

Como este guia foi feito

Escrito por Artur Batissoco, com apoio de inteligência artificial na redação. Revisado por Artur Batissoco. As fontes foram conferidas em 08/10/2026. Os pesos de arquivo do exemplo são aproximados e mudam com cada imagem.