Có thể ngăn chặn tải xuống hình ảnh khi thiết kế một trang web?

Giả sử bạn muốn cung cấp mẫu hình ảnh chất lượng cao trong trang web của mình nhưng cũng muốn bảo vệ chúng khỏi tải xuống, vì bạn có thể xem chúng trên màn hình nhưng không thể lưu từ trang web.

Có cách nào để làm việc này không?

Chỉnh sửa: Đây không phải là điều tôi cần làm nhưng theo một phương pháp trong các câu trả lời tôi đã thấy nhấp chuột phải bị vô hiệu hóa trên một trang web và được quan tâm.

Đối với tất cả ý định và mục đích, điều này là hết sức không thể .

• Bạn có thể tắt nhấp chuột phải, nhưng mọi người vẫn có thể xem mã nguồn của trang của bạn (bằng cách thêm view-source:URL vào Chrome hoặc chỉ sử dụng menu trình duyệt) và tìm URL.

• Bạn có thể sử dụng CSS background-imagethay vì HTML <img>, nhưng mọi người vẫn có thể sử dụng trình kiểm tra trình duyệt của họ (F12 cho hầu hết các trình duyệt) và tìm các thuộc tính CSS của phần tử đó.

• Bạn có thể thiết kế một số thứ điên rồ mà bạn nghĩ sẽ hoạt động, nhưng vào cuối ngày, người dùng phải tải xuống hình ảnh theo một cách nào đó để xem nó. Nếu người dùng hoàn toàn không thể tải xuống hình ảnh, anh ấy / cô ấy thậm chí sẽ không thể nhìn thấy nó ở nơi đầu tiên! Bất kể bạn làm gì, không có gì ngăn cản một cái nhìn đơn giản vào màn hình lưu lượng truy cập mạng hoặc tab "Mạng" của các công cụ phát triển trình duyệt yêu thích của bạn.

Tay nắm cửa là đúng; không thể ngăn người dùng tải xuống hình ảnh. Bất kỳ biện pháp bảo vệ bạn đặt tại chỗ có thể được bỏ qua. Việc chặn Right Clickdễ dàng bị cản trở bằng cách vô hiệu hóa JavaScript (hoặc sửa đổi tập lệnh nếu cần).

Tuy nhiên, bạn có thể sử dụng các phương pháp khác để bảo vệ tài sản của mình. Watermarking là một cách để bảo vệ hình ảnh có bản quyền của bạn. Hãy xem bất kỳ trang web hình ảnh chứng khoán để xem cách họ làm điều đó:

Ví dụ, iStockPhoto (ở trên) cung cấp cho người dùng khả năng phóng to và xem chi tiết của hình ảnh. Watermark của họ quy mô với phóng to. Nó không đủ phô trương để cho phép mọi người phân tích hình ảnh, nhưng đủ nổi bật để giảm thiểu sự trộm cắp.

Như những người khác đã chỉ ra, điều đó là không thể. Các phương pháp phổ biến như vô hiệu hóa nhấp chuột phải, sử dụng nền CSS và các tập lệnh khác khá dễ tránh. Người dùng chỉ cần chụp ảnh màn hình trang web của bạn và sau đó cắt hình ảnh.

Tôi nghĩ rằng watermarking hình ảnh là một cách hiệu quả hơn nhiều. Điều này có thể được thực hiện thủ công (sử dụng Photoshop, Gimp hoặc các công cụ khác) hoặc tự động sử dụng tập lệnh. Cuối cùng, nó phụ thuộc vào số lượng hình ảnh bạn muốn bảo vệ và cách trang web của bạn được xây dựng.

PHP
Đây là một đoạn mã PHP nhỏ đẹp có thể tạo hình mờ bất kỳ hình ảnh nào trước khi được người dùng tải xuống: http://andrecatita.com/code-projects/php-automatic-image-watermark/

Joomla
NiceWatermark là một plugin có cấu hình cao, tự động thêm hình mờ vào hình ảnh của bạn.

WordPress
Image-Watermark sẽ cho phép bạn watermark hình ảnh trong khi tải lên, hoặc watermark hình ảnh hiện có.

Bạn có thể khiến người dùng khó sử dụng hình ảnh bạn hiển thị hơn bằng cách chia chúng thành các phần / phần hình ảnh nhỏ hơn.

Trên trang này trông giống như một hình ảnh nhưng nó có thể được chia thành sáu mảnh. Nếu ai đó được xác định là có một bản sao, nó sẽ không ngăn họ kết hợp lại các hình ảnh sau khi tải xuống. Ngoài ra, nó sẽ không tốt cho kết nối chậm hơn vì tải hình ảnh có thể bị phân mảnh hoặc tệ hơn một hoặc nhiều phần có thể bị thiếu.

Vì những người khác đã trả lời không thể ngăn nhà phát triển sao chép hình ảnh, nhưng bạn có thể gây khó khăn cho người dùng bình thường.

Ở đây tôi đã tóm tắt những câu trả lời khác và thêm các tùy chọn khác mà tôi biết.

1. Chặn chuột phải -> lưu hình ảnh.

   • Chặn nhấp chuột phải bằng javascript
   • Thay vì thẻ img sử dụng thuộc tính nền CSS.
   • Xếp hình ảnh trong suốt 1x1 so với hình ảnh thực tế, để khi người dùng sử dụng nhấp chuột phải, anh ta sẽ có được hình ảnh trong suốt.

2. Ngăn chặn các công cụ dev lấy hình ảnh bằng cách chia hình ảnh thành nhiều hình ảnh (Từ câu trả lời của Nick J Adams). Điều này có thể rất tẻ nhạt để làm bằng tay. Nick cũng đã đề cập đến những nhược điểm như tải xuống chậm hơn và hình ảnh bị hỏng nếu một phần không được tải xuống.

3. Ngăn chặn ảnh chụp màn hình bằng cách sử dụng Flash cho trình chiếu hình ảnh. Một số trang web nhiếp ảnh tôi biết sử dụng Flash để trình bày các bức ảnh. Nhưng lưu ý rằng flash không hoạt động trong điện thoại di động.

4. Bạn cũng có thể ngăn ảnh chụp màn hình bằng cách sử dụng hình mờ. Ở đây chúng tôi không chặn quyền truy cập vào hình ảnh. Kiểm tra câu trả lời của Johanpw cho một số thư viện.

Doorknob, JohnB và johanpw đều có câu trả lời hay, tôi muốn thêm một cái gì đó tôi đã thấy trong phần kết nối html và php: của mọi người.

Về cơ bản, những gì họ làm là họ phá vỡ liên kết đến hình ảnh hoặc video để khó có thể ghép lại với nhau từ mã (bạn vẫn có thể làm điều đó nhưng nó ngăn chặn tất cả trừ động lực nhất) hoặc họ chỉ đơn giản là phá vỡ liên kết đơn trong nguồn. (Thành thật mà nói, tôi chỉ nhận thấy điều này trong vài tuần qua. Tôi không biết quá nhiều về nó, chỉ là nó khiến tôi khó có thể lấy hình ảnh từ trang web của ai đó; P nhưng hy vọng ai đó có kinh nghiệm này sẽ hô vang)

Nếu bất cứ ai biết nhiều hơn và có thể đưa ra một lời giải thích tốt hơn, tôi cũng muốn tìm hiểu thêm về tích chập liên kết!

Không tải hình ảnh độ phân giải cao lên bất kỳ trang web nào không giấu chúng và an toàn. Giống như một bản in chuyên nghiệp và đáng tin cậy trên trang web nhu cầu.

Như đã nói trước đó, không thể ngăn người xem có được hình ảnh trực tuyến. Phương pháp của riêng tôi là đặt tên dễ đọc của tôi cho họ và gửi chúng ra thế giới để quảng cáo cho tôi.

Sau đó, nếu ai đó muốn sử dụng chúng, họ có thể liên hệ với tôi để xin phép.