Ir al contenido principal

Obtener imagen de html o url en .NET



 Hola Csharpedianos, hace tiempo quería escribir este post pero no había encontrado un ejemplo digno de ser mostrado en nuestro blog, hasta que mi amigo Edwin Rincon [un excelente programador entre otras cosas] me dijo, "he tío mira lo que hice" e ilumino las palabras de este bendito post.

La idea es crear imagenes miniatura (Thumbnail) de una pagina web, teniendo solo su url.
Para que rayos me servirá eso?
Pues si estas leyendo este post es porque lo necesitas para algo o si no entonces?.
    
 Para cumplir el objetivo de obtener una imagen miniatura de una pagina web desde C#, lo primero que tenemos que hacer es descargarnos esta clase AQUÍ ).

Explicare los metodos uno a uno (Que comience la fiesta):

Lo primero que tenemos  es este metodo el cual se encarga de llamar los procedimientos necesarios para que nuestro resultado sea el esperado, este recibe los siguientes parametros:
Url:  La url de la pagina a la cual le queremos hacer la imagen en miniatura.
BrwoserWidth:  Ancho que queremos capturar de la pagina.
BrowserHeight:  Largo que queremos capturar de la pagina.
ThumbnailWidth: Este sera el ancho del que deseas la imagen resultante.
ThumbnailHeight: Este sera el largo del que deseas la imagen resultante.

public static Bitmap GetWebSiteThumbnail(string Url, int BrowserWidth, int BrowserHeight, int ThumbnailWidth, int ThumbnailHeight)
        {
            WebsiteThumbnailImage thumbnailGenerator = new WebsiteThumbnailImage(Url, BrowserWidth, BrowserHeight, ThumbnailWidth, ThumbnailHeight);
            return thumbnailGenerator.GenerateWebSiteThumbnailImage();
        }


Ahora tenemos una clase que sera la que contendra los procedimientos de consulta y captura de la imagen:

private class WebsiteThumbnailImage
        {

        }

Dentro de esta colocaremos las propiedades que utilizaremos:

  private string m_Url = null;
            public string Url
            {
                get
                {
                    return m_Url;
                }
                set
                {
                    m_Url = value;
                }
            }

            private Bitmap m_Bitmap = null;
            public Bitmap ThumbnailImage
            {
                get
                {
                    return m_Bitmap;
                }
            }

            private int m_ThumbnailWidth;
            public int ThumbnailWidth
            {
                get
                {
                    return m_ThumbnailWidth;
                }
                set
                {
                    m_ThumbnailWidth = value;
                }
            }

            private int m_ThumbnailHeight;
            public int ThumbnailHeight
            {
                get
                {
                    return m_ThumbnailHeight;
                }
                set
                {
                    m_ThumbnailHeight = value;
                }
            }

            private int m_BrowserWidth;
            public int BrowserWidth
            {
                get
                {
                    return m_BrowserWidth;
                }
                set
                {
                    m_BrowserWidth = value;
                }
            }

            private int m_BrowserHeight;
            public int BrowserHeight
            {
                get
                {
                    return m_BrowserHeight;
                }
                set
                {
                    m_BrowserHeight = value;
                }
            }

 Y 3 metodos necesarios para se encargan de crear un hilo y ejecutar las acciones asincronamente:

 public Bitmap GenerateWebSiteThumbnailImage()
            {
                Thread m_thread = new Thread(new ThreadStart(_GenerateWebSiteThumbnailImage));
                m_thread.SetApartmentState(ApartmentState.STA);
                m_thread.Start();
                m_thread.Join();
                return m_Bitmap;
            }

            private void _GenerateWebSiteThumbnailImage()
            {
                WebBrowser m_WebBrowser = new WebBrowser();
                m_WebBrowser.ScrollBarsEnabled = false;
                m_WebBrowser.Navigate(m_Url);
                m_WebBrowser.DocumentCompleted += new WebBrowserDocumentCompletedEventHandler(WebBrowser_DocumentCompleted);
                while (m_WebBrowser.ReadyState != WebBrowserReadyState.Complete)
                    Application.DoEvents();
                m_WebBrowser.Dispose();
            }

            private void WebBrowser_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
            {
                WebBrowser m_WebBrowser = (WebBrowser)sender;
                m_WebBrowser.ClientSize = new Size(this.m_BrowserWidth, this.m_BrowserHeight);
                m_WebBrowser.ScrollBarsEnabled = false;
                m_Bitmap = new Bitmap(m_WebBrowser.Bounds.Width, m_WebBrowser.Bounds.Height);
                m_WebBrowser.BringToFront();
                m_WebBrowser.DrawToBitmap(m_Bitmap, m_WebBrowser.Bounds);
                m_Bitmap = (Bitmap)m_Bitmap.GetThumbnailImage(m_ThumbnailWidth, m_ThumbnailHeight, null, IntPtr.Zero);                
            }


 Nuestro ultimo paso sera crear un metodo en presentacion que sera el que segun nosotros hara todo y sera el que invocara la clase y guardara la imagen resultante:

