nytimes.com 슬라이드 쇼 이미지를 클립 보드에 복사하려면 어떻게해야합니까?


57

New York Times 웹 사이트의 슬라이드 쇼약간의 속임수를 사용 하여 Firefox (및 IE / Chrome)에서 마우스 오른쪽 단추를 클릭 한 다음 "이미지보기"또는 "이미지 복사"로 1 x 1 픽셀을 반환합니다. 이미지도 인쇄되지 않습니다.

이 짧은 화면 캡처를 우회하는 방법은 무엇입니까? 그들이 한 일을 설명하는 보너스 포인트.

* Ijgww 이것이 까다 롭지 않다고 지적했으며 , 복사, 붙여 넣기 및 인쇄 기능이 올바르게 작동 하는 이 기사의 이미지 에서 알 수 있듯이이 이상한 동작을 요구하는 브라우저 제한 사항 때문일 수 있습니다 . 이야기의 도덕 : 절대 부정적인 의도를 가정하지 마십시오.

슬라이드 쇼인 경우 전혀 속이지 않을 수 있습니다. x- 브라우저 자르기 기능으로 인해 이미지가 CSS로 배경에있는 경우에만 많은 슬라이드 쇼 솔루션이 가능합니다. 그리고 1x1 픽셀은 자르기 크기를 정의하는 데 사용됩니다.


2
나는 사이트를 이메일로 보내고, 내가 누군지 설명하고 그림을 요구할 것이다
Canadian Luke

8
@Luke 이것은 가능하지 않으며, 그렇게해서는 안됩니다. 이것은 공정 사용 저작권 지침에 쉽게 해당됩니다.
glenviewjeff

4
보너스 포인트를 정확히 어떻게 제공합니까?
Dave

1
@DaveRook 현상금? 당신이 시도 할 때까지 당신은 결코 알 수 없습니다 ...
glenviewjeff

1
나는 이미지를 복사 할 목적을 언급하지 않았다. 나도 그래야하지 이미지를 컴퓨터 클립 보드에 복사하거나 인쇄 할 때 유효한 정당한 사용 사례 가있을 수 있습니다. 예를 들어; 인쇄하여 자녀의 이마에 스테이플 링하십시오.
glenviewjeff

답변:


82

New York Times <div>는 확장되고 투명한 1 픽셀 이미지를 포함 하는 요소를 만들고 실제 이미지를 백그라운드에서 찾습니다.

<div class="centeredElement" style="background-image:url('http://graphics8.nytimes.com/images/2011/09/21/dining/20110921-ROSH-slide-CBSF/20110921-ROSH-slide-CBSF-slide.jpg');width:600px; height:400px;">
<img width="600" height="400" src="http://graphics8.nytimes.com/images/misc/pixel.gif" />
</div>

이미지를 저장하려면

  1. 마우스 오른쪽 버튼으로 클릭하십시오.
  2. 이미지 정보보기를 클릭 하십시오 .
  3. 실제 이미지를 선택하십시오 (1 픽셀 이미지 위의 하나).
  4. 다른 이름으로 저장 ...을 클릭 하십시오 .

페이지를 인쇄하는 방법 :

  1. Ctrl+를 누릅니다 P.
  2. 옵션 탭을 입력 하십시오.
  3. 배경 이미지 인쇄를 확인하십시오 .
  4. 인쇄를 클릭하십시오 .

4
이런 종류의 속임수로 인해 사용자가 이미지를 찍지 못하게 될 것이라고 생각하는 것은 바보처럼 보입니다.
Eliot Ball

51
@EliotBall 성공률이 95 %를 넘지 않으면 충격을받을 것입니다. 인터넷 사용자의 대다수는 90 년대에 기술적으로 글을 읽지 못했습니다.
Dan Neely

11
또한 더 복잡하게 만들면 별다른 이점이 없습니다. 사소한 것에 의해 멈춰진 사람들과 브라우저를 adblock / webdev 도구를 사용하여 직접 이미지를 자유롭게 찢어내는 방법을 알아낼 수 있거나 다른 사람들의 지시를 따를 수있는 방법을 찾는 사람들 사이의 격차 매우 작습니다. 한편 페이지에 모든 추가 항목을 추가하면 다운로드 및 렌더링 속도가 느려지고 짜증나는 eveyone입니다.
Dan Neely

9
@EliotBall 그것이 명백한 경우, 왜이 질문이 슈퍼 유저에 관한 것입니까? 이제 얼마나 많은 사람들이 수퍼 유저에 대해 들어 본 적이
없는지 고려하십시오

5
@DanNeely- ' Eternal September '는 1993 년에 시작되었습니다.;)
BryanH

