단일 CSS 스프라이트 내에서 그룹화하기 위해 대형 CMS에서 이미지를 수집해야합니다. 그러나 대부분 CMS의 화면에서 크기가 조정됩니다. 완전한 웹 페이지를 저장하면 항상 원본 크기의 이미지가 제공됩니다. 따라서 CSS 스프라이트 생성기는 원래의 크기로 렌더링합니다. CSS 스프라이트 기법은 배경 이미지가있는 HTML 요소를 기반으로하며 원본 크기로만 표시 할 수 있습니다.디스플레이 크기를 유지하면서 웹 페이지에서 이미지를 추출하는 방법은 무엇입니까?
웹 페이지에서 이미지를 가져올 수 있지만 디스플레이 크기로 이미지를 저장할 수있는 응용 프로그램이나 스크립트를 아는 사람이 있습니까? (즉, 다양한 파일과 동일한 이미지의 다양한 인스턴스를 저장해야 함을 의미합니다.)
나는 수동으로 만 할 수 있다고 생각합니다. 거기에 당신을 도울 수있는 "pixlr 그래버"라는 파이어 폭스 extention가 있습니다.
https://addons.mozilla.org/en-US/firefox/addon/pixlr-grabber/
샘플 이미지 : 
에도이 작은 도구는 웹 페이지에서 이미지를 추출 http://www.prowebguru.com/2011/12/free-online-image-extractor/
심지어이 http://www.wikihow.com/Download-All-Images-on-a-Web-Page-at-Once
나는이 오래된 질문 알고 시도 할 수 있습니다 -하지만 그것은 나의 수색에서왔다.
웹 페이지가 URL 및 표시 크기를 브라우저에 제공하기 때문에 적절한 크기를 표시하는 것은 브라우저 작업입니다 ... 그러나 브라우저는 모든 확대/축소 설정 또는 다른 고려 사항 등을 고려합니다. 설정했다. 또한 일부 요소는 브라우저 뷰포트, 데스크톱 대 모바일에 따라 변경되는 상대적인 크기를 가질 수 있습니다. 따라서 픽셀 다운로드를위한 정확한 픽셀을 얻는 것은 다운로드 소프트웨어 나 브라우저에 맞춘 잘못된 결과를 줄 수 있습니다.
: -
가장 좋은 (아니지만 당신이 물어와 같은 소프트웨어의 미리 작성된 조각) 모든 이미지 자원의 목록을 다운로드 할 수 있습니다 (http://www.webalyzing.com/free-seo-tools/image-extraction.php 다른 사람이 언급 한 것과 같은 도구를 사용하여 나는이 일을 좋아한다) HTML에 주어진 정확한 픽셀 크기를 절대적으로 가져야한다면 모든 IMG 요소를 반복하는 작은 DOM 구문 분석 스크립트를 작성해야 할 수도 있습니다. 다음은 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...
}
기타 ...
IziSEO 것이다 원래 폭과 높이 display the list of images, 이러한 속성은 HTML 코드에서 설정되어있는 경우. 그런 다음 해당 목록을 CSV 파일로 내 보낸 다음 원하는 용도로 사용할 수 있습니다.
적어도 부분적으로 도움이되는 파라스에 감사합니다. 멋진 확장 프로그램입니다. – cincplug