Previsualiza el posicionamiento, tamaño, repetición y superposiciones de degradado de la imagen, luego copia el CSS correspondiente.
Elija una imagen de origen compatible o comience con la plantilla de texto cuando la herramienta proporcione una.
Sube una imagen local para previsualizar cover, contain, posicionamiento, repetición y una superposición. Establece la ruta del activo publicado por separado; el CSS generado utiliza esa ruta y no incrusta ni sube el archivo fuente.
Inspecciona la vista previa completa y los ajustes de salida. Descarga el archivo terminado, manteniendo el original disponible para comparar.
Sobre esta herramienta
Previsualiza el posicionamiento, tamaño, repetición y superposiciones de degradado de la imagen, luego copia el CSS correspondiente.
Sube una imagen local para previsualizar cover, contain, posicionamiento, repetición y una superposición. Establece la ruta del activo publicado por separado; el CSS generado utiliza esa ruta y no incrusta ni sube el archivo fuente.
Elige una imagen fuente compatible o comienza con la plantilla de texto cuando la herramienta lo proporcione. Sube una imagen local para previsualizar cover, contain, posicionamiento, repetición y una superposición. Establece la ruta del activo publicado por separado; el CSS generado utiliza esa ruta y no incrusta ni sube el archivo fuente.
La previsualización local utiliza el archivo que seleccionaste. Tu sitio web necesita un activo alojado o una ruta en tu proyecto. Sube o copia la imagen allí y asegúrate de que la ruta CSS se resuelva desde tu hoja de estilos.
El procesamiento de imágenes ocurre en tu navegador. Descarga el resultado antes de cerrar la pestaña. La herramienta no sobrescribe tu archivo original.
Formatos aceptados: JPG, PNG, WebP, AVIF, GIF. Salidas disponibles: TXT. La compatibilidad de decodificación del navegador y la configuración de salida seleccionada determinan qué archivos de origen se pueden procesar.
No se necesita cuenta para esta herramienta. Puedes revisar el resultado antes de guardarlo en tu dispositivo.
