🖼️ Conversor de Imágenes Online

Free Online Image Converter. Convert between PNG, JPG, WebP, AVIF, BMP and ICO directly in the browser. Generate multi-resolution ICO favicons. Quality control for JPG and WebP. Resize with locked aspect ratio. No sign-up, no ads, 100% client-side.

🌐 Demo en vivo / Live demo: miguelacm.es/tools/image-converter

---

✨ Features

• 6 formatos / 6 formats: PNG, JPG, WebP, AVIF, BMP, ICO
• Favicon generator: ICO with multiple sizes in one file (16, 32, 48, 64, 128, 256 px)
• Control de calidad / Quality slider: 1–100 for JPG (default 85) and WebP (default 80)
• Redimensionado / Resize: Width + Height inputs with lockable aspect ratio
• Comparativa de peso / File size diff: Shows % difference vs original — green if smaller, red if larger
• Drag & drop: Drop your image directly onto the upload zone
• Sin servidor / Zero server: Canvas API — images never leave your browser
• AVIF moderno: Best compression available — requires Chrome 94+ / Edge 94+
• Embebible / Embeddable: Use it as an iframe on any website
• Open source: MIT license, use it freely

---

🚀 Quick start

git clone https://github.com/m-a-c-m/ConversorImagenes.git
cd ConversorImagenes
npm install
npm run dev

Open http://localhost:3000.

Environment variables (optional)

NEXT_PUBLIC_SITE_URL=https://miguelacm.es/tools/image-converter
NEXT_PUBLIC_EMBED_URL=https://miguelacm.es/embed/image-converter

---

📦 Embed on your website

Iframe (plug & play)

<iframe
  src="https://miguelacm.es/embed/image-converter"
  width="100%"
  height="700"
  style="border:none;border-radius:12px;"
  title="Conversor de Imágenes — miguelacm.es"
  loading="lazy"
></iframe>

Link with attribution (recommended for backlink)

<a href="https://miguelacm.es/tools/image-converter" target="_blank" rel="noopener">
  Conversor de imágenes gratis por MACM
</a>

💡 The link option generates a real backlink that benefits the project. Recommended if your platform supports custom HTML.

---

🛠 Tech Stack

Technology	Version	Purpose
Next.js	16	React framework + SSG
TypeScript	5	Type safety
Tailwind CSS	4	Styling
react-icons	5	Icons
Canvas API	Native	Image processing (no external deps)

---

📄 License

MIT © Miguel Ángel Colorado Marin (MACM)

Built with ❤️ by MACM — Full Stack Developer & Cybersecurity Specialist from Guadalajara, Spain.

• 🌐 Portfolio: miguelacm.es
• 💼 LinkedIn: linkedin.com/in/macm
• 🐙 GitHub: github.com/m-a-c-m