如何下载网页中的图片

原创 2016年08月28日 23:56:31

http://qzher.com/?p=218


如何下载网页中的图片

https://tuchong.com/1181287/12974705/  

怎么从这网页里面提取这个图片? 截图是一种方法,但不是最佳。

 

此网页对右键进行了屏蔽处理,我们通过右键保存图片是不可取的。

 

既然网站禁止了右键,我们也不用额外的下载工具,直接手工进行查找下载:

现在Chrome为例 (别的浏览器也大同小异而已)

 

禁止右键:

 

 

我们按F12键进入开发者工具:

(Google Chrome开发者工具是内嵌到浏览器的开发工具,打开方式有两种:第一“按F12”,第二:shift+ctrl+i)

 

选择左上角的 元素选择器, 然后在网页上移动. 它会告诉你当前鼠标所在部分对应的网页源代码

然后慢慢寻找这个图片所在的位置吧

 

或者直接从Elemetes中,寻找源代码所对应的图片

 

还可以从Sources资源列表中,寻找网页中的图片,视频,音频等元素

 

我们发现,此图片存储的是 webp格式,我们还需要借助工具,将它转化为我们日常中常用的jpg等

https://photo.tuchong.com/1181287/f/23795518.webp

 

我们直接可以借助 Chrome 进行格式转换:

在浏览器中,输入上述图片网址,便可以打开图片.

然后,我们在地址栏中,将后缀名改为jpg,即为:

https://photo.tuchong.com/1181287/f/23795518.jpg

然后右键,保存为jpg即可

 

此方法适应大多数的图片视频下载方式.(某些视频会进行加密处理,又是另一回事了)

(懂一些HTML语法还是蛮实用的.毕竟要天天在网上泡着……HTML也容易学)

————————————————-

(WebP格式,谷歌(google)开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3,并能节省大量的服务器带宽资源和数据空间。Facebook Ebay等知名网站已经开始测试并使用WebP格式。但WebP是一种有损压缩。相较编码JPEG文件,编码同样质量的WebP文件需要占用更多的计算资源。)

 

————————————————-

附: F12 Google Chrome开发者工具 简介

Console
Console可以查看网页运行后提示的消息,错误或者警告以及输出内容等,网页后台可以使用Console.debug("输出内容");来在Console输出显示,可以做到调试的作用吧,不过一般真正调试不是拿Console。console.debug("Console使用介绍");console是小写形式,不然提示没有Console

 

Resources
Resources里可以查看web程序跑起来后所加载的一些资源(Resources),包括图片或者其他“值”,以及Cookies
Sources
Sources可以查看运行的脚本,调试一般都是在Sources调试的,所以程序开发者需要了解和熟悉Sources的使用
Sources
在左侧的脚本代码编号,鼠标点击即可添加断点,添加断点后,刷新网页,程序运行到断点即可看到断点调式的状态了,具体调试需要在自己想查看某个方法里边是否有问题,一步步排除,效果很好
NetWork
NetWork可以看到网页加载的脚本和资源的时间,还可以看到某些不能加载成功的资源;这里有位是百度首页演示,百度首页内容很干净所以不需要加载什么图片等资源
Elements
Elements这个就比如页面的每个元素吧,比如百度搜索这个图片,可以通过Elements找到,搜索框也可以,在底下的“放大镜”类似的控件,点击然后选择自己想要查看要素或位置,Elements会跳转到相应的实现代码

 

类别:   软件 Edit
版权声明:更多文件,请访问 qzher.com 致力于良心IT培训,深圳QQ群:326023167

perl 网页图片批量下载

  • 2014年12月12日 15:20
  • 2KB
  • 下载

url2jpeg网页动态图片下载

  • 2014年06月13日 14:43
  • 212B
  • 下载

python爬虫(1)下载任意网页图片

可以下载任意网页图片

下载网页上的图片

  • 2013年08月26日 17:04
  • 44KB
  • 下载

PSearcher(网页图片下载器) 5.1.8

  • 2009年12月09日 10:25
  • 2.04MB
  • 下载

网络爬虫之Scrapy实战四:爬取网页下载图片

本节介绍了如何利用scrapy下载网页上的图片
  • zhfcmx1
  • zhfcmx1
  • 2017年06月09日 23:07
  • 1030

网页图片保存能手下载

  • 2008年10月21日 16:41
  • 2.34MB
  • 下载

c++ 调用 wget 下载网页图片

这是一个c++调用wget下载图片的小程序, 可以结合我前一篇博客, 自动下载网页图片。 #include #include #include using namespace s...
  • lcbwlx
  • lcbwlx
  • 2015年03月15日 17:53
  • 1604

Python筛选网页中的网址,下载图片

# coding=utf-8 import sys import re import urllib.request import os import socket#targeDir = rD:Pyth...
  • wqewq19
  • wqewq19
  • 2016年11月15日 18:26
  • 471

从网页中下载图片遇到的坑

在使用C#编写程序从普通的网页下载图片往往是这样的: HttpWebRequest request = (HttpWebRequest)HttpWebRequest.Create(new Uri(i...
  • e1989
  • e1989
  • 2016年08月26日 17:11
  • 70
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何下载网页中的图片
举报原因:
原因补充:

(最多只允许输入30个字)