Demo ao vivo

Demos interativas do Pixu com imagens de exemplo reais. A mesma linguagem visual dos exemplos de framework.

Comprimir com PIXU (TECR)

Try it live

Pick a sample or upload your own image

Try a sample image

Componente Vue

Vue component — live

PixuCompressor with real sample images

Click or drag image here to compress

Supports JPEG, PNG, WEBP, AVIF, PIXU

Or try a real sample

O que você pode experimentar

• Clique em qualquer foto de exemplo (montanhas, retrato, cidade, floresta, comida, PNG)
• Ou envie sua própria imagem
• Original vs comprimido lado a lado
• Baixe o resultado .webp / .jpg (ou outro formato)

Configurações recomendadas

Objetivo	Opções
Melhor compressão	{ format: 'image/pixu', enableSmartQuality: true }
Fotos para web	{ preset: 'web' }
Redes sociais	{ preset: 'social-media', maxWidth: 1080 }
Miniaturas	{ preset: 'thumbnail' }

Código do componente

<template>
  <PixuCompressor
    :samples="sampleImages"
    :options="{
      format: 'image/pixu',
      enableSmartQuality: true,
      stripMetadata: true,
    }"
    @compress="handleCompress"
  />
</template>

Playgrounds por framework

Framework	Página da docs	App local
Vue	VueDemo ao vivo	:3000
React	ReactDemo ao vivo	:3001
Angular	AngularDemo ao vivo	:4200
Svelte	SvelteDemo ao vivo	:3002
Jacaré	código + API	:3003

Compile primeiro: npm run build na raiz do repositório.

Próximos passos

• Teoria TECR
• Formato PIXU
• Todos os exemplos de framework
• Referência da API