Generador de texto alternativo para imágenes
Escribe el texto alternativo de tus imágenes en segundos. Un modelo de descripción de imágenes se ejecuta en tu navegador y describe cada foto; tú pules la redacción, añades contexto como el nombre de un producto y copias el texto alternativo o una etiqueta img lista para usar. Las comprobaciones integradas avisan si el texto es demasiado largo, empieza por "imagen de" o parece un nombre de archivo.
Última actualización:
Cómo usar Generador de texto alternativo para imágenes
- Añade imágenes soltándolas en el recuadro, eligiendo archivos o pegándolas. Primero se carga una imagen de ejemplo.
- Ajusta las opciones si quieres: un tipo de imagen que mencionar, contexto que incluir (por ejemplo, el nombre del producto) y una longitud objetivo.
- Haz clic en Generar texto alternativo. La primera vez, el modelo de descripción se descarga y queda en caché; después, cada imagen tarda un segundo o dos.
- Revisa y edita cada descripción. Sigue las sugerencias y marca Decorativa en las imágenes que no aportan información.
- Copia el texto alternativo o la etiqueta img en HTML, o descarga un CSV con todas las imágenes.
Cómo escribir un buen texto alternativo
Pregúntate: si sustituyera esta imagen por una frase, ¿qué necesitaría saber el lector? La respuesta depende de por qué está ahí la imagen, así que la misma foto puede necesitar un texto alternativo distinto en páginas distintas.
| Imagen | Texto alternativo flojo | Texto alternativo mejor |
|---|---|---|
| Foto de producto en una tienda | zapato | Zapatilla alta de lona roja con cordones blancos, vista lateral. |
| Foto en una noticia | imagen de personas | Voluntarios plantando árboles a lo largo del camino del río el sábado por la mañana. |
| Gráfico | grafico.png | Gráfico de barras: las ventas en línea pasaron del 20% al 35% de los ingresos entre 2021 y 2024. (Detalles en la tabla de abajo.) |
| Logotipo que enlaza a la portada | logo | Página de inicio de Acme Outdoor |
| Separador decorativo | línea ondulada azul | alt="" (decorativa) |
| Captura de pantalla en un tutorial | captura de pantalla | Ventana de configuración con el interruptor del modo oscuro activado. |
Lista de comprobación del texto alternativo
- Sé concreto y breve: quién o qué, haciendo qué, dónde y cuándo, si importa. Pon primero la información más importante.
- Omite "imagen de" y "foto de": los lectores de pantalla ya anuncian las imágenes. Sí di "Captura de pantalla", "Pintura" o "Gráfico" cuando el propio formato importa.
- Incluye el texto que aparece en la imagen, como un cartel, un eslogan o una cita.
- Enlaces y botones: en una imagen dentro de un enlace, describe adónde lleva el enlace o qué hace el botón, no la imagen.
- Nada de nombres de archivo ni listas de palabras clave: "IMG_2031.jpg" o "zapatos zapatillas zapatos baratos" no ayudan a nadie.
- Termina con un punto para que los lectores de pantalla hagan una pausa natural antes del siguiente contenido.
Preguntas frecuentes
¿Qué es el texto alternativo?
El texto alternativo (el atributo alt de un elemento img de HTML) es una breve descripción escrita de una imagen. Los lectores de pantalla lo leen en voz alta a las personas ciegas o con baja visión, los navegadores lo muestran cuando una imagen no carga y los buscadores lo usan para entender las imágenes. Las pautas de accesibilidad WCAG exigen una alternativa textual para cada imagen con significado (criterio de conformidad 1.1.1).
¿Qué longitud debe tener el texto alternativo?
El estándar HTML no fija un límite, pero una pauta habitual es mantenerlo en unos 125 caracteres o menos: una frase clara que diga lo importante de la imagen en su contexto. Si una imagen necesita más explicación, como un gráfico complejo, pon los detalles en el texto que la rodea o en un pie de foto y deja el texto alternativo corto.
¿Cómo describe la IA mis imágenes?
Usa un modelo de descripción de imágenes: un vision transformer codifica la imagen y un pequeño modelo de lenguaje escribe una frase sobre ella. DistilViT es un modelo compacto entrenado para texto alternativo, y ViT-GPT2 es un descriptor clásico. Ambos se ejecutan en tu navegador mediante transformers.js y ONNX Runtime, así que tus imágenes nunca se suben.
¿Puedo usar el texto alternativo de la IA tal cual?
Tómalo como un primer borrador. Los modelos de descripción describen lo que ven en términos generales ("un hombre en bicicleta por una carretera") y pueden equivocarse en los detalles. Añade lo que el lector necesita en tu contexto, como nombres, lugares, productos o el motivo por el que la imagen está en la página, y elimina lo que sea incorrecto.
¿Cuándo debe una imagen tener el texto alternativo vacío?
Las imágenes puramente decorativas, como adornos de fondo, separadores o iconos junto a una etiqueta de texto que ya dice lo mismo, deben tener alt="" para que los lectores de pantalla las omitan. Marca Imagen decorativa para generarlo. Nunca omitas por completo el atributo alt, porque entonces los lectores de pantalla pueden leer el nombre del archivo.
¿El texto alternativo ayuda al SEO?
Sí. Los buscadores usan el texto alternativo para entender qué muestra una imagen, lo que ayuda en la búsqueda de imágenes y en la relevancia de la página. Escríbelo primero para las personas: las descripciones precisas y concretas también funcionan mejor en los buscadores. Llenar el texto alternativo de palabras clave perjudica la accesibilidad y puede considerarse spam.
¿Se suben mis imágenes?
No. El modelo de descripción se descarga a tu navegador y se ejecuta en tu dispositivo, y los borradores rápidos se calculan localmente a partir de la imagen. Nada de lo que añades se envía a un servidor.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.