如何从网页中提取图像，并保持其显示尺寸？ [关闭]

问题描述 投票：0回答：4

我需要在大型CMS中收集图像，以便将它们分组在单个CSS精灵中。但是其中许多已在CMS中显示在屏幕上。保存完整的网页将始终为图像提供原始尺寸。因此，CSS Sprite生成器以其原始大小对其进行渲染。 CSS Sprite技术是基于将HTML元素与背景图片结合使用的，只能以原始大小显示。

有人知道一个应用程序或脚本可以从网页上抓取图像，但是要保存它们的显示尺寸吗？ （这意味着它还应将同一图像的各种实例另存为各种文件）

html css image css-sprites
4个回答
0
投票

我认为您只能手动执行。有一个名为“ pixlr抓取器”的Firefox扩展可以为您提供帮助。

https://addons.mozilla.org/en-US/firefox/addon/pixlr-grabber/

示例图片：“”

1
投票

我知道这是一个比较老的问题-但我的搜索中出现了。

由于网页只是将URL的尺寸和显示尺寸分配给浏览器，因此浏览器的工作是显示适当的尺寸...但是，浏览器还考虑了可能设置的任何缩放设置或其他注意事项。另外，某些元素的相对大小可能会变化，具体取决于您的浏览器视口，例如台式机还是移动设备。因此，获取精确的像素进行像素下载可能会给您带来虚假的肯定结果，这些结果只是针对下载软件或浏览器而定制的。

您最好的选择（虽然不是您要求的预先编写的软件）可能是下载所有图像资源的列表（使用其他人提到的工具-我喜欢这个工具：http://www.webalyzing.com/free-seo-tools/image-extraction.php）

如果绝对必须具有HTML中给定的确切像素尺寸，那么您可能需要编写一个小的DOM解析脚本来迭代所有IMG元素。这是PHP中的一个简单（未经测试）示例。

$dom = new DomDocument();
$dom->loadHTMLFile('http://some-url');
$images = $dom->getElementsByTagName('img'); 
foreach($images as $image){
    $src = $item->getAttribute("src");
    // Get other attributes as needed, styles, width, etc...
}

Etc ...

0
投票

即使这个小工具也从网页http://www.prowebguru.com/2011/12/free-online-image-extractor/中提取图像

即使您可以尝试此http://www.wikihow.com/Download-All-Images-on-a-Web-Page-at-Once

0
投票

[如果您正在寻找从html动画或url提取图像的在线解决方案，请尝试此https://html5animationtogif.com/html5toImages网站。它已于近期启动。它的表现符合我的期望。这是一个付费网站，但价格便宜。对于离线html，您可以使用链接文件（即css，图像，javascript）将其压缩并上传。它还可以从html zip提取图像。

希望这会有所帮助。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.