如何从HTML页面提取更大的图像来制作缩略图(像Facebook一样)

在我的应用程序中，我发布文章，整个文档以html的形式存储在数据库中。在文章的不同地方，我使用了图片。(通过上传或只是放置img url)。

在主页上，我想做我想要的大小缩略图，这样我就可以把一些最近的文章连同他们的预览图像在那里。

那么，我如何从任何html文档中提取更大的图像?(以便只选择相关图像，不选择其他图像)从图像列表中，如何确定和选择最先出现的图像?

我想使用"一个"图像，使缩略图在服务器上编程。我将缓存它，然后显示在页面上。

就像wordpress应用程序或其他CMS一样。

目前，我使用以下方法，我认为这是不正确的:在发布文章时，当我在编辑器中上传图像时，我保留最后上传图像的imageId，并将其与文章一起存储到数据库中。因此，对于我发布的每篇文章，我有一个单独的imageId列。

问题开始时，我没有上传任何图像，然后我必须插入一个默认的imageId自动避免问题。这个过程很烦人。请帮帮我。请指导我最实用和最简单的解决方案。

我实现这一切的网站是http://disneyduniya.in