Gere um pacote de imagens responsivas para a web
Transforme até cinco imagens de origem em variantes responsivas com nomes corretos, marcação picture pronta para copiar, um manifesto e um único ZIP, sem enviar seus recursos.
Opções avançadas de saída
Até 15 variantes serão geradas. Larguras maiores que a origem são omitidas.
Solte as imagens de origem aqui
ou clique para procurar
JPG, PNG, WebP — até 5 arquivos, 10 MB cada
Processado localmenteSeus arquivos nunca saem deste dispositivo — tudo acontece no seu navegador.
As origens e os recursos gerados permanecem neste navegador. Apenas as configurações podem ser salvas ou compartilhadas.
Como funciona
- 01
Adicione imagens de origem
Escolha de uma a cinco imagens JPEG, PNG ou WebP.
- 02
Selecione larguras e formatos
Use os padrões prontos para produção ou ajuste o conjunto de saída. O Pixo nunca amplia uma origem.
- 03
Gere localmente
As variantes são redimensionadas e codificadas em sequência pelo mesmo worker do navegador usado pelas ferramentas de imagem do Pixo.
- 04
Implante o ZIP
Baixe os recursos, um manifesto JSON, o picture.html, o srcset.txt e um README que deixa o texto alternativo a cargo do autor do site.
Dicas para melhores resultados
- Defina o atributo HTML sizes para o seu layout real; o srcset sozinho não informa ao navegador com que largura a imagem vai ser renderizada.
- Mantenha um formato de reserva junto com o WebP ao dar suporte a clientes mais antigos ou pipelines de processamento de imagem.
- A marcação gerada deixa o texto alternativo em branco de propósito, para você escrevê-lo de acordo com o contexto.