Cuando se reemplaza un sitio web antiguo por uno nuevo, el contenido de texto normalmente tiene alguien que lo revisa, pero las imágenes a menudo se consideran una parte que se "traslada sin más". Solo después de la publicación se descubre: imágenes de productos borrosas, imágenes de casos ausentes, banners recortados por cambio de tamaño, y algunas imágenes de las que no se sabe su origen. Los problemas con los recursos de imagen no impiden que el sitio web se abra, pero afectan directamente la primera impresión que los visitantes tienen de la empresa y dejan problemas para el mantenimiento posterior.
A continuación, se clasifican los problemas comunes de los recursos de imagen según el orden real en que ocurren durante una renovación. Para cada categoría se ofrecen acciones de verificación prácticas, que puedes revisar una por una en tu propio proyecto.
1. Fase de inventario: sin lista de imágenes antiguas, todo depende de la memoria
El error más común en una renovación es abrir directamente la página de inicio del sitio antiguo y empezar a hacer capturas de pantalla o guardar imágenes, en lugar de hacer primero un inventario sistemático. Después de varios años en funcionamiento, las imágenes del sitio antiguo pueden estar dispersas en el cuerpo de artículos, detalles de productos, encabezados de sección, ventanas emergentes, pie de página y otros lugares, y es fácil que se pasen por alto al revisar manualmente.
Un enfoque más seguro es crear primero una lista de imágenes. Supongamos que el sitio antiguo tiene tres secciones principales: productos, casos y noticias. Se pueden organizar según los siguientes campos:
- Dirección de la página o sección donde se encuentra la imagen
- Posición de la imagen en la página (encabezado, ilustración del cuerpo, miniatura, etc.)
- Si ya se tiene el archivo original localmente
- Si esta imagen se necesita en el nuevo sitio
- Conclusión de tratamiento: conservar, reemplazar, eliminar, pendiente de confirmar
La lista no necesita ser muy compleja, una tabla es suficiente. Lo clave es convertir "qué imágenes trasladar y cuáles no" en una lista que se pueda marcar, en lugar de decidirlo a última hora antes de la publicación. El criterio puede ser simple: conservar las que sigan siendo relevantes para el negocio actual; las imágenes de productos descontinuados, imágenes de eventos caducados o fotos de equipo claramente obsoletas se pueden marcar para eliminar o reemplazar.
2. Nombres de archivo: nombres en chino, caracteres ilegibles y "IMG_0231"
Los nombres comunes de las imágenes antiguas son "微信图片_20230512.jpg", "未标题-1.png" o una cadena de números. Estos archivos no causan problemas durante la migración, pero una vez en el nuevo sitio son difíciles de gestionar: si un compañero de operaciones quiere encontrar una imagen de producto, tiene que abrirla una por una.
La renovación es un buen momento para renombrar las imágenes. Se recomienda usar el formato "sección-contenido-número" en inglés o pinyin en minúsculas, por ejemplo, una imagen de la página de productos podría llamarse product-a-01.jpg, y una imagen de caso case-hangzhou-02.jpg. La regla de nomenclatura no necesita ser sofisticada, solo que varios miembros del equipo puedan entenderla y buscar por palabras clave.
También hay que evitar espacios, signos de puntuación chinos y símbolos especiales en los nombres de archivo. Estos caracteres pueden volverse ilegibles al transferirse entre diferentes sistemas y pueden mostrarse de forma anormal después de subirlos al panel de administración. Una vez unificada la nomenclatura, será mucho más fácil reemplazar imágenes y verificar versiones en el futuro.
3. Tamaño y formato: el diseño del nuevo sitio es diferente al antiguo
Las dimensiones de las imágenes del sitio antiguo están recortadas según la plantilla antigua. Después de cambiar a un nuevo diseño, la misma imagen puede estirarse, recortarse o dejar espacios en blanco. Los síntomas comunes son: los lados del encabezado se cortan, la proporción de la imagen del producto se deforma, o en el móvil solo se ve una pequeña parte central de la imagen.
Para abordar este tipo de problemas, primero confirma el tamaño y la proporción reales de visualización de cada posición de imagen en el nuevo sitio, y luego decide si la imagen antigua se puede reutilizar directamente o si hay que exportarla de nuevo. Supongamos que el encabezado de la página de inicio del nuevo sitio tiene una proporción panorámica, mientras que el del sitio antiguo es casi cuadrado; en ese caso, esa imagen básicamente necesita un nuevo recorte o un cambio de material, en lugar de forzarla.
En cuanto al formato, las imágenes fotográficas generalmente usan JPG, mientras que los iconos, logotipos e imágenes que necesitan fondo transparente usan PNG. Durante la renovación, si se descubre que el sitio antiguo tiene muchas imágenes de gran tamaño, se pueden comprimir de manera uniforme al exportarlas de nuevo, pero el grado de compresión debe ser tal que no se note una borrosidad evidente a simple vista; no comprimas los detalles del producto hasta que se vean borrosos solo para reducir el tamaño.
4. Enlaces de imágenes: las direcciones antiguas dejan de funcionar tras cambiar el dominio
Si el nuevo sitio utiliza un nuevo dominio o una nueva estructura de directorios, las direcciones de acceso a las imágenes del sitio antiguo cambiarán. Los artículos ya publicados, las imágenes referenciadas en plataformas externas y las páginas de imágenes indexadas por motores de búsqueda del sitio antiguo pueden dejar de abrirse. El usuario ve un cuadro en blanco o una imagen rota, lo que genera una mala experiencia.
Antes de la renovación, se puede exportar una lista de las URL principales de las imágenes del sitio antiguo y, después de la publicación, abrirlas una por una para verificar cuáles siguen accesibles y cuáles ya no. Para las imágenes antiguas que aún se necesitan conservar, se debe intentar que el nuevo sitio utilice rutas similares o realizar la redirección correspondiente; para las imágenes que realmente ya no se usan, al menos asegurarse de que las páginas que las referencian se hayan actualizado en consecuencia.
También hay que revisar la forma en que se referencian las imágenes en el cuerpo del texto. Algunos artículos antiguos tienen direcciones de imagen pegadas directamente; después de cambiar de sitio, estas direcciones no se actualizan automáticamente y es necesario volver a subirlas y reemplazarlas. Este tipo de problema es fácil de pasar por alto cuando hay muchos artículos; se recomienda revisar por secciones en lugar de solo mirar la página de inicio.
5. Derechos de autor y procedencia: no traslades imágenes cuya fuente no esté clara
Las imágenes del sitio antiguo pueden tener orígenes muy variados: proporcionadas por la empresa de diseño, tomadas por empleados, descargadas de sitios de material gráfico, guardadas de otros sitios web. Si durante la renovación se trasladan tal cual al nuevo sitio, se están conservando imágenes de procedencia incierta.
Un enfoque más seguro es agregar una columna de "fuente" en la lista de inventario. Las que se puedan confirmar como propias o con licencia comprada se migran normalmente; las de origen desconocido, que claramente tengan marcas de agua de otras marcas, o que se hayan guardado al azar de internet, se recomienda reemplazarlas. Especialmente en posiciones destacadas como el encabezado de la página de inicio o la imagen principal del producto, no uses materiales cuya procedencia no esté clara.
Si la empresa no tiene una fototeca especializada, durante la renovación se puede aprovechar para organizar una carpeta interna de imágenes, almacenando juntas las imágenes confirmadas como utilizables y anotando su uso y fuente. Así, en futuras renovaciones o campañas, no será necesario buscar imágenes por todas partes.
6. Gestión del panel de administración: nadie se encarga de las imágenes después de subirlas
Después de la publicación del nuevo sitio, la forma de gestionar las imágenes también cambia. Algunos paneles admiten una biblioteca de medios, otros requieren subir por sección. Los problemas comunes son: el mismo logotipo se sube repetidamente una docena de veces, los títulos de las imágenes y los textos alternativos son todos nombres de archivo predeterminados, y después de un tiempo nadie sabe cuál es la versión más reciente.
Se recomienda establecer un hábito simple de gestión de imágenes después de la publicación: antes de subir, renombrar el archivo según la regla de nomenclatura; al subir, completar un título de imagen o texto alternativo significativo para facilitar la búsqueda propia y de los compañeros; limpiar periódicamente las imágenes que ya no se usan para evitar que la biblioteca de medios se acumule desordenadamente. El texto alternativo no necesita ser largo, basta con que describa qué muestra la imagen y dónde se usa.
Si varias personas del equipo se encargan de actualizar, es mejor acordar una regla de almacenamiento, por ejemplo: "las imágenes de productos van en la carpeta de productos, las imágenes de eventos se archivan por año". Cuanto más simple sea la regla, más fácil será de cumplir; los directorios jerárquicos complejos tienden a que nadie quiera seguirlos.
Revisión de imágenes que se puede seguir antes de la publicación
Al finalizar la renovación, las verificaciones relacionadas con imágenes se pueden concentrar en una sola vez:
- Abrir el nuevo sitio página por página y confirmar que no haya imágenes rotas, en blanco o marcadores de posición que no carguen.
- Revisar si las imágenes en la página de inicio, páginas de sección, páginas de detalle de productos y cuerpo de artículos se muestran completas y con proporciones normales.
- Revisar de nuevo en el móvil, prestando atención a si las imágenes de encabezado y de productos tienen partes clave recortadas.
- Confirmar que las direcciones de las imágenes del sitio antiguo que aún se necesitan conservar sean accesibles normalmente.
- Verificar la fuente de las imágenes y reemplazar aquellas cuya procedencia no esté clara.
- Confirmar la nomenclatura y clasificación de las imágenes en la biblioteca de medios del panel, para que los compañeros puedan encontrarlas directamente en el futuro.
La mayoría de los problemas con los recursos de imagen no son dificultades técnicas, sino que durante la renovación nadie se encarga específicamente de ellos. Trátalos como un objeto de migración tan importante como el contenido de texto, haz una lista con antelación, establece reglas y realiza una revisión concentrada antes de la publicación; esto evitará muchos retrabajos después del lanzamiento.
