Como desarrollador que trabaja en un nuevo proyecto SaaS, necesitaba vincular algunas imágenes de Unsplash directamente a través de sus URL.
Inicialmente, encontré un artículo (enlace) que recomendaba el uso de la API https://source.unsplash.com/. Sin embargo, este método ya no funciona y simplemente copiar el enlace desde el campo URL no proporcionó la URL de la imagen directa necesaria para incrustar.

https://unsplash.com/photos/una-ilustracion-digital-de-la-letra-k-CnbzJXw5Hx4

URL de imágenes sin mostrar

La siguiente opción que probé fue copiar la URL de la imagen haciendo clic derecho sobre ella. Sin embargo, esta URL estaba llena de parámetros innecesarios que no necesitaba y que requerían eliminación manual cada vez. Por ejemplo:

https://images.unsplash.com/photo-1725610588086-b9e38da987f7?q=80&w=3500&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA==

Como desarrollador perezoso que valora la eficiencia, este proceso me pareció frustrante. No quería limpiar manualmente las URL cada vez que quería usar una imagen.

El momento de la bombilla: creación de mi primera extensión de Chrome

Entonces, después de perder demasiado tiempo haciendo esto manualmente, hice lo que haría cualquier desarrollador perezoso con aversión a las tareas repetitivas: creé una extensión de Chrome. ¡Presentamos "CopySplash", la extensión de Chrome que nunca supiste que necesitabas pero que ahora no puedes vivir sin ella!

¿Y la mejor parte? ¡Es un proyecto de código abierto! (GitHub) Siéntete libre de sumergirte en el código, contribuir, sugerir funciones o incluso simplemente decirme cuánto te gusta o no. Los elogios siempre se agradecen.

¿Qué hace "CopySplash"?

• Proporciona una conveniente superposición del botón "Copiar enlace" en imágenes Unsplash, lo que permite a los usuarios copiar rápidamente la URL de la imagen a su portapapeles con un solo clic.

• Establezca parámetros personalizados para ajustar el tamaño, la calidad, el recorte y más, adaptados a sus necesidades específicas y guárdelos.

Pero espera... ¿Cuál es el problema con Unsplash e Imgix?

Unsplash utiliza la API de renderizado Imgix (enlace), un potente servicio de procesamiento de imágenes que cambia el tamaño, recorta y optimiza dinámicamente las imágenes para su entrega web. Cada URL de imagen de Unsplash se procesa a través de Imgix, razón por la cual las URL a menudo están llenas de parámetros.

Consulta la documentación de la API de renderizado para establecer la configuración personalizada que se integrará en la URL copiada

Conclusión: ¡No más drama de URL Unsplash!

Si eres un desarrollador que utiliza con frecuencia imágenes de Unsplash, "CopySplash" puede ahorrarte mucho tiempo y esfuerzo. Pruébelo y, si tiene una idea para una nueva característica, desea mejorar el código o ayudar con la documentación, ¡sus comentarios son bienvenidos!

Campo de golf:

• Extensión CopySplash
• Copiar código Splash
• Imgix
• Descargar