Herramientas para desarrolladores

Imagen adaptable · HTML · Generador

Imagen adaptable · HTML · Generador. Entradas: Fotografía y vídeo (CSV), Valor alternativo, Descripción. Introduce los valores y ejecuta. Usa el ejemplo para conocer el formato y copia o guarda el resultado.

Sin cuenta

Cargando herramienta…

Cómo usar

  1. 1Entradas: Fotografía y vídeo (CSV), Valor alternativo, Descripción.
  2. 2Ejecuta la herramienta y revisa el resultado.
  3. 3Copia el resultado o cambia los datos para comparar.

A tener en cuenta

Revisa primero el formato del ejemplo. Conserva el original y comprueba valores, espacios y saltos de línea antes de usar el resultado.

Los anuncios pueden procesar datos de conexión. La personalización respeta tus opciones de privacidad. Privacidad (inglés)

Ejemplo calculado de entrada y salida

Resultados del motor real con los valores de ejemplo, sin datos personales ni trabajos guardados. Carga el ejemplo en la herramienta para ver las mismas entradas.

Entrada de ejemplo

CampoValor
Fotografía y vídeo (CSV)
image-640.webp,640
image-1280.webp,1280
Valor alternativo
image.jpg
Descripción
Photo

Resultado de ejemplo

<picture>
  <source srcset="image-640.webp 640w, image-1280.webp 1280w" type="image/webp"/>
  <img src="image.jpg" alt="Photo" loading="lazy"/>
</picture>

Herramientas relacionadas

Todas las herramientas