Conversor de imágenes: PNG, JPG y WebP.
Convierte imágenes entre PNG, JPG y WebP, una o muchas a la vez, y compara el tamaño de cada archivo antes y después. Funciona en tu navegador, así que tus imágenes nunca se suben.
Funciona en tu navegador. Nada de lo que añadas aquí se sube ni se guarda.
Cómo convertir una imagen
- Elige tus imágenes o suéltalas en el recuadro de arriba. Puedes añadir varias a la vez.
- Elige el formato al que quieres convertir: PNG, JPG o WebP.
- Ajusta la calidad para JPG o WebP, del 40% al 100%. Empieza en el 85%; los valores más bajos dan archivos más pequeños con una compresión más visible. PNG no tiene pérdida, así que no tiene ajuste de calidad.
- Convierte y descarga cada archivo. La lista muestra el tamaño de cada archivo antes y después.
Algunas cosas que conviene saber:
- Transparencia. PNG y WebP conservan las zonas transparentes. JPG no puede guardar transparencia, así que las zonas transparentes pasan a ser blancas.
- Tamaño y nombre. Las imágenes conservan su ancho y su alto, y su nombre de archivo con la nueva extensión:
hero.pngpasa a serhero.webp. - Entrada. Además de PNG, JPG y WebP, puedes añadir otras imágenes que tu navegador pueda abrir, como GIF. Las imágenes animadas se guardan como un único fotograma fijo.
- Metadatos. Cada imagen se vuelve a dibujar a partir de sus píxeles, así que los metadatos, como los datos de la cámara o la ubicación GPS, no se copian al archivo nuevo.
- Compatibilidad del navegador. Si tu navegador no puede guardar un formato, la herramienta te lo dice en lugar de guardar otro distinto. Prueba otro formato u otro navegador.
Usa WebP para que tus páginas carguen más rápido con Codex
Las imágenes suelen ser lo que más pesa de una página. Un archivo WebP suele ser bastante más pequeño que un JPG de calidad parecida, y mucho más pequeño que una foto en PNG, y todos los navegadores principales muestran WebP. Convertir las imágenes antes de meterlas en tu proyecto es la mejora de velocidad más fácil que existe.
- Convierte antes de hacer commit. Convierte a WebP con una calidad del 75–85% las fotos del hero, las capturas y las imágenes que generaste para un diseño, comprueba que se siguen viendo bien y ponlas en la carpeta de imágenes de tu proyecto, como
public/images. - Mantén PNG donde importa. Si WebP difumina líneas finas o texto pequeño en un gráfico, deja ese en PNG. Los logos y los iconos suelen quedar mejor en SVG.
- Automatiza los lotes grandes. Esta herramienta es lo más rápido para un puñado de imágenes. Para docenas, pídele a Codex que añada un paso de conversión a tu build.
Después, dile a Codex que use los archivos nuevos:
Usa las imágenes WebP de [public/images] en [la landing page]. Sustituye cada referencia a un PNG o JPG por su archivo .webp, dale a cada <img> un ancho y un alto para que el layout no se mueva mientras carga, y aplica carga diferida a las imágenes que quedan por debajo de la primera pantalla.
Preguntas frecuentes
¿El conversor de imágenes es gratis?
Sí. Sin registro, sin marca de agua y sin límite diario.
¿Se suben mis imágenes?
No. Tu navegador lee, vuelve a dibujar y guarda cada imagen en tu dispositivo. Los archivos convertidos se quedan en la memoria de la página hasta que vuelves a convertir o cierras la pestaña. El sitio solo cuenta que se usó la herramienta, nunca lo que añadiste.
¿WebP es mejor que PNG o JPG?
Para la mayoría de las imágenes de un sitio web, sí. Los archivos WebP suelen ser más pequeños que los JPG con una calidad parecida y, a diferencia de JPG, WebP admite transparencia. JPG sigue siendo la opción más segura para el correo electrónico o para programas antiguos que no abren WebP, y PNG conserva cada píxel exactamente, algo que importa en algunas capturas y gráficos.
¿Por qué mi archivo convertido pesa más?
Convertir un JPG o un WebP a PNG suele hacerlo más grande, porque PNG guarda cada píxel sin compresión con pérdida. Un ajuste de calidad muy alto también puede hacer que un WebP o un JPG pese más que el original. Para un archivo más pequeño, elige WebP o baja la calidad.
Sigue leyendo
- Paleta de colores de una imagenObtén los colores principales de cualquier imagen como códigos HEX, listos para copiar.
- Generador de DESIGN.mdConvierte tus colores, fuentes y espaciado en un DESIGN.md para Codex.
- GPT Image 2.6 para diseño UINovedades, Flare vs Sunburst y prompts para mockups de UI.
- Cómo crear mockups de UI con IADe una frase a un wireframe y a un mockup de alta fidelidad.