¿Qué Herramienta de Imagen Necesitas?
PixelHub reúne 10 herramientas de imagen independientes en vez de un editor único que lo hace todo, repartidas en cinco categorías. La mayoría de esas categorías son pequeñas — de una a tres herramientas cada una — así que en lugar de una guía corta por categoría, esta única página conecta cada herramienta con la situación real que resuelve, y termina con un caso práctico que encadena varias de ellas.
Redimensionar y Recortar
- ¿Necesitas una imagen en píxeles exactos o un porcentaje más pequeña? Usa el Redimensionador de Imágenes — puede bloquear la relación de aspecto original para que nada salga deformado.
- ¿Necesitas recortar parte de la imagen o cambiar su encuadre? Usa el Recortador de Imágenes — con un marco personalizado o una relación preestablecida habitual como cuadrado, 16:9 o 4:3.
- ¿No sabes a qué dimensiones exactas corresponde una relación de aspecto? Usa antes la Calculadora de Proporción de Aspecto para hallar el ancho o el alto que falta antes de recortar.
Convertir
- ¿Necesitas un archivo más ligero y apto para la web, o cambiar de formato directamente? Usa el Convertidor de Formato de Imagen para pasar entre PNG, JPEG y WebP con un control deslizante de calidad.
- ¿Necesitas incrustar una imagen directamente en HTML, CSS o JSON? Usa el Convertidor de Imagen a Base64 para obtener un data URI copiable — el formato de la imagen en sí no cambia.
Generadores
- ¿Necesitas un favicon para tu sitio? Usa el Generador de Favicons para convertir cualquier imagen en el conjunto completo de tamaños estándar de favicon, más un fragmento HTML listo para pegar.
- ¿Necesitas un degradado CSS para un fondo? Usa el Generador de Degradados CSS para diseñar un degradado lineal o radial de forma visual y copiar el código.
- ¿Necesitas el color exacto usado en algún punto de una imagen? Usa el Selector de Color de Imagen para hacer clic en un píxel y leerlo como HEX, RGB y HSL.
Creativo
- ¿Quieres añadir textos llamativos a una imagen? Usa el Generador de Memes — texto arriba y abajo, ajustado automáticamente, descargable como PNG terminado.
Analizar
- ¿Quieres ver los metadatos ocultos de una foto antes de compartirla? Usa el Visor de EXIF para revisar los detalles de la cámara, la fecha de captura y la ubicación GPS si está presente — antes de publicar o enviar el archivo a cualquier parte.
Caso práctico: preparar imágenes para el lanzamiento de un sitio
Lanzar incluso un sitio pequeño suele requerir varias de estas herramientas en cadena, no solo una:
- Pasa primero tus fotos originales por el Visor de EXIF, antes que nada — revisa si llevan datos de ubicación GPS incrustados que prefieras no publicar. Si los llevan, convertir o redimensionar la imagen (pasos siguientes) elimina esos metadatos como efecto secundario, porque ninguna de las dos herramientas los conserva.
- Usa el Redimensionador de Imágenes para llevar tu foto principal a dimensiones aptas para la web — no tiene sentido publicar una foto de cámara de 4000 px de ancho si la página solo la muestra a 1600 px.
- Pasa la foto ya redimensionada por el Convertidor de Formato de Imagen para guardarla en WebP en vez de un PNG pesado — normalmente reduce mucho el tamaño del archivo con la misma calidad visual, algo que influye directamente en la velocidad de carga de la página.
-
Usa el Generador de Favicons para
convertir tu logo en el conjunto completo de tamaños de
favicon, más el fragmento HTML que puedes pegar directamente
en el
<head>de tu sitio. - Usa el Generador de Degradados CSS para diseñar un degradado CSS para el fondo principal — esa parte de la página no necesita ningún archivo de imagen, lo que la mantiene rápida.
Ninguno de estos pasos depende de que los demás terminen en un orden concreto, salvo la revisión de EXIF, que conviene hacer primero simplemente para saber con qué estás empezando.
Todas las herramientas de imagen
- Redimensionador de Imágenes Redimensiona una imagen a píxeles exactos o a un porcentaje, con la opción de mantener bloqueada la relación de aspecto original.
- Recortador de Imágenes Recorta una imagen con un marco personalizado o una relación preestablecida habitual, como cuadrado, 16:9 o 4:3.
- Calculadora de Proporción de Aspecto Calculadora de proporción de aspecto gratis: ingresa una proporción y un ancho o alto conocido para hallar la dimensión que falta, o compara dos tamaños para ver si comparten la misma proporción. Incluye proporciones de video comunes y tamaños de papel ISO A4, A3 y A5.
- Convertidor de Formato de Imagen Conversor de formato de imagen gratis: convierte entre PNG, JPEG y WebP directamente en tu navegador, compara el tamaño del archivo antes y después, y descarga al instante — nada se sube nunca a un servidor.
- Convertidor de Imagen a Base64 Conversor gratis de imagen a Base64: convierte cualquier imagen en un data URI copiable con FileReader (byte a byte, sin recompresión), o pega Base64 para previsualizar y descargar — todo en tu navegador.
- Generador de Favicons Generador de favicons gratis: sube cualquier imagen y obtén favicons PNG en todos los tamaños estándar (16 a 512px), más un fragmento HTML listo para pegar — todo en tu navegador, sin subidas.
- Generador de Degradados CSS Generador de degradados CSS gratis: agrega colores, ajusta el ángulo para degradados lineales o cambia a radial, y copia el CSS listo para usar. Sin registro, sin subir imágenes — todo se actualiza en vivo en tu navegador.
- Selector de Color de Imagen Selector de color de imagen gratis: sube una imagen, haz clic en cualquier parte y lee el color exacto del píxel en HEX, RGB y HSL — todo en tu navegador, sin subidas.
- Generador de Memes Generador de memes gratuito: añade textos superior e inferior en negrita, ajustados automáticamente, a cualquier imagen y descarga el meme como PNG. Funciona por completo en tu navegador — sin subir nada, nunca.
- Visor de EXIF Visor de EXIF gratis: mira la marca y el modelo de cámara, la fecha de captura, los ajustes de exposición y la ubicación GPS de un JPEG si está presente. Analizado byte a byte en tu navegador — nunca se sube nada.
Preguntas frecuentes
¿Cuál es la diferencia entre el Redimensionador de Imágenes y el Recortador de Imágenes?
Cambian cosas distintas. Redimensionar escala toda la imagen hacia arriba o hacia abajo — a píxeles exactos o a un porcentaje — conservando visible todo el contenido original. Recortar, en cambio, elimina partes de la imagen por completo, cambiando su encuadre o su relación de aspecto en lugar de su escala. Son operaciones realmente distintas que a menudo se usan juntas: primero recorta para arreglar el encuadre o la proporción, y después redimensiona el resultado a las dimensiones exactas que necesitas — o al revés, según qué restricción te importe más en cada caso.
¿Debo usar la Calculadora de Proporción de Aspecto antes o después de recortar?
Antes. La Calculadora de Proporción de Aspecto te da las dimensiones objetivo para una proporción dada — como 16:9 o 4:3 — antes de tocar la imagen, así sabes exactamente a qué recortar. Recortar primero y esperar que la matemática cuadre normalmente significa adivinar un marco, comprobar el resultado y repetirlo. Calcular antes las dimensiones objetivo convierte el recorte en un solo paso preciso en vez de ensayo y error.
¿Convertir una imagen a Base64 es lo mismo que convertir su formato?
No — resuelven problemas distintos. La conversión de formato (el Convertidor de Formato de Imagen) cambia la codificación real de la imagen, como pasar de PNG a WebP, lo que cambia su compresión y a menudo su tamaño. El Convertidor de Imagen a Base64 simplemente vuelve a codificar los bytes de imagen que ya tienes como una cadena de texto, para poder incrustarla directamente en HTML, CSS o JSON. El formato subyacente de la imagen no cambia; solo cambia su representación como texto. Si lo que quieres es un archivo más pequeño, convierte primero el formato — codificar en Base64 en realidad agranda los datos, por diseño.
¿El Visor de EXIF elimina los metadatos que muestra, o solo los muestra?
Solo los muestra — el Visor de EXIF es de solo lectura por diseño y no modifica ni elimina nada de tu archivo. En este sitio no hay una herramienta dedicada a «eliminar metadatos». Dicho esto, como todas las herramientas de aquí procesan las imágenes mediante la API Canvas del navegador, pasar una foto por el Convertidor de Formato de Imagen o por el Redimensionador de Imágenes la vuelve a codificar desde cero, y la salida de canvas no conserva los datos EXIF — así que convertir o redimensionar una foto tiene el efecto práctico de eliminar sus metadatos, incluida la ubicación GPS, aunque ese no sea el propósito declarado de ninguna de las dos herramientas. Si necesitas confirmar específicamente que los metadatos ya no están, revisa el resultado después en el Visor de EXIF.
¿El Selector de Color de Imagen y el Generador de Degradados CSS hacen lo mismo?
No, se complementan, no se solapan. El Selector de Color lee un color exacto de una imagen existente — haces clic en un píxel y obtienes sus valores HEX, RGB y HSL. El Generador de Degradados crea desde cero un degradado CSS lineal o radial combinando los colores que elijas. Una combinación habitual: extrae un par de colores de una foto con el Selector de Color, y después usa esos códigos hexadecimales exactos en el Generador de Degradados para crear un fondo degradado que combine con ella.
¿Por qué usar el Generador de Favicons en vez de simplemente redimensionar mi logo a 32×32 yo mismo?
Porque un favicon completo necesita más de un tamaño. Los navegadores, las pantallas de inicio de iOS y los manifiestos de PWA esperan cada uno un tamaño de píxeles distinto — el Generador de Favicons produce los seis tamaños estándar (de 16×16 hasta 512×512) a partir de una sola imagen que subas, más un fragmento HTML listo para pegar con las etiquetas correctas para cada uno. Hacerlo a mano con el Redimensionador de Imágenes significaría redimensionar la misma imagen seis veces por separado y escribir tú mismo las etiquetas link.