Si administra un mercado en línea que se basa en la participación de los usuarios y el intercambio social, el contenido y las imágenes generados por los usuarios (UGC/UGI) son algunos de los activos más valiosos. Los sitios de reseñas como Yelp permiten a los usuarios delirar o lamentarse de la calidad de los restaurantes a través de fotografías. Los sitios de viajes ayudan a los propietarios a atraer visitantes con bellas tomas y videos. Finalmente, los sitios para compartir fotos como   ayudan a los fotógrafos a mostrar sus sensibilidades únicas y ganar exposición. Unsplash  Sin embargo, es difícil trabajar con UGI y la penalización por equivocarse puede ser elevada. En este artículo, le mostraremos cómo procesar UGI mediante programación, para que pueda generar confianza, mejorar la experiencia del usuario y simplificar su flujo de trabajo.  Los beneficios del contenido generado por el usuario  El contenido generado por el usuario, especialmente imágenes y videos, es excelente para construir una base de usuarios en constante crecimiento. Si crea un ecosistema saludable en su sitio o aplicación, puede aprovechar el poder de los UGI de estas tres maneras:    los amigos, vecinos, compañeros y colegas confían entre sí mucho más de lo que confían en los mensajes de marketing. Un estudio reciente de Stackla encontró que el 60% de los consumidores basaron su decisión de compra en el consejo de familiares y amigos. Cuando la conexión es auténtica, hay más confianza. Confianza:    Los gustos y preferencias de las personas son únicos. En un mundo de mayor individualidad, los usuarios quieren personalización. El contenido generado por el usuario es una excelente manera de llegar a audiencias específicas y satisfacer sus necesidades. Personalización:    además, obtener imágenes de los usuarios suele ser la forma más práctica y rentable de generar contenido, especialmente para los mercados en línea. Rentabilidad:  En qué centrarse al procesar imágenes generadas por el usuario  Si está trabajando con UGC, es probable que esté tratando con miles, si no millones, de UGI diariamente. Las imágenes pueden ser de personas influyentes sin experiencia, fotógrafos experimentados o cualquier persona intermedia. Como resultado, es probable que estas imágenes tengan una gran variedad de formatos, tamaños y calidades.  Por otro lado, los visitantes de su sitio que consumen el contenido aún esperan la mejor experiencia, que incluye lo siguiente:  Carga rápida de imágenes y velocidad de página  Diseño receptivo y adaptabilidad del dispositivo.  Formato y composición estandarizados  Seguridad de marca y moderación de contenido  Cerrar la brecha entre las expectativas del usuario y los desafíos del procesamiento de UGI puede ser desalentador. Y encontrar una solución simple que resuelva todas estas necesidades puede parecer casi imposible. Sin embargo, existen soluciones rentables, confiables y escalables, y en el resto de este artículo, le mostraremos exactamente qué son y con qué facilidad puede implementarlas.  1. Optimización para carga rápida y velocidad de página  Las imágenes y los videos, en particular los generados por los usuarios, suelen ser los archivos más grandes de una página web, lo que hace que la velocidad de la página sea lenta. Si el SEO es importante para su negocio, debe intentar optimizar y comprimir imágenes, lo que puede mejorar la velocidad de su página,   y, a su vez, sus resultados de búsqueda. Con Imgix, puede combinar tres técnicas comunes para reducir el tamaño del archivo de imagen y acelerar la velocidad de la página: Core Web Vitals   Sirva imágenes en formatos de próxima generación como AVIF o WebP   Cambiar correctamente el tamaño de las dimensiones de la imagen   Deje que Imgix aplique la compresión de mejor esfuerzo  En los ejemplos siguientes, la imagen original tiene un tamaño de archivo de 3,3 MB. La imagen optimizada, a pesar de parecer idéntica, tiene un tamaño de archivo de solo 215 kB, que es un 93 % más pequeño que el original. Esto mejoraría significativamente la velocidad de carga. Se logra mediante el uso de tres transformaciones simples como una cadena de consulta de URL:   . fm=webp&auto=compress&w=2000   Imagen original - 3,3 MB    . Haga clic en el enlace y vea la reducción de tamaño. Imagen optimizada - 215kB    2. Diseño receptivo  Con la proliferación de dispositivos y navegadores, simplemente no puede confiar en una versión de imagen para adaptarse a diferentes entornos y verse bien en cada uno. Por el contrario, la generación manual de archivos derivados para diferentes dimensiones requiere mucha mano de obra y es difícilmente escalable.  Afortunadamente, el atributo   alivia esa necesidad al indicarle al navegador que identifique el mejor tamaño de imagen según las opciones disponibles. Además, puede usar Imgix y el elemento   para la dirección de arte. <srcset> <picture>  Srcset para cambiar de resolución     <picture> para dirección de arte  3. Estandarizar la calidad y composición visual  La mayoría de las imágenes generadas por los usuarios no se crean de forma profesional. A menudo son demasiado brillantes, demasiado oscuros o simplemente demasiado inconsistentes entre sí. Para mejorar la calidad y la cohesión visuales, debe considerar un conjunto estándar de mejoras de imagen. Y si procesa miles o más UGI por día, la automatización puede ayudarlo a ahorrar una gran cantidad de tiempo.    : hace que la imagen sea más vibrante al ajustar la distribución de luces, medios tonos y sombras en los canales RGB auto=true    — elimina los ojos rojos auto=redeye  Enfocar y enmarcar las caras también es importante. La expresión facial de un sujeto de noticias, si se amplía y recorta adecuadamente, a menudo puede contar una historia más matizada que cualquier palabra. Y si aloja reseñas de productos de los usuarios, los avatares de los usuarios agregarían autenticidad y credibilidad. Varios parámetros de la API de Imgix facilitan la detección, el encuadre y el recorte de rostros:    : selecciona una cara en la que centrar una imagen. Puede aislar una cara en particular o incluir varias caras. En el siguiente ejemplo, seleccionamos la cara del niño usando   y algunos otros parámetros.  faceindex faceindex=2    : define la cantidad de relleno alrededor de las caras. En el siguiente ejemplo, junto con algunos otros parámetros, hacemos zoom en la cara del modelo usando   .  facepad facepad=1    : establece una máscara sobre una imagen. En el siguiente ejemplo, junto con algunos otros parámetros, colocamos una máscara circular alrededor de la cara del modelo usando   .  máscara mask=ellipse  Solo para tener en cuenta, Imgix no almacena información facial ni identifica a ninguna persona en las imágenes. Toda la detección se produce sobre la marcha y cumple con las normas de protección de datos de la UE.  4. Supervisión y moderación de contenido  Con UGI, la seguridad del contenido es otra consideración importante. Imgix   puede ayudarlo a detectar automáticamente contenido potencialmente violento, para adultos o cuestionable. Las alertas de contenido hacen que la organización de las imágenes generadas por los usuarios sea más rápida y sencilla, y puede automatizar la moderación del contenido de manera más eficaz.  Asset Manager  Comience con el procesamiento de imágenes generadas por el usuario  A medida que aumenta el volumen, la variedad y la complejidad del contenido generado por los usuarios, puede aumentar la tensión para usted y su equipo. Creamos Imgix para que pueda brindar las mejores experiencias visuales a sus visitantes, mejorar el rendimiento de la página y eliminar el trabajo redundante para sus desarrolladores y diseñadores.  También publicado  aquí.  Lo que se muestra en este artículo simplemente araña la superficie de lo que ofrece Imgix. Consulte los siguientes recursos para ver cómo Imgix puede ayudarlo con sus necesidades de medios visuales.   Más información sobre las transformaciones UGI comunes   Crear una cuenta imgix gratis  Lea estos estudios de casos para ver cómo nuestros clientes han trabajado con UGI.   Eventbrite   pexels   Cable de bienes raíces (REW)

Sign Up for Free

Get A Demo

Read the Docs

Visit Website

Este audio es producido en el idioma original de la historia!

Demasiado Largo; Para Leer

Boost your HackerNoon story @ $159.99! 🚀

Procesamiento dinámico de UGI para confianza, personalización y eficiencia

About Author

COMENTARIOS

ETIQUETAS

ESTE ARTÍCULO FUE PRESENTADO EN

Related Stories

La fuga rápida del sistema Claude Sonnet 3.5: un análisis forense

Valhalla de Floki se une como patrocinador asociado de la gira de la India por Sri Lanka

Telegram: el puente de Crypto Island hacia el continente

Una breve introducción a la teoría del cerebro de Boltzmann

La fuga rápida del sistema Claude Sonnet 3.5: un análisis forense

Valhalla de Floki se une como patrocinador asociado de la gira de la India por Sri Lanka

Telegram: el puente de Crypto Island hacia el continente

Una breve introducción a la teoría del cerebro de Boltzmann

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps