Hướng dẫn dễ dàng để hiển thị hình ảnh trên trang web của bạn
Hầu hết các hình ảnh trực tuyến đều có định dạng như JPG , GIF và PNG . Bạn có thể tải lên ảnh như thế này lên trang web của riêng bạn để chia sẻ với người khác hoặc để giải thích thêm điều gì đó, để giới thiệu ý tưởng hoặc vì bất kỳ lý do nào khác.
Khi bạn liên kết hình ảnh trên trang web của mình, bạn thậm chí không cần lưu trữ hình ảnh đó. Bạn có thể tải ảnh lên máy chủ web khác và sau đó liên kết với ảnh từ trang web của riêng bạn.
Kiểm tra kích thước hình ảnh
Một số dịch vụ lưu trữ không cho phép các tệp có kích thước nhất định. Đảm bảo rằng những gì bạn sắp tải lên trang web của mình dưới kích thước tối đa cho phép bởi dịch vụ lưu trữ web của bạn. Điều này đúng bất kể hình ảnh có ở định dạng PNG hay GIF, JPG, TIFF , v.v.
Điều cuối cùng bạn muốn là làm việc chăm chỉ để tạo ra bức tranh hoàn hảo chỉ để có hình ảnh quá lớn để tải lên. May mắn thay, bạn có thể giảm kích thước ảnh của bạn để làm cho chúng hoạt động.
Tải lên hình ảnh trực tuyến
Tải hình ảnh JPG hoặc GIF lên trang web của bạn bằng chương trình tải lên tệp mà dịch vụ lưu trữ web của bạn cung cấp. Nếu họ không cung cấp, bạn sẽ cần một chương trình FTP để tải lên hình ảnh của bạn. Một tùy chọn khác là tránh sử dụng máy chủ web của riêng bạn để lưu trữ hình ảnh và sử dụng dịch vụ lưu trữ hình ảnh khác.
Nếu bạn đang thêm hình ảnh vào trang web mà bạn đã tải xuống hoặc bạn đã đóng gói vào một tệp lưu trữ như một tệp ZIP , rất có thể bạn sẽ cần phải trích xuất các hình ảnh trước tiên. Hầu hết các nền tảng lưu trữ web không cho phép tải lên hình ảnh trừ khi chúng ở định dạng hình ảnh như JPG, GIF, PNG, v.v. — không lưu trữ các loại tệp như 7Z , RAR , v.v.
Mặt khác, nếu hình ảnh của bạn đã được lưu trữ ở nơi khác, như trên trang web của người khác, bạn có thể liên kết trực tiếp với bước tiếp theo bên dưới — bạn không cần tải xuống và sau đó tải lại lên máy chủ web của riêng mình .
Tìm URL đến hình ảnh của bạn
Bạn đã tải lên hình ảnh JPG hoặc GIF ở đâu? Bạn đã thêm nó vào thư mục gốc của máy chủ web của bạn hoặc vào một thư mục khác như thư mục được tạo riêng để giữ ảnh? Điều này là cần thiết để biết để bạn có thể xác định vị trí cố định của nó, mà bạn sẽ cần sau này để thực sự phục vụ hình ảnh cho khách truy cập của bạn.
Dưới đây là ví dụ về liên kết trực tiếp tới tệp PNG, tệp này được lưu trữ ở đây trên:
https: // www. /static/2.49.0/image/hp-howto.png Ví dụ: nếu cấu trúc thư mục của máy chủ web của bạn cho hình ảnh là
Nếu ảnh của bạn được lưu trữ ở nơi khác, chỉ cần sao chép URL bằng cách nhấp chuột phải vào liên kết và chọn tùy chọn sao chép. Hoặc, mở hình ảnh trong trình duyệt của bạn bằng cách nhấp vào nó và sau đó sao chép vị trí vào hình ảnh đó từ thanh điều hướng trong trình duyệt của bạn.
Chèn URL vào trang
Bây giờ bạn có URL để hình ảnh bạn muốn liên kết đến trên trang web của bạn, bạn cần phải chọn nơi nó nên đi. Tìm phần cụ thể của trang nơi bạn muốn liên kết hình ảnh JPG.
Khi bạn đã tìm đúng địa điểm để liên kết hình ảnh, hãy sử dụng chức năng siêu kết nối của máy chủ web của bạn để liên kết URL của bạn với từ hoặc cụm từ trong câu sẽ hướng mọi người đến hình ảnh. Nó có thể được gọi là chèn liên kết hoặc thêm siêu liên kết .
Có nhiều cách để liên kết đến một hình ảnh. Có lẽ hình ảnh new.jpg của bạn là một bông hoa và bạn muốn khách truy cập của mình có thể nhấp vào liên kết để xem hoa.
- Nhìn vào bông hoa mới này đang mọc trong sân của tôi!
- Tôi muốn trồng hoa này trong năm nay.
- Hoa của tôi đang phát triển mạnh. Nhìn kìa !
Nếu bạn muốn liên kết đến hình ảnh bằng cách sử dụng mã HTML của trang, bạn cũng có thể làm điều đó.
Tôi có một hoa rất đẹp đang mọc trong khu vườn của tôi .![hoa rất đẹp]("https://upload.wikimedia.org/wikipedia/commons/thumb/b/bc/Red_Hibiscus.jpg/250px-Red_Hibiscus.jpg"){kind=link}
Một cách khác để liên kết đến một hình ảnh trên trang web của bạn là đăng nội tuyến đó bằng mã HTML. Điều này có nghĩa là khách truy cập của bạn sẽ thấy hình ảnh khi họ mở trang, do đó sẽ không có một liên kết như bạn thấy trong các ví dụ ở trên. Điều này làm việc cho hình ảnh trên máy chủ của riêng bạn và cho hình ảnh được lưu trữ ở nơi khác, nhưng bạn cần phải có quyền truy cập vào tệp HTML của trang web để thực hiện việc này.