Generador de imágenes responsive

Exporta una misma imagen con varios anchos y copia el srcset HTML correspondiente.

En tu dispositivo · Sin cuenta

Generador de imágenes responsive procesa lo que introduces en este navegador. Los datos introducidos y los resultados se excluyen de las estadísticas de uso. Las herramientas recientes guardan sus nombres, el número de visitas y la fecha y hora de la última visita. Las herramientas guardadas solo almacenan sus nombres. Guardar borradores es opcional y el texto permanece en este dispositivo; puedes eliminarlo con los controles del borrador. Cargar texto desde una URL es opcional y establece una conexión con ese servidor; el servidor puede ver la URL y tu dirección IP. La opción «Usar en» conserva temporalmente los datos en esta pestaña para pasarlos a otra herramienta. La siguiente herramienta los elimina al abrirse y los ignora si ha pasado más de un minuto.

«Copiar enlace» incluye en la dirección los datos que elijas compartir. Cualquiera que tenga el enlace puede volver a abrirlos. Se excluyen los archivos y los resultados generados. Las herramientas de contraseñas y claves solo comparten los ajustes.

Español

Elige una imagen

Anchos separados por comas

Versión para descargar

Tu vista previa

Preparing preview…

Más

Atajos de teclado

Sobre los enlaces y el reinicio

Los enlaces incluyen los datos que introduces y la configuración. Cualquiera que tenga el enlace puede verlos, así que no incluyas texto privado. Los archivos y los resultados generados no se incluyen; las selecciones aleatorias se repiten.

Al restablecer, la herramienta se recarga con sus valores iniciales y libera los archivos abiertos y los controles de dispositivos. Los borradores guardados permanecen en este dispositivo hasta que los elimines.

Cómo crear imágenes responsive

Introduce una lista de anchos y selecciona cada uno para exportar su variante. El alto mantiene las proporciones del original. El srcset sugerido usa los mismos nombres de archivo numerados y descriptores de ancho; sustituye la descripción de la imagen antes de publicarla.

Siguiente: Selector de color de una imagen

Ejemplo

La imagen de ejemplo de 640 × 360 pasa a 320 × 180 con el primer ancho predeterminado. La variante de 640 píxeles conserva las dimensiones de 640 × 360.

Antes de usar el resultado

El navegador decodifica los archivos PNG, JPEG y WebP. En los archivos animados se usa el primer fotograma. Los perfiles de color pueden afectar a los colores que se muestran; la exportación contiene los píxeles renderizados, no los metadatos originales.

Siguiente: Cambiar tamaño de imagen

Actualizado 7 de octubre de 2026

Citar esta página

Estilo de cita

ToolOctopus. “Generador de imágenes responsive.” Actualizado 7 de octubre de 2026. https://tooloctopus.com/es/generador-de-imágenes-responsive.

Añade la fecha de consulta si tus instrucciones lo requieren.

Las citas se formatean con citeproc-js, de Frank Bennett, y estilos de Citation Style Language. Licencia y código fuente.