Softonic

Generador de imágenes de marcador de posición

Paso 1 / 2
Servicio
Siguiente

Crea una imagen provisional para wireframes, prototipos o espacios de contenido. Elige dimensiones, colores y una etiqueta opcional y descarga el PNG dibujado en el navegador. También puedes generar una URL y una etiqueta HTML para placehold.co, picsum.photos o dummyimage.com.

Cómo crear una imagen provisional

  1. 1

    Elige el servicio

    Selecciona placehold.co, picsum.photos o dummyimage.com para la URL remota.

  2. 2

    Indica el tamaño

    Introduce un ancho y un alto de entre 1 y 4000 píxeles.

  3. 3

    Configura el lienzo

    Escoge los colores y añade una etiqueta opcional. Las URL de Picsum ignoran estos ajustes.

  4. 4

    Usa el resultado

    Descarga el lienzo local como PNG o copia la URL remota o el código HTML.

Dimensiones útiles

Usa la misma relación de aspecto que tendrá el recurso final para que el diseño no salte al sustituir el marcador.

Espacio de ejemplo Dimensiones Relación
Imagen Open Graph 1200 × 630 px 1,91:1
Miniatura de vídeo 1280 × 720 px 16:9
Tarjeta cuadrada 600 × 600 px 1:1
Cabecera de correo 600 × 200 px 3:1

Qué significa cada salida

  • Descargar PNG guarda el lienzo dibujado en el navegador, con colores, cuadrícula, aspa y etiqueta.
  • URL apunta al servicio externo seleccionado. Picsum devuelve una foto aleatoria y no usa tus colores ni la etiqueta.
  • HTML inserta esa URL remota en un elemento <img> con ancho, alto y texto alternativo.

La etiqueta forma parte del estado del servidor y también puede aparecer en la URL externa copiada. No introduzcas texto confidencial.

Preguntas frecuentes

El botón de descarga genera un PNG. No exporta SVG, JPEG ni WebP.

El ancho y el alto están limitados a 4000 píxeles cada uno. Un lienzo grande puede consumir mucha memoria.

La vista previa es un marcador local; Picsum entrega una fotografía aleatoria y omite colores y etiqueta.

No la trates como privada: se envía a la aplicación, puede aparecer en URL del embudo y se añade a las URL externas compatibles.

Herramientas relacionadas

Referencia de la tabla ASCII

Tabla ASCII completa del 0 al 127 con decimal, hex, octal, binario y referencia numérica HTML para cada carácter, incluidos los códigos de control como NUL, LF y DEL.

Referencia de atajos de teclado

Busca los atajos predeterminados documentados de VS Code, Chrome y Bash con GNU Readline en macOS, Windows y Linux.

Generador de letras aleatorias

Genera letras aleatorias A-Z. Elige la cantidad, usa mayúsculas, minúsculas o mezcla de ambas, y aplica el resultado en juegos, consignas o clase.

Referencia de caracteres HTML

Lista buscable de entidades HTML, sus códigos nombrados y numéricos, y una copia con un clic para caracteres y símbolos especiales.

Generador de Formularios CSS

Genera el CSS de un formulario completo con estilo: una cuadrícula de formulario, etiquetas, entradas, áreas de texto, selectores y estados de foco claros. Elige el color de acento, el radio de las esquinas y la separación, y copia el código.

Generador de EditorConfig

Genera un archivo .editorconfig con tu estilo y tamaño de indentación, fin de línea, charset y reglas de espacios para un formato consistente en IDEs y editores.

Herramienta disponible en otros idiomas