49
  1. AdBlockPlus 플러그인을 사용하여 이미지를 마우스 오른쪽 버튼으로 클릭하고 차단하십시오 (마지막 옵션 'custom ... pixel.gif'선택). 이제 페이지를 한 번 새로 고친 후 이미지를 마우스 오른쪽 버튼으로 클릭하고 '배경 이미지보기'와 voila를 선택할 수 있습니다!

    이 방법은 한 번만 수행하는 것이 가장 좋은 옵션이므로 추가 노력없이 항상 갤러리의 이미지를 저장할 수 있습니다.

  2. Firefox에서 Firebug 플러그인을 사용하거나 Chrome에서 빌드 옵션을 사용하여 '요소 검사'를 선택하십시오. 그러면 HTML 코드가 src와 함께 img 태그를 가리키는 sneaky pixel.gif를 가리키는 것을 볼 수 있습니다. 포함 된 div에는 배경으로 올바른 그림이 설정되어 있습니다. div 요소의 스타일 (background-image : url)에서 이미지 URL을 복사하면됩니다.


귀하의 솔루션이 가장 마음에 들지만 설명으로 인해 @Dennis를 수락했습니다.
glenviewjeff

또한 설명하고 싶었지만 서둘러 예제 HTML 코드를 붙여 넣는 데 약간의 문제가 있었으므로 마침내 건너 뛰었습니다. 음, 다음에 초록 'V'를 얻습니다. 내 대답이 가장 중요합니다 :)
topr

+1, 이것 (ABP 사용)은 이와 같은 상황에서 정확히 내가하는 일입니다.
카란

1
오페라 브라우저는 플러그인없이 무엇이든 차단할 수 있습니다. 애드 블록의 경우 원하는 사이트에 대한 허용 목록을 사용하십시오. 광고에서 돈이 필요합니다.
Manu

1
@manu에는 Opera에 DOM 기반 차단 기능이 내장되어 있습니까, 아니면 URL 필터 이외의 기능을위한 플러그인이 필요하십니까?
Dan Neely

17

질문을 firefox로 태그하고 이미지 저장 방법을 설명하는 올바른 방법으로 표시 했으므로 다음 대안을 제안합니다.

  • 어느 한 쪽:
    • 페이지->에서 마우스 오른쪽 버튼을 클릭하십시오 View Page Info.
    • 메뉴 막대에서 Tools-> Page Info를 선택하십시오 .
  • Media팝업 창에서 탭을 선택하십시오 .
  • 찾고있는 이미지를 찾아서 Save as버튼을 클릭하십시오 . 용지를 크기별로 정렬하면 일반적으로 찾고있는 이미지를 더 빨리 얻을 수 있습니다.

파이어 폭스 페이지 정보

이 방법은 NY Times 슬라이드 쇼에서 작동합니다. 그러나 가장 유용한 기능은 다음과 같습니다.

  1. 다운로드하려는 여러 이미지가 포함 된 페이지입니다. 미디어 목록에서 여러 파일을 선택하고를 한 번의 클릭으로 모두 저장할 수 있습니다 Save as.
  2. 마우스 오른쪽 버튼 클릭에 대한 제한이있는 페이지 (예 : IMDB 슬라이드 쇼 ) 이 방법을 사용하면 자바 스크립트를 비활성화 한 다음 다시 활성화 할 필요가 없습니다.

4
맛있어 보이는 치킨입니다.
Russell Borogove

2
@RussellBorogove 왜 내가 그것을 인쇄하고 싶어한다고 생각합니까?
glenviewjeff

15

마우스 오른쪽 버튼을 클릭하고 Chrome에서 요소 검사를 선택하십시오. 이제 배경 이미지 필드에 URL을 복사하십시오.

나에게 실제 링크를 제공

http://graphics8.nytimes.com/images/2011/09/21/dining/20110921-ROSH-slide-CBSF/20110921-ROSH-slide-CBSF-slide.jpg

여기에 링크 설명을 입력하십시오


이것이 바로 내가하는 일입니다. 기교가 부족한 것처럼 느껴지지만 작동하며 빠르고 간단합니다. 멋진 이미지 선택 : 휴일 동안 타마 린드를 곁들인 (오리지널) 그루지야 치킨! !!
엘리 Kesselman

6

슬라이드 쇼인 경우 전혀 속이지 않을 수 있습니다. x- 브라우저 자르기 기능으로 인해 이미지가 CSS로 배경에있는 경우에만 많은 슬라이드 쇼 솔루션이 가능합니다. 그리고 1x1 픽셀은 자르기 크기를 정의하는 데 사용됩니다.

다른 사람들은 이미 그러한 그림을 다운로드하는 방법에 대답했습니다. 나는 현상금을 수집하지 않고 주제에 다른 빛을 비추고 싶었습니다.

건배!


당신은 꽤 올바른 것 같습니다 ! 우리 중 얼마나 많은 사람들이 악의적 의도를 앓고 있다는 사실이 재밌습니다. 질문 및 태그 편집
glenviewjeff

그것은 자바 스크립트 프로그래머의 답변이었습니다 (웹 디자이너가하는 일을 몰래하는 것);) 감사합니다 :)
ljgww

3

JavaScript 북마크를 사용하여 더미 이미지를 실제 이미지로 바꾼 다음 간단히 저장하거나 바탕 화면으로 드래그하면됩니다.

