Prepara avatares de contactos, muestras de productos e insignias compactas en tres pasos claros.
1
Elige una imagen simple
Selecciona una forma clara y con buen contraste que funcione para avatares de contactos, muestras de productos e insignias compactas sin depender de detalles diminutos.
2
Ajusta la cuadrícula
Centra el motivo dentro del lienzo 1:1, limpia los bordes y comprueba el resultado a tamaño real.
3
Procesa y descarga
Genera el archivo de 100x100 píxeles, revisa cada contorno y descárgalo desde el navegador.
Usos prácticos de una imagen de 100x100
Descubre tres composiciones pensadas para avatares de contactos, muestras de productos e insignias compactas.
01
Trabaja con un lienzo exacto de 100x100
Crea un cuadrado de 100x100 píxeles legible para perfiles, catálogos e indicadores visuales.
Exporta exactamente 100x100 píxeles
Bloquea la proporción 1:1 para evitar deformaciones
Revisa el foco y los márgenes en la vista previa
100x100
Ancho
100px
Altura
100px
100x100 px
02
Prepara avatares de contactos
Encuadra el rostro o símbolo principal para que siga siendo reconocible en listas y paneles compactos.
Prioriza el elemento principal
Mantén un espaciado fácil de leer
Comprueba el resultado al tamaño final
Prepara avatares de contactos
Escritorio Personal
Original 100x100Encuadre seguroAbrir acceso
100x100 px
Prepara avatares de contactos
Encuadra el rostro o símbolo principal para que siga siendo reconocible en listas y paneles compactos.
03
Muestra variantes de producto
Presenta colores, materiales o acabados en miniaturas cuadradas con una escala visual consistente.
Prioriza el elemento principal
Mantén un espaciado fácil de leer
Comprueba el resultado al tamaño final
Muestra variantes de producto
Biblioteca de iconos
Presenta colores, materiales o acabados en miniaturas cuadradas con una escala visual consistente.
Muestra variantes de producto
Sistema de Diseño
Elegir herramienta
04
Diseña insignias compactas
Reduce un sello, categoría o estado a una marca clara que funcione junto a texto y controles.
Prioriza el elemento principal
Mantén un espaciado fácil de leer
Comprueba el resultado al tamaño final
Diseña insignias compactas
Variantes de material
Diseña insignias compactas
Reduce un sello, categoría o estado a una marca clara que funcione junto a texto y controles.
Elegir acabado
Acabado disponibleSelector de variante
Muestra
Selector de variante
Icono de 64 px
100x100
Preguntas sobre imágenes de 100x100
Aclara proporción, recorte, calidad y formatos al preparar avatares de contactos, muestras de productos e insignias compactas.
¿Qué proporción tiene una imagen de 100x100?
El lienzo usa relación 1:1. Mantenerla bloqueada evita deformar el símbolo y permite decidir con precisión cuánto recortar o cuánto margen conservar.
¿Cómo mantengo reconocible el motivo?
Usa una silueta sencilla, contraste alto y pocos elementos internos. Comprueba siempre la salida nativa cuando prepares avatares de contactos, muestras de productos e insignias compactas.
¿Conviene recortar el espacio vacío?
Recorta lo que no aporte información, pero conserva una separación mínima alrededor del contorno para que el motivo no parezca cortado en su destino.
¿Qué ocurre con los detalles finos?
Las líneas estrechas y texturas pequeñas pueden suavizarse o desaparecer. Simplifica el diseño antes de reducir y revisa diagonales, huecos y bordes.
¿Puedo ampliar después este archivo?
Puedes ampliarlo, pero no recuperará detalle y los píxeles pueden hacerse visibles. Guarda también un archivo maestro de mayor resolución para otros tamaños.
¿Qué formato es mejor?
PNG conserva bordes y transparencia; WebP también admite transparencia con compresión moderna; JPG puede crear artefactos alrededor de formas planas.
¿Se puede mantener un fondo transparente?
Sí, si el original tiene transparencia y exportas a PNG o WebP. Revisa el borde sobre fondos claros y oscuros para detectar halos.
¿Dónde se utiliza una imagen de 100x100?
Puede servir para avatares de contactos, muestras de productos e insignias compactas, pero no es una norma universal. Confirma el tamaño, la escala de pantalla y el formato con el sistema de destino.
Redimensionar imagen a tamaños de píxeles exactos
Elige un tamaño de píxel ya preparado para abrir el redimensionado con el ancho y alto exactos ya configurados.
Crea tu imagen de 100x100
Prepara avatares de contactos, muestras de productos e insignias compactas con una cuadrícula exacta y termina el archivo directamente en el navegador.