piapia123
es

Generador de imágenes de relleno

Imágenes

Todo se ejecuta en tu navegador: no se sube nada

Genera una imagen gris con su tamaño escrito, que ocupa el hueco donde acabará una imagen de 800×600. Por defecto la salida es SVG: vectorial, unas decenas de bytes, nítida a cualquier escala y utilizable directamente como `background-image` de CSS, sin archivo que guardar. Cambia a PNG o JPEG para programas de diseño y aplicaciones de mensajería (esos dos añaden aspas diagonales, para que nadie los confunda con un hueco donde falló la carga). El tamaño va impreso en la imagen por defecto, así que al pegarla en una maqueta se ve exactamente qué tamaño tendrá la imagen real.

Funciones

  • Cualquier tamaño de 1 a 4000 píxeles; 800×600 por defecto
  • SVG por defecto: vectorial, unas decenas de bytes, nítido al escalar
  • PNG y JPEG incluyen aspas diagonales que delatan el relleno
  • El tamaño va escrito en la imagen, o pon tu propio texto
  • Cuatro fondos: gris cálido, blanco, gris medio y oscuro
  • Muestra las dimensiones y el peso, listo para descargar

Cómo se usa

  1. Escribe el ancho y el alto
  2. Cambia el texto, el formato y el fondo si lo necesitas
  3. La imagen de relleno aparece mientras escribes
  4. Pulsa Descargar para guardarla

Preguntas frecuentes

¿Por qué SVG por defecto?
Porque una imagen de relleno se suele colocar en una página o maqueta para guardar el sitio: el SVG ocupa unas decenas de bytes, se mantiene nítido a cualquier tamaño y funciona directamente como background-image de CSS. Cambia a PNG cuando algo no acepte SVG (algunas aplicaciones de mensajería, programas de diseño antiguos).
¿Puedo quitar las aspas del PNG?
Son intencionadas: lo peor que le puede pasar a un relleno es que se lea como «un hueco donde falló la imagen». Dos diagonales tenues dejan claro que el relleno es intencionado. Para un bloque plano usa el formato SVG, que no lleva aspas.
¿Puedo usarla directamente en una página web?
Sí. Guarda el SVG, o incrusta su contenido en CSS (`background-image: url("data:image/svg+xml,...")`): esto último no necesita archivo alguno, y unas decenas de bytes en línea pesan mucho menos que una petición de imagen.
¿Se suben mis dimensiones?
No. La imagen entera se dibuja en el navegador y la página no envía ninguna petición.

Herramientas relacionadas