Thanh Thúy
Well-known member
Bạn đang bắt đầu với vai trò quản lý blog cá nhân do chính mình tạo ra hoặc thử sức với vị trí quản lí trang web chuyên nghiệp của một công ty hay doanh nghiệp cụ thể nào đó, và bạn đang không biết làm cách nào để thêm các hình ảnh vào trang web đó ở định dạng chuẩn, chẳng hạn như JPEG, GIF và PNG. Bài viết này sẽ hướng dẫn các bạn cách tải ảnh và thêm các loại hình ảnh khác lên trang web hoặc blog cá nhân mà các bạn mong muốn.
Kiểm tra kích thước hình ảnh
Trước khi bắt đầu, hãy kiểm tra kích thước của hình ảnh bạn muốn tải lên. Một số trang web không có lưu ý hay giới hạn kích thước cụ thể của từng hình ảnh. Vì vậy hãy đảm bảo hình ảnh bạn tải lên hoặc thêm vào ở dưới mức tối đa cho phép bởi trang web đó của bạn. Thông thường kích thước tối đa và hoàn hảo nhất cho hình ảnh để xây dựng nên trang web của bạn sẽ là:
- Kích thước hình ảnh Slider ở trang chủ: Kích thước ảnh Slider website: 1360 x 540 pixel.
- Kích thước hình ảnh trong bài viết: Kích thước ảnh minh họa: 300 x 188 pixel.
- Kích thước ảnh chi tiết: 800 x 500 pixel.
- Kích thước hình ảnh bên trong sản phẩm: đối với hình ảnh minh họa là 300 x 400 pixel, với hình ảnh chi tiết thì lớn gấp đôi là 600 x 800 pixel.
Và những giới hạn kích thước hình ảnh này đều được áp dụng cho tất cả các định dạng hình ảnh bao gồm PNG, GIF, JPEG, TIFF… Nếu hình ảnh của bạn vẫn còn quá lớn để tải lên, bạn có thể giảm kích thước hình ảnh đó bằng các trình chỉnh sửa ảnh như PicsArt hay trang web Img2go để đạt được hiệu quả hình ảnh mong muốn.
Tải lên hình ảnh trực tuyến
Tải hình ảnh lên trang web của bạn bằng chương trình tải lên tệp có sẵn trong trang web cũng là một cách hiệu quả để hình ảnh đó vừa ở mức chất lượng cao vừa đạt được hiệu quả phần nhìn cho trang web mà bạn mong muốn. Nếu trang web mà bạn sử dụng không cung cấp sẵn trình tải lên hình ảnh, bạn sẽ cần một chương trình FTP để tải lên hình ảnh của mình hoặc sử dụng dịch vụ lưu trữ hình ảnh.
Nếu hình ảnh của bạn ở định dạng lưu trữ, chẳng hạn như tệp ZIP, trước tiên hãy trích xuất ảnh. Hầu hết các nền tảng lưu trữ web chỉ cho phép tải lên các định dạng truyền thống, không lưu trữ các loại tệp.
Nếu hình ảnh của bạn đã được lưu trữ ở nơi khác, chẳng hạn như trên trang web của người khác, hãy chèn đường dẫn liên kết trực tiếp đến hình ảnh đó. Bạn không cần phải tải xuống và sau đó tải lại lên máy chủ web của riêng bạn.
Tìm URL đến hình ảnh của bạn
Điều quan trọng là phải biết nơi bạn tải lên hình ảnh. Ví dụ: bạn đã thêm nó vào thư mục gốc của máy chủ web hoặc một thư mục khác, có lẽ một thư mục được tạo riêng để giữ ảnh? Bạn phải có khả năng xác định vị trí cố định của hình ảnh để có thể phục vụ nó cho khách hàng khi truy cập vào trang web hoặc blog cá nhân của bạn.
Ví dụ: nếu cấu trúc thư mục của máy chủ web cho hình ảnh là \images\ và ảnh bạn tải lên được gọi là new.jpg, URL cho ảnh đó sẽ là \images\new.jpg.
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 bạn có thể mở hình ảnh trong trình duyệt của bạn bằng cách bấm 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.
Bạn cũng có thể tạo một hình ảnh thành một liên kết có thể nhấp để đưa người dùng đến một nơi khác trong trang web của bạn.
Chèn URL vào trang và liên kết đến nó
Bây giờ bạn đã có URL của hình ảnh, hãy quyết định nơi bạn muốn nó đi đâu trên trang web của bạn. Xác định vị trí phần cụ thể của trang nơi bạn muốn hình ảnh được liên kết.
Khi bạn đã tìm đúng vị trí để liên kết hình ảnh, hãy sử dụng chức năng siêu liên kết của máy chủ web để liên kết URL của bạn với từ hoặc cụm từ trong câu chỉ 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 kết nối.
Có nhiều cách để diễn đạt một liên kết đến một hình ảnh. Ví dụ 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 bông hoa. Dưới đây là một số ví dụ: "Hãy nhìn bông hoa mới này 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!".
Bạn cũng có thể liên kết đến hình ảnh bằng mã HTML của trang, ví dụ như:
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ó nội tuyến với 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, vì vậy không cần liên kết văn bản. Điều này hoạt động 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 có quyền truy cập vào tệp HTML của trang web để thực hiện việc này.
Kiểm tra kích thước hình ảnh
Trước khi bắt đầu, hãy kiểm tra kích thước của hình ảnh bạn muốn tải lên. Một số trang web không có lưu ý hay giới hạn kích thước cụ thể của từng hình ảnh. Vì vậy hãy đảm bảo hình ảnh bạn tải lên hoặc thêm vào ở dưới mức tối đa cho phép bởi trang web đó của bạn. Thông thường kích thước tối đa và hoàn hảo nhất cho hình ảnh để xây dựng nên trang web của bạn sẽ là:
- Kích thước hình ảnh Slider ở trang chủ: Kích thước ảnh Slider website: 1360 x 540 pixel.
- Kích thước hình ảnh trong bài viết: Kích thước ảnh minh họa: 300 x 188 pixel.
- Kích thước ảnh chi tiết: 800 x 500 pixel.
- Kích thước hình ảnh bên trong sản phẩm: đối với hình ảnh minh họa là 300 x 400 pixel, với hình ảnh chi tiết thì lớn gấp đôi là 600 x 800 pixel.
Và những giới hạn kích thước hình ảnh này đều được áp dụng cho tất cả các định dạng hình ảnh bao gồm PNG, GIF, JPEG, TIFF… Nếu hình ảnh của bạn vẫn còn quá lớn để tải lên, bạn có thể giảm kích thước hình ảnh đó bằng các trình chỉnh sửa ảnh như PicsArt hay trang web Img2go để đạt được hiệu quả hình ảnh mong muốn.
Tải lên hình ảnh trực tuyến
Tải hình ảnh lên trang web của bạn bằng chương trình tải lên tệp có sẵn trong trang web cũng là một cách hiệu quả để hình ảnh đó vừa ở mức chất lượng cao vừa đạt được hiệu quả phần nhìn cho trang web mà bạn mong muốn. Nếu trang web mà bạn sử dụng không cung cấp sẵn trình tải lên hình ảnh, bạn sẽ cần một chương trình FTP để tải lên hình ảnh của mình hoặc sử dụng dịch vụ lưu trữ hình ảnh.
Nếu hình ảnh của bạn ở định dạng lưu trữ, chẳng hạn như tệp ZIP, trước tiên hãy trích xuất ảnh. Hầu hết các nền tảng lưu trữ web chỉ cho phép tải lên các định dạng truyền thống, không lưu trữ các loại tệp.
Nếu hình ảnh của bạn đã được lưu trữ ở nơi khác, chẳng hạn như trên trang web của người khác, hãy chèn đường dẫn liên kết trực tiếp đến hình ảnh đó. Bạn không cần phải tải xuống và sau đó tải lại lên máy chủ web của riêng bạn.
Tìm URL đến hình ảnh của bạn
Điều quan trọng là phải biết nơi bạn tải lên hình ảnh. Ví dụ: bạn đã thêm nó vào thư mục gốc của máy chủ web hoặc một thư mục khác, có lẽ một thư mục được tạo riêng để giữ ảnh? Bạn phải có khả năng xác định vị trí cố định của hình ảnh để có thể phục vụ nó cho khách hàng khi truy cập vào trang web hoặc blog cá nhân của bạn.
Ví dụ: nếu cấu trúc thư mục của máy chủ web cho hình ảnh là \images\ và ảnh bạn tải lên được gọi là new.jpg, URL cho ảnh đó sẽ là \images\new.jpg.
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 bạn có thể mở hình ảnh trong trình duyệt của bạn bằng cách bấm 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.
Bạn cũng có thể tạo một hình ảnh thành một liên kết có thể nhấp để đưa người dùng đến một nơi khác trong trang web của bạn.
Chèn URL vào trang và liên kết đến nó
Bây giờ bạn đã có URL của hình ảnh, hãy quyết định nơi bạn muốn nó đi đâu trên trang web của bạn. Xác định vị trí phần cụ thể của trang nơi bạn muốn hình ảnh được liên kết.
Khi bạn đã tìm đúng vị trí để liên kết hình ảnh, hãy sử dụng chức năng siêu liên kết của máy chủ web để liên kết URL của bạn với từ hoặc cụm từ trong câu chỉ 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 kết nối.
Có nhiều cách để diễn đạt một liên kết đến một hình ảnh. Ví dụ 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 bông hoa. Dưới đây là một số ví dụ: "Hãy nhìn bông hoa mới này 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!".
Bạn cũng có thể liên kết đến hình ảnh bằng mã HTML của trang, ví dụ như:
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ó nội tuyến với 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, vì vậy không cần liên kết văn bản. Điều này hoạt động 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 có quyền truy cập vào tệp HTML của trang web để thực hiện việc này.