Referência de Resolução de Dispositivos
Referência rápida das resoluções CSS e DPR dos dispositivos mais comuns. Consulta tudo grátis, online e sem registo, no teu browser.
Telemóveis
| Dispositivo | CSS | DPR | Physical |
|---|---|---|---|
| iPhone 15 Pro | 393 × 852 | 3 | 1179 × 2556 |
| iPhone SE | 375 × 667 | 2 | 750 × 1334 |
| Pixel 8 | 412 × 915 | 2.625 | 1082 × 2402 |
| Galaxy S24 | 384 × 854 | 3 | 1152 × 2562 |
Tablets
| Dispositivo | CSS | DPR | Physical |
|---|---|---|---|
| iPad Pro 11" | 834 × 1194 | 2 | 1668 × 2388 |
| iPad Mini | 768 × 1024 | 2 | 1536 × 2048 |
| Surface Pro | 1368 × 912 | 1.5 | 2052 × 1368 |
Portáteis e monitores
| Dispositivo | CSS | DPR | Physical |
|---|---|---|---|
| MacBook Air 13" | 1280 × 832 | 2 | 2560 × 1664 |
| MacBook Pro 14" | 1512 × 982 | 2 | 3024 × 1964 |
| 1080p | 1920 × 1080 | 1 | 1920 × 1080 |
| 1440p | 2560 × 1440 | 1 | 2560 × 1440 |
| 4K UHD | 3840 × 2160 | 1 | 3840 × 2160 |
Sobre esta ferramenta
Referência de Resolução de Dispositivos é uma ferramenta criativa para designers que funciona diretamente no browser. Gera uma pré-visualização instantânea, personaliza à vontade e exporta para o teu projeto.
A ferramenta foi concebida para uso diário. Lida com tudo, de tarefas pontuais a fluxos de trabalho recorrentes; carrega em milissegundos, funciona offline após o primeiro carregamento e corre com fluidez no computador, tablet e telemóvel. A interface é propositadamente simples para te concentrares no resultado, não nos controlos.
Casos de uso comuns: testar estilos antes de os aplicar em ficheiros CSS reais, fazer protótipos visuais rápidos para designers ou clientes, exportar design tokens reutilizáveis para um design system, comunicar conceitos de design visualmente. Sejas estudante, profissional ou alguém que só precisa de uma ferramenta rápida, Referência de Resolução de Dispositivos resolve a tarefa em segundos.
A privacidade está integrada desde o início. Como todo o processamento ocorre no browser (do lado do cliente), nenhum serviço de análise, rede de publicidade ou backend consegue ver o que introduzes ou geras. Abre o separador de rede do teu browser enquanto usas a ferramenta e verás por ti que nenhum pedido externo com os teus dados é enviado. Por isso Referência de Resolução de Dispositivos é também ideal para conteúdo sensível (médico, jurídico, financeiro) que não pode ser enviado a terceiros.
Referência de Resolução de Dispositivos faz parte do ToolHub — uma coleção gratuita e sem publicidade com mais de 750 ferramentas baseadas no browser para PDF, imagens, texto, calculadoras, programadores, design, redes sociais, educação, negócios, saúde e muito mais.
Como usar
- 1Ajusta as definições com os controlos disponíveis
- 2Visualiza o resultado na pré-visualização ao vivo
- 3Afina até ficares satisfeito
- 4Copia o código ou descarrega o resultado
Características principais
- Processamento 100% do lado do cliente: os teus dados nunca saem do browser
- Totalmente gratuito: sem registo, sem e-mail e sem pagamentos
- Funciona no computador, tablet e telemóvel (áreas de toque de 44px)
- Modo escuro e 17 idiomas integrados
- Geração instantânea: sem limite de tamanho de ficheiro
Dicas profissionais
- Adiciona a ferramenta aos favoritos para a abrires com um clique da próxima vez: todas as definições ficam guardadas no localStorage.
- Dica: para o melhor resultado, certifica-te de que uses um browser moderno compatível com CSS3 e SVG.
- Encontraste um erro ou queres uma nova funcionalidade? Usa o formulário de comentários no fundo da página; lemos todas as sugestões.