Cách thêm siêu liên kết vào ảnh JPEG trong Photoshop

Kak Dobavit Giperssylku K Izobrazeniu Jpeg V Photoshop



Là một chuyên gia CNTT, tôi thường được hỏi về cách thêm siêu liên kết vào ảnh JPEG trong Photoshop. Dưới đây là tóm tắt nhanh về cách thực hiện. Đầu tiên, mở hình ảnh trong Photoshop. Sau đó, chọn khu vực bạn muốn siêu liên kết. Để thực hiện việc này, nhấp vào công cụ 'Chọn' trên thanh công cụ, sau đó nhấp và kéo để tạo vùng chọn. Khi bạn đã chọn xong, hãy nhấp vào nút 'Tạo siêu liên kết' trên thanh công cụ. Thao tác này sẽ mở hộp thoại 'Chèn siêu liên kết'. Trong hộp thoại 'Chèn siêu liên kết', bạn cần nhập URL mà bạn muốn liên kết đến trong trường 'Liên kết đến'. Sau đó, nhấp vào nút 'OK'. Đó là nó! Bây giờ bạn đã thêm một siêu liên kết vào hình ảnh JPEG của mình.



Muốn tạo liên kết web có thể nhấp vào JPG ? Photoshop là phần mềm chỉnh sửa đồ họa đa năng của Adobe. Photoshop có thể được sử dụng để thực hiện nhiều công việc ngoài các tác vụ đồ họa truyền thống. Có lẽ bạn đang tạo một trang web và muốn thêm ảnh sẽ có liên kết. Photoshop có thể được sử dụng để thêm một siêu liên kết vào hình ảnh JPEG. Khi bạn thêm một siêu liên kết vào một hình ảnh với Photoshop , Photoshop cũng cung cấp mã HTML để hình ảnh có thể được nhúng vào trang web của bạn.





Cách thêm siêu liên kết vào ảnh JPEG trong Photoshop





Cách thêm siêu liên kết vào ảnh JPEG trong Photoshop

Thêm một siêu liên kết vào một JPEG trong Photoshop có thể thực hiện cho toàn bộ ảnh hoặc một phần ảnh. Khả năng siêu liên kết hình ảnh trong Photoshop rất tốt để thêm hình ảnh vào trang web. Thương mại điện tử từ các trang web khác sử dụng hình ảnh có thể làm cho những hình ảnh đó có thể nhấp được. Bạn cũng có thể tạo các trang web trong Photoshop dưới dạng một hình ảnh duy nhất và sau đó thêm liên kết. Vì vậy, một trang web có thể được thiết kế đẹp mắt bằng Photoshop. Các bước cần thiết:



  1. chuẩn bị hình ảnh
  2. thêm siêu liên kết
  3. Giữ

1] Chuẩn bị hình ảnh

Mở hình ảnh trong Photoshop bằng cách vào Tài liệu nhiều mở hoặc bằng cách nhấp vào Ctrl + О . Bạn sẽ thấy mở cửa sổ hộp thoại. Tìm một hình ảnh, sau đó nhấp vào nó và nhấn mở . Bạn cũng có thể mở một hình ảnh bằng cách định vị hình ảnh đó trên máy tính của mình, sau đó nhấp chuột phải vào hình ảnh đó và chọn Mở cửa từ và sự lựa chọn AdobePhotoshop . Một cách khác để mở một hình ảnh trong Photoshop là tìm hình ảnh đó và nhấp và kéo nó vào Photoshop. Làm thế nào để thêm-siêu-liên-kết-đến-jpeg-hình-ảnh-trong-hộp-thoại-photoshop-save-for-web

Đây là hình ảnh mà các siêu liên kết sẽ được thêm vào. Hình ảnh là một biểu ngữ cho trang web bánh.

Hình ảnh bạn muốn siêu liên kết có thể là hình ảnh bạn hiện đang làm việc. Trong cả hai trường hợp, hãy làm cho hình ảnh hấp dẫn nhưng vẫn chứa nhiều thông tin để thu hút sự chú ý của người dùng. Hình ảnh đã mở có thể được chỉnh sửa và thêm từ để nói Bấm vào đây hoặc một cái gì đó để bảo người dùng nhấp vào.



Bạn có thể làm cho toàn bộ hình ảnh có thể nhấp được hoặc chỉ một phần của nó. Nếu bạn định chỉnh sửa một hình ảnh mở để biến nó thành một liên kết, bạn chỉ cần viết Bấm vào đây trên đó hoặc thứ gì đó sẽ yêu cầu người dùng nhấp vào.

lịch tắt windows 10

Khi bạn tạo một trang web trong Photoshop mà bạn muốn có thể nhấp được, bạn sẽ cần tạo và lưu nó dưới dạng hình ảnh. Sau đó, bạn phải quyết định nơi bạn muốn có thể nhấp được. Đây thường là các nút, hình ảnh, logo và các phần có thể nhấp khác của trang web. Cách của tôi để thêm siêu liên kết vào hình ảnh được tạo trong Photoshop là lưu tệp Photoshop dưới dạng JPEG, sau đó mở tệp JPEG trong Photoshop và thêm liên kết.

2] Thêm siêu liên kết

Khi bạn đã chuẩn bị xong hình ảnh của mình và hài lòng với hình thức của nó, bạn có thể chuyển sang bước tiếp theo. Xác định một phần hoặc nhiều phần của hình ảnh mà bạn muốn siêu liên kết đến. Bạn nên lưu hình ảnh hoặc trang web đã hoàn thành của mình dưới dạng tệp Photoshop PSD. Điều này sẽ cho phép bạn thực hiện các thay đổi đối với hình ảnh nếu cần. Sau đó, bạn có thể lưu một bản sao của hình ảnh ở định dạng tệp khác để thêm siêu kết nối. Vì hình ảnh sẽ được sử dụng trên web nên tốt nhất bạn nên lưu nó dưới dạng JPEG rồi thêm siêu liên kết. Bạn có thể thêm các nút, văn bản, biểu tượng hoặc bất kỳ thứ gì khác mà bạn muốn siêu liên kết đến.

Cắt ảnh

Bây giờ bạn đã có hình ảnh sẵn sàng và mọi thứ đã sẵn sàng, đã đến lúc thêm siêu liên kết. Trước khi điều này có thể được thực hiện, bạn cần cắt các phần của hình ảnh mà bạn muốn siêu liên kết đến. Cách-thêm-siêu-liên-kết-đến-hình-ảnh-JPEG-trong-Photoshop-Lưu-cho-hộp-thoại-web-chọn

Chuyển đến thanh công cụ bên trái và tìm công cụ Slice, công cụ này nằm trong cùng menu bật lên với công cụ Crop. Nếu bạn không nhìn thấy công cụ Slicer, hãy nhấn và giữ Dụng cụ để cắt cho đến khi bạn thấy menu bật lên, sau đó bạn có thể nhấp để chọn công cụ cắt .

Khi bạn đã chọn công cụ Slicer, bạn có thể khoanh tròn bất kỳ thứ gì trong hình ảnh mà bạn muốn siêu liên kết.

Chỉ cần khoanh tròn một hình ảnh, văn bản, biểu tượng, nút hoặc bất kỳ thứ gì bạn muốn làm nổi bật. Nhấp và kéo một phần tử theo đường chéo và bạn sẽ thấy một hộp có một số và một số dòng. Mỗi mảnh được tạo ra sẽ có một số. Bạn có thể di chuyển điểm đánh dấu lát xung quanh hình ảnh để điều chỉnh nó bằng các phím mũi tên trên bàn phím. Bạn cũng có thể làm cho khung lát xung quanh một phần tử lớn hơn hoặc nhỏ hơn bằng cách di chuột qua bên cho đến khi mũi tên hai đầu xuất hiện, sau đó nhấp và kéo.

cách thiết lập mạng ngang hàng cửa sổ mạng ngang hàng 10

Trong bài viết này 'Nhấp để biết thêm thông tin' và mũ đầu bếp sẽ được siêu liên kết, tùy thuộc vào những gì bạn muốn, bạn có thể thêm siêu liên kết đến các mục khác. ông chủ có có thể có một siêu liên kết đến trang chủ để người dùng được đưa đến trang chủ bất cứ khi nào anh ta nhấp vào nó. Bấm để biết thêm thông tin có thể được liên kết với một trang có thông tin bổ sung về bán hàng hoặc bất kỳ thông tin nào khác mà bạn muốn người dùng tìm thấy.

Để thêm một siêu liên kết vào nhiều vị trí trong một hình ảnh, chỉ cần theo dõi bằng công cụ Slicer trên từng khu vực một. Bạn có thể thêm cùng một URL hoặc một URL khác vào mỗi đoạn mã.

Cách thêm-siêu-liên-kết-vào-hình-ảnh-JPEG-trong-Photoshop-Save-for-web-hộp-thoại-HTML-cửa sổ

Đây là hình ảnh với các mảnh được hiển thị. Mũ của đầu bếp và nút Thông tin khác là những phần được siêu liên kết. Tuy nhiên, hình ảnh có các đường khiến nó trông giống như bị cắt thành một cái bàn. Điều này là do hình ảnh thực sự được cắt lát và đặt trong một bảng, sau đó HTML sẽ lưu chúng lại với nhau trên trang web.