Bitmap bmp = WebsiteThumbnailImageGenerator.GetWebSiteThumbnail(address,1000, 1500, width, height);
            bmp.Save(Server.MapPath("~") + "/thumbnail.jpg");

Les dejo un ejemplo funcional de lo aqui dicho :
Descarguenlo AQUI


Espero que lo disfruten, compartan y comenten. ;)

"Si se puede imaginar... se puede programar."

Comentarios

Entradas populares de este blog

Guía completa de .NET MAUI para el desarrollo de aplicaciones móviles multiplataforma

Guía completa de .NET MAUI para el desarrollo de aplicaciones móviles multiplataforma ⏱️ Tiempo de lectura: 30 minutos 🎯 Nivel: Intermedio ¡Prepárate para revolucionar el desarrollo móvil! Descubre .NET MAUI, el marco multiplataforma que te permite crear aplicaciones nativas para iOS, Android y escritorio con una sola base de código. Adéntrate en los fundamentos, implementaciones prácticas, ejemplos avanzados y mejores prácticas para dominar .NET MAUI y llevar tus habilidades de desarrollo móvil al siguiente nivel. 📑 Contenido del Artículo Introducción a .NET MAUI para móviles Fundamentos y Conceptos Clave Arquitectura de .NET MAUI ...

🔥 Microservicios con .NET: Guía Definitiva para Principiantes y Desarrolladores Intermedios

🔥 Microservicios con .NET: Guía Definitiva para Principiantes y Desarrolladores Intermedios ⏱️ Tiempo de lectura: 15 minutos 🎯 Nivel: Intermedio ¡Prepárate para sumergirte en el fascinante mundo de los microservicios con .NET! Esta guía integral te equipará con los conocimientos esenciales y las técnicas prácticas que necesitas para dominar esta arquitectura moderna. Tanto si eres un principiante que busca una base sólida como un desarrollador experimentado que busca ampliar tus habilidades, este artículo te guiará paso a paso a través de los conceptos fundamentales, la implementación y los mejores prácticas de los microservicios. 📑 Contenido del Artículo 🚀 Introducción a los Microservicios con .NET 💡 Fundamentos y Conceptos Clave ¿Qué son los Microservicios? Ventajas de los Microservicios Desafíos de los Microservicios ...

🚀 Domain-Driven Design (DDD): Guía Completa para Desarrolladores

🚀 Domain-Driven Design (DDD): Guía Completa para Desarrolladores ⏱️ Tiempo de lectura: 30 minutos 🎯 Nivel: Intermedio ¡Sumérgete en el mundo de Domain-Driven Design (DDD) y descubre cómo modelar tu dominio de manera efectiva para crear software flexible y mantenible! Este artículo te guiará a través de los fundamentos, la implementación práctica y las mejores prácticas de DDD. 📑 Contenido del Artículo Introducción a Domain-Driven Design (DDD) Fundamentos y Conceptos Clave Conceptos Clave de DDD Principios de DDD Patrones de DDD Implementación Práctica Implementando DDD en Diferentes Lenguajes Herramientas para DDD ...