Generador de imágenes dummy
Genera imágenes de marcador de posición para mocks y wireframes.
Configura el tamaño, los colores de fondo/texto y el texto, y obtén una URL de imagen enlazable directamente.
Ancho
Alto
Preajuste
Color de fondo
Color del texto
Formato
| Formato | 400 × 300px (PNG) |
|---|---|
| URL de la imagen | https://img.skin/400x300 |
| HTML | <img src="https://img.skin/400x300" alt="400×300" width="400" height="300"> |
| CSS | background-image: url("https://img.skin/400x300"); |
- Seguro
- Solo los usuarios que conocen la URL de la imagen pueden verla.
Notas
Etiquetas variables
Puedes usar etiquetas variables personalizadas en el texto.
Te permiten incrustar el tamaño de la imagen, colores, saltos de línea y más.
| Etiqueta | Descripción | Ejemplo | Resultado |
|---|---|---|---|
{width} | Se reemplaza por el ancho de la imagen generada. | {width}px | 400px |
{height} | Se reemplaza por el alto de la imagen generada. | {height}px | 300px |
{ratio} | Se reemplaza por la relación de aspecto de la imagen generada. | {ratio} | 4:3 |
{back} | Se reemplaza por el color de fondo generado. | Fondo: {back} | Fondo: #dddddd |
{color} | Se reemplaza por el color del texto generado. | Color de texto: {color} | Color de texto: #979797 |
{fmt} | Se reemplaza por el formato de imagen generado. | Formato: {fmt} | Formato: PNG |
{br} | Inserta un salto de línea en esa posición. Si insertas un salto de línea en el formulario de esta herramienta, se insertará automáticamente. | Hola{br}Mundo | Hola Mundo |
Estructura de la URL de la imagen
Las URL de imagen generadas por esta herramienta pueden usarse como enlaces directos.
Para solicitar una imagen directamente, usa la ruta siguiente.
- URL de la imagen
- https://img.skin/
AnchoxAlto/Color de fondo/Color del texto
?text=Texto&fmt=Formato de imagen
| Valor | Descripción | Ejemplo | Opcional |
|---|---|---|---|
| Ancho | 1–5000 | 400 | No |
| Alto | 1–5000 | 300 | No |
| Color de fondo | Color hex / nombre de color / transparent | ff1493 / deeppink | Sí *1 |
| Color del texto | Color hex / nombre de color / transparent | fff / white | Sí |
| Texto | Cualquier texto / etiquetas variables Si se omite, será '{width}×{height}'. | A:{width}px | Sí |
| Formato de imagen | png / jpg / gif Si se omite, se usa PNG. JPG y GIF no pueden usar un fondo transparente. | jpg | Sí |
*1 No se puede omitir cuando se especifica el color del texto (fontColor).