아래 코드를 선택하여 브라우저의 북마크 툴바로 직접 드래그 한 다음 이미지를 보려는 각 페이지에서 클릭하여 실행하십시오.

javascript: var div = document.getElementsByClassName('image')[0]; var url = div.getElementsByClassName('centeredElement')[0].style.backgroundImage.replace(/^url\("|"\)$/g, ''); div.getElementsByTagName('img')[0].src = url; void(0);

이것은이 사이트에서만 작동하며 지금 당장 HTML 설정이있는 동안에 만 작동합니다.


2

Chrome을 사용하여 이미지를 마우스 오른쪽 버튼으로 클릭하고 요소 검사를 수행하십시오. 이미지 태그를 무시하고 div의 배경 URL을 확인하면 복사, 새로운 탭에로드 및 저장할 수있는 실제 이미지 경로를 제공합니다


1
- 예를 들어, 문제의 당신의 연결에 따라 graphics8.nytimes.com/images/2011/09/21/dining/...
롭 코웰

2

다음은 모든 웹 사이트에서 작동하는 일반적인 솔루션입니다.

Fiddler를 설치하고 시작하십시오 . 이미지가있는 사이트를 탐색하십시오.

Fiddler에서 캡처 된 캡처 된 트래픽 로그를 확인하면 브라우저로 다운로드 된 모든 이미지를 찾을 수 있습니다.


이를 위해 Fiddler가 필요하지 않으며 브라우저는 해당 정보도 제공합니다 (위의 답변 중 일부 참조). 참새와 대포.
Konrad Rudolph

1
Fiddler 솔루션은 HTTP 또는 HTTPS를 통해로드되는 한 리소스가 플래시 또는 다른 내장 객체를 통해로드 되더라도 모든 브라우저에서 작동합니다. Fiddler를 사용하면 매번 같은 방식으로 절차가 수행됩니다. 그렇지 않으면 웹 사이트 또는 브라우저에 따라 절차가 약간 다릅니다. 나는 이것이 가장 쉬운 해결책이라고 말하지 않고 좋은 보편적 대안입니다.
dotnetengineer

플래시 리소스에 대한 언급은 실제로 꽤 좋은 지적입니다.
Konrad Rudolph

2
더 많은 소프트웨어를 추가 할 필요는 없습니다. 이는 간단한 프로세스 여야하는 복잡성이 크게 증가한 것입니다. 피들러는 또한 일반 컴퓨터 파워 유저가 아닌 프로그래머를위한 도구입니다.
Jeff Atwood

@JeffAtwood : (복수의 경우) 복잡성이 불필요하게 증가한다는 귀하의 진술에 동의하지만, 중간 프록시를 사용하는 것이이 상황을 포착하는 유일한 합리적인 방법 일 수 있다는 사실을 부정하지 않습니다 .
dotnetengineer

1

를 누르고 PrtScrn페인트 프로그램을 열고 붙여 넣습니다.

Windows :를 사용하여 활성 창만 캡처하려면 : Alt+ PrtScrn, Vista 이상인 경우 스니핑 도구를 사용하여 선택 항목 만 캡처 할 수 있습니다.


이것이 가장 일반적인 해결책이며 그림을 "훔치기"위한 브라우저 솔루션이없는 이유입니다.
UncleZeiv

1
실제로 이미지가 모니터가 표시 할 수있는 것보다 큰 해상도에 도달하면 여전히 고통 스럽지만 지루할 수 있습니다.
토마스

OP에서 "이 짧은 화면 캡처를 무시하는 방법은 무엇입니까?"
glenviewjeff

사과- "짧은"을 "정렬"이라고 읽은 다음 "[예비] 화면 캡처 [기술]"에 대해 이야기 한 것으로 가정했습니다.
markmnl

1

브라우저에 표시되는 모든 이미지는 하드 드라이브 어딘가에 캐시에 저장됩니다. 찾아보기 세션 후 캐시 추출 도구를 사용하여 이미지를 추출 할 수 있습니다. 그리고 하나씩 저장할 필요가 없습니다. 사용할 수있는 도구 중 하나는 cacheCopy 입니다. 브라우저를 선택하고 캐시를 선택할 수 있습니다. 저장할 이미지의 크기 (파일 크기 또는 해상도). 또한 파일 이름을 적절하게 지정할 수 있습니다.

이 방법의 단점은 캐시의 다른 사이트에서 대상 사이트의 이미지를 필터링해야합니다. 그러나 수집 된 이미지를 찾기 전에 캐시를 지우면이를 피할 수 있습니다. 또한 캐시가 사용되지 않으므로이 도구는 개인 모드에서 작동하지 않습니다.

면책 조항 : 그것은 뻔뻔한 플러그입니다. 나는 그 앱의 저자입니다.


음 .. 어떤 목적 으로든
깜박임 캡처를

0

일반적으로 Chrome / 요소 검사 / 리소스 탭 / 프레임 / 페이지의 유일한 프레임 / 이미지. 세상에는이 목록에서 이미지를 숨길 수있는 속임수가 없습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.