cortana bị đình chỉ

Thêm URL

Cách-thêm-siêu-liên-kết-đến-JPEG-trong-Photoshop-Note-Pad

Với các đoạn mã được tạo, đã đến lúc thêm URL vào các đoạn mã. Nhấp chuột phải vào đoạn mã bạn sẽ tham khảo và chọn Thay đổi tùy chọn đoạn .

How-to-add-hyperlink-to-JPEG-in-Photoshop-Note-Pad-Inspect-code

Tùy chọn lát cắt một hộp thoại để thêm thông tin sẽ xuất hiện. Bạn có thể thêm Tên hình ảnh, và địa chỉ URL mà bạn muốn người dùng được chuyển hướng khi họ nhấp chuột. Nếu bạn muốn liên kết mở trong tab mới, hãy nhập _trống TRONG Mục tiêu cánh đồng. Để giúp người khiếm thị dễ dàng truy cập liên kết, hãy thêm văn bản mô tả vào Lấy mọi thứ cánh đồng. Nhập xong thông tin nhấn KHỎE để xác nhận thông tin và đóng cửa sổ. Bạn sẽ lặp lại bước này cho tất cả các lát cắt.

Cách thêm-siêu liên kết-vào-hình-ảnh-JPEG-trong-Photoshop-hình-ảnh-với-slices-check-html-code.

Đây là một ví dụ về cách điền vào hộp thoại tùy chọn cắt lát.

3] Lưu

Bây giờ hình ảnh đã được chuẩn bị và các siêu liên kết đã được thêm vào, đã đến lúc lưu nó để có thể sử dụng trên trang web. Để lưu vào Tài liệu Sau đó Lưu cho web hoặc bấm vào Alt + Shift + Ctrl + S . Trong một số phiên bản của Photoshop, bạn sẽ cần vào 'Tệp' và sau đó Lưu cho Web (Cũ) .

Cách thêm-siêu-liên-kết-đến-hình-ảnh-JPEG-trong-Photoshop-

Hộp thoại Lưu cho Web xuất hiện.

Ở trên nơi có gif , nhấp vào mũi tên thả xuống và chọn JPEG . Thao tác này sẽ lưu đầu ra dưới dạng JPEG. JPEG là định dạng hình ảnh tốt nhất để sử dụng trên web do kích thước nhỏ và thực tế là Photoshop đã lưu tệp dưới dạng bitmap. Hình ảnh raster phù hợp nhất cho web. Khi nó được thực hiện, nhấp vào Giữ ở phần dưới Lưu cho Hộp thoại Web .

xuất sinh nhật từ facebook

cái này sẽ mở Lưu được tối ưu hóa dưới dạng cửa sổ . Đi đến Định dạng và lựa chọn HTML và hình ảnh dưới dạng định dạng tệp. Bạn sẽ nhận thấy rằng phần mở rộng tên tệp đã được đổi thành .html. Photoshop sẽ lưu tệp HTML với các siêu liên kết đến hình ảnh, cũng như bản thân hình ảnh. Bạn sẽ chọn nơi bạn muốn lưu thư mục.

Khi bạn lưu dưới dạng HTML, bạn đang lưu nhiều tệp và thư mục. Có một tệp HTML sẽ giống như trình duyệt mặc định. Cũng sẽ có một thư mục với các mảnh hình ảnh đã được cắt. Đừng lo lắng, mã HTML sẽ chọn tất cả các phần trên trang web.

Khi lưu tệp, đảm bảo rằng tệp HTML và thư mục hình ảnh được lưu ở cùng một vị trí. Tệp HTML sẽ được liên kết với tệp hình ảnh bằng cách sử dụng vị trí của tệp. Bạn có thể cần phải tạo một thư mục để giữ chúng lại với nhau. Khi bạn hoàn tất, hãy nhấp vào Giữ .

Khi bạn lưu xong, hãy điều hướng đến vị trí bạn đã chọn và bạn sẽ thấy tệp HTML và thư mục Ảnh. Nếu bạn bấm vào một trang web HTML, bạn sẽ thấy rằng hình ảnh mở ra dưới dạng một trang web và các liên kết có thể bấm được. Tuy nhiên, họ sẽ không đưa bạn đến một trang web hoặc Internet, họ sẽ chỉ nói rằng các tệp không có sẵn. Điều này là do các tệp bị cô lập khỏi trang web đang hoạt động.

Nếu bạn muốn xem mã HTML, bạn có thể nhấp chuột phải vào tệp HTML và chọn 'Mở bằng Notepad'

Bài ViếT Phổ BiếN