Thứ Tư, 20 tháng 1, 2016

Hướng dẫn upload hình ảnh lên website


Thêm hình ảnh vào website cũng giống như thêm văn bản bằng cách kéo 1 thành tố image và trang.
Nhấn vào Upload Image để tải lên một hình ảnh.
Trong hộp thoại hiện ra, bạn có rất nhiều cách thêm hình ảnh. Bạn có tải lên một hình ảnh từ máy tính hoặc tìm hình ảnh từ thư viện hình ảnh trên Weebly.
Trong bài viết này, tôi sẽ hướng dẫn cách upload một hình ảnh lên website. Cách đơn giản nhất là kéo hình ảnh từ máy tính vào cửa sổ hộp thoại và thả vào dòng "drag photo here". Hoặc bạn cũng có thể nhấn vào dòng màu xanh "Upload a photo" nếu bạn không thích kiểu kéo thả này.
Kích cỡ hình ảnh sẽ hiển thị rộng trên màn hình.
Bạn có thể chỉnh lại kích cỡ hình ảnh bằng cách di trỏ chuột vào góc phải và kéo nhỏ lại theo ý bạn hoặc vừa đủ kích cỡ hình ảnh.
Hoặc bạn có thể chỉnh sửa hình ảnh bằng cách dùng công cụ hình ảnh. Hãy nhấn vào hình ảnh để mở hộp công cụ và có nhiều lựa chọn chỉnh sửa hơn.
Một vài công cụ tùy chỉnh như sau:
  • Lightbox: Nếu bạn bậc ON, thì những ai click vào hình ảnh trên website sẽ mở ra một hình lớn hơn trên màn hình.
  • Link: Tùy chọn này dùng để chèn liên kết vào hình ảnh. Xem thêm bài hướng dẫn chèn liên kết hình ảnh.
  • Spacing: Tạo một khoảng trắng vừa đủ xung quanh hình ảnh.
  • Caption: Dùng để mô tả, hiển thị ngay dưới hình ảnh. 
  • Advanced: Cho phép bạn điều chỉnh (tắt/mở) đường viền xung quang hình ảnh.
Và nút lớn màu xanh "Edit Image" sẽ mở ra công cụ chỉnh sửa hình ảnh đơn giản.
Công cụ chỉnh sửa này cung cấp một vài tùy chọn cơ bản như: thêm hiệu ứng hình ảnh, xoay hình ảnh, và cắt hình ảnh.
Thử làm một ví dụ cắt bớt hình ảnh nhé!
Tùy chọn Crop sẽ hiển thị khung hình giới hạn bị cắt của hình ảnh (tối/sáng). Bạn có thể nhấn chuột vào nút hạt đậu và kéo để điều chỉnh hình ảnh theo góc cạnh.
Xong rồi thì bạn nhấn OK. Nếu không thích thì bạn có thể nhấn Crop để làm lại hoặc nhấn Cancel để thoát. Chẳng hạn, ví dụ trên, tôi vừa cắt hình ảnh thành hình vuông, tôi sẽ nhấn Save để lưu lại thay đổi này.
Và kết quả như hình sau:
Nếu có thắc mắc nào, vui lòng liên hệ!

0 nhận xét: