Lưu trang HTML bằng hình ảnh và CSS

Bạn đã bao giờ cần lưu một hình ảnh tồn tại trên một trang web khác chưa?

Dưới đây là các bước bạn có thể thực hiện để lưu hình ảnh từ một trang web và tại sao phương pháp này tốt hơn các phương pháp khác

Chuyển thẳng đến các bước cho , hoặc

Bạn không thể chỉ cần nhấp chuột phải và lưu hình ảnh?

Đôi khi có, nhưng bạn sẽ không đọc bài viết này nếu đúng như vậy. Có hai lý do tại sao nhấp chuột phải để lưu hình ảnh không phải lúc nào cũng hoạt động

1. Một số trang web không cho phép điều này.
2. Phương pháp này thường lấy phiên bản nhỏ nhất của hình ảnh, có thể không phù hợp.

Một lưu ý quan trọng về bản quyền hình ảnh

Trước khi chúng tôi đi sâu vào các bước mà bạn có thể làm theo để lưu JPG hoặc hình ảnh khác từ một trang web, bạn cần đảm bảo tránh các hình ảnh có bản quyền. Mặc dù các trang web được mở cho công chúng, hình ảnh có bản quyền không. Chúng tôi không ủng hộ việc sử dụng các hình ảnh có bản quyền và những người tạo ra các tệp này có nhiều cách để phát hiện việc sử dụng chúng bất hợp pháp

Bạn cũng sẽ thích. Cách tìm kích thước của hình ảnh trên trang web

Cách lưu hình ảnh từ trang web trong Chrome, Edge hoặc Internet Explorer

Mỗi trình duyệt trang web làm điều này khác nhau, nhưng logic là như nhau. Bạn chỉ cần nhấn F12 để truy cập các công cụ dành cho nhà phát triển, sau đó sử dụng phần tử kiểm tra để định vị và lưu tệp

Trình duyệt Chrome

1. Truy cập trang web chứa hình ảnh bạn muốn

2. Nhấn F12

Mẹo. Một số bàn phím sẽ cần bạn nhấn phím Fn để F12 của bạn hoạt động. Một phím tắt bạn có thể sử dụng là chỉ cần nhấn Ctrl, Shift và I.

3. Nhấp vào biểu tượng Trình kiểm tra phần tử

4. Bây giờ, hãy nhấp vào hình ảnh được đề cập và bạn sẽ thấy URL của hình ảnh xuất hiện trong mã bên dưới.

Mẹo. Một số trang web được thiết kế hơi khác. Bạn có thể thấy URL ở cột bên phải, thay vì ở cột bên trái.

5. Nhấp chuột phải vào URL, chọn Mở trong tab mới

6. Trong tab mới, nhấp chuột phải vào hình ảnh và Lưu hình ảnh dưới dạng sau đó đặt tên cho hình ảnh và chọn đích trên máy tính của bạn để lưu hình ảnh vào

Bờ rìa

1. Truy cập trang web chứa hình ảnh bạn muốn lưu

2. Nhấn F12 [nếu bạn được nhắc, hãy chọn Mở Công cụ dành cho nhà phát triển]

Mẹo. Một số máy tính xách tay sẽ cần bạn nhấn phím Fn để F12 của bạn hoạt động. Một lối tắt bạn có thể sử dụng là chỉ cần nhấp chuột phải vào hình ảnh và chọn Kiểm tra phần tử.

3. Nhấp vào biểu tượng Trình kiểm tra phần tử

4. Bây giờ, hãy nhấp vào hình ảnh được đề cập và bạn sẽ thấy URL của hình ảnh xuất hiện trong mã bên dưới

5. Nhấp chuột phải vào URL đó và nhấp vào Mở trong tab mới

6. Trong tab mới, nhấp chuột phải vào hình ảnh và chọn Lưu hình ảnh thành. Bây giờ bạn có thể đặt tên cho tệp của mình và lưu nó vào máy tính của bạn

trình duyệt web IE

1. Truy cập trang web chứa hình ảnh bạn muốn lưu

2. Nhấn F12

Mẹo. Một số máy tính xách tay sẽ cần bạn nhấn phím Fn để F12 của bạn hoạt động. Một lối tắt bạn có thể sử dụng là chỉ cần nhấp chuột phải vào hình ảnh và chọn Kiểm tra phần tử.

3. Nhấp vào DOM Explorer nếu nó không mặc định cho tùy chọn này và nhấp vào biểu tượng Trình kiểm tra phần tử

4. Bây giờ, hãy nhấp vào hình ảnh được đề cập và bạn sẽ thấy URL của hình ảnh xuất hiện trong mã bên dưới

5. Nhấp đúp vào URL xuất hiện ngay sau mã src màu đỏ và sao chép URL [Ctrl + C hoặc nhấp chuột phải vào URL và chọn Sao chép]

6. Mở một tab mới và dán URL vào thanh địa chỉ [Ctrl + V hoặc nhấp chuột phải vào thanh địa chỉ và nhấn Dán]. Hình ảnh sẽ xuất hiện

7. Trong tab mới, nhấp chuột phải vào hình ảnh và chọn Lưu ảnh thành. Bây giờ bạn có thể đặt tên cho tệp của mình và lưu nó vào máy tính của bạn

Hãy nhớ tối ưu hóa hình ảnh của bạn

Bây giờ bạn đã có hình ảnh mà mình theo đuổi, đừng quên tối ưu hóa nó. Điều này sẽ đóng góp vào trải nghiệm khách truy cập của bạn, từ đó góp phần vào SEO của bạn. Đổi tên, thay đổi kích thước và tối ưu hóa

Tìm hiểu cách làm việc với hình ảnh trên trang web

Làm việc với hình ảnh là khó khăn. Nhưng có một vài quy tắc và ý tưởng chính mà một khi nắm bắt được, mọi thứ sẽ trở nên dễ dàng.

Hiểu cách hoạt động của hình ảnh sẽ giúp bạn tiết kiệm thời gian và thành thật mà nói, rất nhiều sự thất vọng. Nhưng sử dụng hình ảnh một cách chính xác cũng sẽ cải thiện SEO của bạn – cho dù bạn có xuất hiện trên trang một của Google hay không

Nếu bạn cảm thấy mệt mỏi với việc xử lý những bức ảnh bị mờ hoặc làm mất đầu mọi người trong các biểu ngữ trang web, chúng tôi có thể giúp bạn. Nhưng thay vì chúng tôi làm điều đó cho bạn, chúng tôi cung cấp đào tạo về hình ảnh để bạn không bao giờ phải nhìn thấy một bức ảnh pixel nào khác trên trang web hoặc mạng xã hội của mình nữa. Liên hệ với Judy để thảo luận về đào tạo hình ảnh

Làm cách nào để thêm hình ảnh vào HTML bằng CSS?

Để thêm hình ảnh vào một trang, chúng tôi sử dụng phần tử nội tuyến . Phần tử

Làm cách nào tôi có thể lưu toàn bộ trang web dưới dạng ảnh?

Lưu bất kỳ trang web nào dưới dạng hình ảnh hoặc PDF .
Duyệt đến trang web bạn muốn chuyển đổi
Nhấn Ctrl + L để tô sáng URL, sau đó Ctrl + C để sao chép URL đó vào khay nhớ tạm
Nhấn Ctrl + V để dán URL vào một trong hai dịch vụ để lưu tệp dưới dạng ảnh hoặc PDF

Làm cách nào để lưu một trang HTML?

Trên thanh công cụ soạn thảo HTML, nhấp vào biểu tượng Lưu. Nhấn CTRL+S. .
Trên menu chính, nhấp vào Tệp > Lưu dưới dạng
Nhấp chuột phải vào tài liệu HTML, nhấp vào Tệp > Lưu dưới dạng
Trong hộp thoại Lưu dưới dạng, chỉ định tên tệp và vị trí, sau đó bấm Lưu

Chủ Đề